/* Account access shares the studio's blue identity without loading its tools. */
.account-gate{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,470px);align-items:center;gap:clamp(38px,8vw,120px);position:relative;isolation:isolate;overflow:hidden;padding:clamp(32px,7vw,100px);max-width:1600px;margin:auto;color:#edf7ff}
.account-gate::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 12% 18%,#1a72b927,transparent 55%),radial-gradient(ellipse at 84% 88%,#13509924,transparent 58%);z-index:-2}
.account-introduction{position:relative;max-width:560px}.account-brand{display:inline-flex;align-items:center;gap:15px;color:#f2f9ff;text-decoration:none;font-size:40px;letter-spacing:-2px;font-weight:600;margin-bottom:54px}.account-brand img{height:68px;width:68px;border-radius:20px;object-fit:cover;box-shadow:0 12px 35px #0004}.account-brand>span>span{color:#78cfff}.account-eyebrow{display:block;color:#96bbde;font-size:12px;line-height:1.5;letter-spacing:1.5px;font-weight:500}.account-introduction h1{font-size:clamp(43px,5vw,76px);line-height:1.09;font-weight:500;letter-spacing:-3px;margin:22px 0}.account-introduction h1>span{display:block;color:#81ceff}.account-introduction>p{font-size:16px;line-height:1.9;color:#afc6de;max-width:430px}.account-benefits{display:grid;gap:14px;margin-top:33px}.account-benefits>span{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.6;color:#c4dcef}.account-benefits svg{height:18px;width:18px;fill:none;stroke:#7bceff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-brand-wave{display:block;width:min(100%,350px);height:100px;margin-top:35px;fill:none;stroke:#66c6ff;stroke-width:1.6;opacity:.4}.account-brand-wave path+path{opacity:.45}
.account-panel{background:linear-gradient(145deg,#122b47dd,#0b1a2ee8);border:1px solid #34537499;border-radius:22px;padding:30px 24px 25px;box-shadow:0 26px 85px #010a193d;min-width:0;position:relative}.account-panel::before{content:'';position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,#92d7ff88,transparent)}.account-auth-tabs{display:flex;border:1px solid #2d4b6c;background:#091a2e;border-radius:11px;padding:4px;margin:0 0 22px;gap:4px}.account-auth-tabs button{flex:1;min-height:42px;padding:9px 15px;background:transparent;border:0;border-radius:8px;font-size:14px;font-family:inherit;color:#acc8e2;cursor:pointer}.account-auth-tabs button[aria-selected=true]{color:#daf0ff;background:linear-gradient(120deg,#214e78,#14344f);box-shadow:0 2px 8px #0003}.account-auth-tabs button:hover{color:#eefaff}.account-auth-form{min-width:0}.account-loading{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px;text-align:center;color:#bbd8ef;font-size:14px;line-height:1.7}.account-spinner{width:28px;height:28px;border:2px solid #294f71;border-top-color:#89d5ff;border-radius:50%;animation:account-rotate 1s linear infinite}.account-gate-note{color:#9fb8d0;font-size:12px;line-height:1.85;margin:24px 5px 0;text-align:center}.account-error{display:grid;gap:22px;justify-items:start;padding:20px 8px}.account-error p{color:#deedfb;font-size:14px;line-height:1.8}.account-error button{min-height:44px}.account-noscript{grid-column:1/-1;color:#f8ccbd;padding:20px;border:1px solid #895549;border-radius:12px;font-size:14px;line-height:1.7}
.account-ocean{position:absolute;left:-28vw;bottom:-58vw;width:105vw;height:105vw;z-index:-1;pointer-events:none}.account-ocean>span{position:absolute;inset:0;border:1px solid #529fd019;border-radius:45% 55% 60% 40%;animation:account-ocean 36s linear infinite}.account-ocean>span:nth-child(2){inset:8%;border-color:#75c6ff14;animation-direction:reverse;animation-duration:43s}.account-ocean>span:nth-child(3){inset:16%;border-color:#8cdbff1c;animation-duration:52s}
.onda-clerk-root,.onda-clerk-card-box{width:100%!important;max-width:100%!important}.onda-clerk-card{background:transparent!important;box-shadow:none!important;padding:14px 5px!important;border:0!important}.onda-clerk-card-box{box-shadow:none!important;border:0!important;border-radius:12px!important;overflow:hidden}.onda-clerk-popover{border:1px solid #315271!important;box-shadow:0 16px 55px #0005!important}.account-controls{display:flex;align-items:center;gap:12px;padding-left:14px;border-left:1px solid #304864;flex-shrink:0}.account-sync{display:flex;align-items:center;gap:7px;min-height:40px;background:none;border:0;font-family:inherit;color:var(--onda-muted,#adc3d9);font-size:11px;cursor:pointer;padding:4px 0;white-space:nowrap}.account-sync svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.account-sync[data-state=saving] svg,.account-sync[data-state=loading] svg{animation:account-rotate 1.8s linear infinite}.account-sync[data-state=saved]{color:var(--onda-accent,#9bdfff)}.account-sync[data-state=offline],.account-sync[data-state=error]{color:#ffcba8}.account-sign-out{background:none;border:0;color:var(--onda-muted,#afc8e0);padding:9px 2px;font-family:inherit;font-size:12px;cursor:pointer;min-height:40px}.account-sign-out:hover{color:var(--onda-text,#ebf7ff)}.account-sign-out:disabled{opacity:.55;cursor:wait}#account-user-button{display:flex;align-items:center;min-height:38px}.app-topbar .topbar-actions{min-width:0}.onda-account-avatar{height:32px;width:32px}.preferences-save-row [data-preferences-message]{line-height:1.8}
@keyframes account-rotate{to{transform:rotate(360deg)}}@keyframes account-ocean{to{transform:rotate(360deg)}}
@media(max-width:1250px){.topbar-operation{display:none}.account-sync>span{display:none}.account-sync{padding:6px}.account-controls{gap:10px;padding-left:10px}.account-gate{gap:40px;padding:54px 6vw;grid-template-columns:minmax(0,1fr) minmax(330px,420px)}}
@media(max-width:800px){.account-gate{grid-template-columns:1fr;gap:34px;padding:38px 24px 50px;max-width:600px;align-content:start}.account-introduction{max-width:none}.account-brand{font-size:32px;gap:12px;margin-bottom:28px}.account-brand img{height:54px;width:54px;border-radius:16px}.account-introduction h1{font-size:47px;letter-spacing:-2px;line-height:1.12;margin:17px 0}.account-introduction h1>span{display:inline}.account-introduction>p{font-size:14px;line-height:1.85;max-width:none}.account-benefits{gap:10px;margin-top:23px}.account-benefits>span{font-size:12px}.account-brand-wave{display:none}.account-panel{padding:22px 19px;border-radius:17px}.account-gate-note{font-size:12px;margin-top:21px}.account-ocean{left:-110vw;bottom:-35vw;width:240vw;height:240vw}.app-topbar .topbar-actions{gap:10px}.account-controls{gap:8px;padding-left:8px}.account-sign-out{font-size:12px}.app-topbar .free-badge{display:none}}
@media(max-width:420px){.account-gate{padding:28px 18px 40px;gap:28px}.account-eyebrow{font-size:11px;letter-spacing:1px}.account-introduction h1{font-size:41px}.account-panel{padding:19px 13px}.account-brand{margin-bottom:23px}.account-auth-tabs{margin-bottom:15px}.account-controls{gap:7px;border-left:0;padding-left:0}.account-sync{display:none}.app-topbar .topbar-actions{gap:8px}.app-topbar .sound-toggle{padding:8px}.onda-account-avatar{height:30px;width:30px}}
@media(prefers-reduced-motion:reduce){.account-spinner,.account-ocean>span,.account-sync svg{animation:none!important}}