.appearance-toggle{width:34px;height:34px;padding:8px;border:1px solid #ffffff18;border-radius:10px;background:transparent;color:#cdbdb8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.appearance-toggle svg{width:18px;height:18px}.appearance-toggle:hover{color:#fff;background:#ffffff09}.warp-site .header-actions{gap:12px}.sea-auth .appearance-toggle{position:absolute;right:0;top:36px;color:#876d65;border-color:#dfd0c9}.sea-auth .auth-panel{position:relative;align-self:start;justify-content:flex-start;padding-top:64px;margin:0 auto;min-height:calc(100dvh - 36px)}.sea-auth .auth-logo-link{margin-bottom:40px}.sea-auth .auth-header{min-height:165px}.sea-auth .auth-title{font-size:36px;line-height:1.18;margin:20px 0 12px;font-weight:550;letter-spacing:-1.3px}.sea-auth .auth-description{font-size:15px;line-height:1.65;margin:0;max-width:360px;min-height:50px}.sea-auth .auth-back{font-size:13px}.sea-auth .auth-tabs{margin-bottom:24px}.sea-auth .auth-tab{font-size:15px;padding:13px 0}.sea-auth .auth-fields{gap:20px}.sea-auth .auth-label{font-size:13px;line-height:1.5}.sea-auth .auth-input{font-size:15px;height:50px;outline:none!important;box-shadow:none!important;border:1px solid #ded1ca;transition:border-color .15s}.sea-auth .auth-input:focus{outline:none!important;border-color:#b75046;box-shadow:none!important}.sea-auth .auth-field:focus-within .auth-label{color:#a8463e}.sea-auth .auth-btn{height:50px;font-size:15px}.sea-auth .auth-tg-hint{font-size:12px;line-height:1.65;color:#9b8077}.sea-auth .auth-remember,.sea-auth .auth-forgot,.sea-auth .auth-bottom{font-size:13px}.sea-auth .auth-form.switching .auth-fields{animation:none}.sea-auth .auth-description{transition:none}.sea-auth .auth-page{align-items:start;overflow:visible}.sea-auth .auth-visual{position:sticky;top:18px;height:calc(100dvh - 36px);min-height:0}.sea-auth .auth-panel .auth-header:has(.auth-subtitle){min-height:0}.sea-auth .auth-description.compact{min-height:0}.sea-auth .demo-login-note{font-size:12px}.sea-auth .auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.theme-demo{transform:none!important;margin:14px 25px 28px!important;padding:0!important;overflow:hidden;border-radius:16px!important;background:#211e20!important;border:1px solid #ffffff14!important;box-shadow:0 18px 45px #4e282524!important;--demo-accent:#d25b51}.studio-demo-bar{display:flex;align-items:center;gap:10px;padding:16px 18px;font-size:12px;color:#d3c7c1;border-bottom:1px solid #ffffff09}.studio-symbol{width:25px;height:25px;border-radius:7px;background:var(--demo-accent);color:white;display:grid;place-items:center;font-size:12px;font-weight:700;transition:background .2s}.studio-version{margin-left:auto;letter-spacing:2px;font-size:12px;color:#776b67}.studio-preview{height:110px;background:linear-gradient(0deg,#19191ad9,#27242655),url('/assets/images/playground-clean.webp') center 47%/cover;position:relative;margin:10px;border-radius:10px}.studio-preview-hud{position:absolute;top:12px;left:12px;display:flex;gap:7px;align-items:center;border:1px solid #ffffff13;background:#141315bd;border-radius:7px;padding:8px 10px;font-size:12px;color:#d7cec7;box-shadow:inset 2px 0 var(--demo-accent)}.studio-indicator{width:5px;height:5px;background:var(--demo-accent);border-radius:50%;transition:background .2s}.studio-preview-hud small{color:#887c75;font-size:12px}.studio-preview-target{position:absolute;inset:0;display:grid;place-items:center;color:var(--demo-accent);font-size:17px}.studio-demo-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px 20px}.studio-demo-bottom strong{font-size:12px;color:#c9bdb7;font-weight:500;display:block}.studio-demo-bottom small{display:block!important;text-align:left!important;font-size:12px!important;color:#796c67!important;margin:5px 0 0!important}.theme-colors{gap:9px!important}.theme-colors button{width:16px;height:16px;outline-offset:3px!important}.theme-colors button[aria-pressed=true]{outline:1px solid #d0c0b7}.generated-art{padding:0!important;transform:none;overflow:hidden;height:230px!important;border-radius:18px}.generated-art img{display:block;height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.ecosystem-card:hover .generated-art img{transform:scale(1.035)}.crosshair-scene>img{filter:none!important}.crosshair-section .crosshair-colors button{outline-offset:3px}.cover-art{isolation:isolate}.cover-ring{border:1px solid #eac3ad23;box-shadow:none;width:140px;height:140px}.cover-art>span{display:none}.cover-art img{transform:none;opacity:.8}.profile-cover:after{box-shadow:none;right:-300px;border-color:#ffdbc910}
/* Both themes use the same geometry; only surfaces and contrast change. */
html[data-theme=dark]{color-scheme:dark;background:#141214;--paper:#141214;--ink:#e5dcda;--text:#e5dcda;--muted:#a49794}
html[data-theme=dark] body,html[data-theme=dark] .warp-site,html[data-theme=dark] .sea-auth,html[data-theme=dark] .auth-page{background:#141214!important;color:#e5dcda!important}
html[data-theme=dark] .warp-site .page{color:#e5dcda!important}html[data-theme=dark] .hero-intro h1,html[data-theme=dark] .warp-section h2,html[data-theme=dark] .crosshair-section h2,html[data-theme=dark] .page-heading h1,html[data-theme=dark] .account-header h1{color:#eee5e1!important}html[data-theme=dark] em{color:#ce8074!important}
html[data-theme=dark] .hero-description,html[data-theme=dark] .section-heading>p,html[data-theme=dark] .ecosystem-card>p,html[data-theme=dark] .install-steps p,html[data-theme=dark] .crosshair-section p{color:#a69891!important}
html[data-theme=dark] .warp-hero{background:radial-gradient(ellipse at 50% 95%,#52262330,transparent 65%)!important}html[data-theme=dark] .release-note{background:#2a2223!important;border-color:#47302c!important;color:#c18a7e!important}html[data-theme=dark] .secondary-cta{background:#282123!important;color:#c3afa7!important}html[data-theme=dark] .client-stage{background:#261e20!important;border-color:#49312c!important;box-shadow:none!important}html[data-theme=dark] .client-stage figcaption,html[data-theme=dark] .window-bar{color:#aa8e82!important}
html[data-theme=dark] .interface-card,html[data-theme=dark] .final-invite,html[data-theme=dark] .info-grid article,html[data-theme=dark] .faq-item,html[data-theme=dark] .download-panel{background:#241d20!important;border-color:#382b2c!important;color:#e1d1c9!important}html[data-theme=dark] .interface-card h3,html[data-theme=dark] .ecosystem-card h3,html[data-theme=dark] .install-steps h3,html[data-theme=dark] .final-invite h2{color:#e0d0c9!important}html[data-theme=dark] .interface-card p,html[data-theme=dark] .download-panel p,html[data-theme=dark] .info-grid p,html[data-theme=dark] .faq-content p,html[data-theme=dark] .page-heading>p{color:#a58d83!important}html[data-theme=dark] .faq-trigger,html[data-theme=dark] .download-panel h2,html[data-theme=dark] .info-grid h3{color:#d9c3b8!important}html[data-theme=dark] .install-steps li,html[data-theme=dark] .site-footer{border-color:#392b2c!important}
html[data-theme=dark] .crosshair-shapes button{background:#292123!important;color:#ac9186!important}html[data-theme=dark] .crosshair-shapes button[aria-pressed=true]{background:#332526!important;border-color:#88564c!important;color:#deb3a0!important}
html[data-theme=dark] .account-card,html[data-theme=dark] .list-panel{background:#201a1d!important;border-color:#38282a!important;box-shadow:none!important}html[data-theme=dark] .field-grid div,html[data-theme=dark] .profile-topline{border-color:#38282a!important}html[data-theme=dark] .field-grid strong,html[data-theme=dark] .profile-topline h2,html[data-theme=dark] .account-content h2,html[data-theme=dark] .config-item-name,html[data-theme=dark] .friend-name{color:#e1c8ba!important}html[data-theme=dark] .field-grid span,html[data-theme=dark] .profile-tools,html[data-theme=dark] .profile-topline p,html[data-theme=dark] .account-content .section-row p,html[data-theme=dark] .config-item-date,html[data-theme=dark] .friend-game-status{color:#a78b7f!important}
html[data-theme=dark] .security-panel,html[data-theme=dark] .config-item,html[data-theme=dark] .friend-item,html[data-theme=dark] .request-item,html[data-theme=dark] .empty-state,html[data-theme=dark] .config-placeholder{background:#2b2022!important;color:#bb9989!important}html[data-theme=dark] .security-panel h3{color:#d9b49f!important}html[data-theme=dark] .security-panel p{color:#ac8878!important}html[data-theme=dark] .security-panel input{background:#21181b!important;border-color:#56362f!important;color:#dcb7a0!important}html[data-theme=dark] .acc-nav-btn{color:#b59789!important}html[data-theme=dark] .acc-nav-btn.active{background:#3b2828!important;color:#e5b39d!important}html[data-theme=dark] .account-actions .soft-btn,html[data-theme=dark] .account-content .soft-btn,html[data-theme=dark] .account-content .config-item-actions button:not(.config-apply-btn){background:#422c28!important;color:#d5ab91!important}html[data-theme=dark] .friends-mode-tabs{background:#2c2023!important;border-color:#49302e!important}html[data-theme=dark] .friends-mode-tab{color:#b89585!important}html[data-theme=dark] .friends-mode-tabs:before{background:#4c302c!important}
html[data-theme=dark] .sea-auth .auth-title,html[data-theme=dark] .sea-auth .auth-logo-link,html[data-theme=dark] .sea-auth .auth-subtitle{color:#e5cbc0!important}html[data-theme=dark] .sea-auth .auth-description,html[data-theme=dark] .sea-auth .auth-label,html[data-theme=dark] .sea-auth .auth-back,html[data-theme=dark] .sea-auth .auth-tab,html[data-theme=dark] .sea-auth .auth-bottom,html[data-theme=dark] .sea-auth .auth-remember,html[data-theme=dark] .sea-auth .auth-forgot{color:#ad8e81!important}html[data-theme=dark] .sea-auth .auth-input{background:#20191c!important;border-color:#49312d!important;color:#dfc2b3!important}html[data-theme=dark] .sea-auth .auth-input:focus{border-color:#c36350!important}html[data-theme=dark] .sea-auth .auth-input::placeholder{color:#80685e!important}html[data-theme=dark] .sea-auth .auth-tabs{border-color:#49312d!important}html[data-theme=dark] .sea-auth .demo-login-note{background:#2d2022!important;color:#ae8976!important}html[data-theme=dark] .sea-auth .appearance-toggle{color:#bc9786;border-color:#48302c}html[data-theme=dark] .site-footer strong{color:#c4a18e!important}html[data-theme=dark] .site-footer a,html[data-theme=dark] .site-footer p{color:#94786b!important}
@media(max-width:1000px) and (min-width:901px){.warp-site .desktop-nav{gap:14px}.warp-site .header-actions{gap:8px}.warp-site .site-header{gap:16px}}
@media(max-width:760px){.sea-auth .auth-panel{padding:30px 24px 40px;min-height:100dvh}.sea-auth .appearance-toggle{top:25px;right:24px}.sea-auth .auth-logo-link{margin-bottom:36px}.sea-auth .auth-header{min-height:175px}.sea-auth .auth-title{font-size:33px}.sea-auth .auth-description{font-size:14px}.sea-auth .auth-tab{font-size:14px}.sea-auth .auth-input{font-size:16px}.sea-auth .auth-visual{display:none}.studio-demo-bottom{padding:12px 15px 18px}.theme-demo{margin:5px 22px 26px!important}.generated-art{height:245px!important}.cover-art{display:none}.warp-site .header-actions{gap:6px}.warp-site .appearance-toggle{width:31px;height:31px;padding:7px}html[data-theme=dark] .account-sidebar{background:#241c1f!important}}
@media(prefers-reduced-motion:reduce){.generated-art img{transition:none}}

html{overflow-y:scroll;scrollbar-gutter:stable}.sea-auth .auth-panel{padding-bottom:45px}.sea-auth .auth-input:focus-visible{outline:none!important}html[data-theme=dark] .sea-auth .auth-input::placeholder{color:#a28c82!important}html[data-theme=dark] .appearance-toggle:hover{background:#ffffff09}html[data-theme=dark] .field-grid div{background:transparent!important}html[data-theme=dark] .section-row .soft-btn{color:#e1b8a1!important}


.cover-art{width:300px;flex-basis:300px;min-height:180px;border-radius:14px;background:linear-gradient(90deg,#69312f55,transparent),url("/assets/images/feature-identity.webp") 40% 45%/cover;overflow:hidden;border:1px solid #edb79f15}.cover-art img,.cover-art .cover-ring{display:none!important}@media(max-width:900px){.cover-art{width:200px;flex-basis:200px}}@media(max-width:760px){.cover-art{display:none}}html[data-theme=dark] .account-actions .danger-btn{background:#352124;color:#c38e83}html[data-theme=dark] .cosmetics-filter-btn{background:#2b2225;color:#b99b8f}