/* The same canvas, electric accent and quiet controls as the SyncroOS workbench. */
:root{--paper:#0e0c12;--bg:#0e0c12;--panel:#17131e;--ink:#f5f5f7;--text:#f5f5f7;--muted:#9896a5;--line:rgba(255,255,255,.10);--coral:#b36cff;--soft:#241b30;--accent:#b36cff;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--serif:var(--sans);--studio-sidebar:224px;color-scheme:dark}
body,body.admin-body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}
body:before{display:none}a{color:inherit}button,a,input,select,textarea{font-family:inherit}button{box-shadow:none;transition:background .15s,border-color .15s}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.header{position:sticky;top:0;z-index:30;max-width:none;min-height:84px;padding:16px 28px;margin:0 0 0 var(--studio-sidebar);border-bottom:1px solid var(--line);background:rgba(14,12,18,.94);backdrop-filter:blur(18px);justify-content:flex-end;gap:18px}
.header .brand{position:fixed;left:0;top:0;z-index:35;width:var(--studio-sidebar);min-width:0;height:84px;padding:18px 24px;background:#111016;border-right:1px solid var(--line)}
.header .brand-logo{width:160px;height:48px;object-fit:contain}.header>nav{position:fixed;left:0;top:84px;bottom:0;width:var(--studio-sidebar);padding:20px 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;background:#111016;border-right:1px solid var(--line)}
.header .nav{padding:13px 16px!important;border:1px solid transparent;border-radius:10px;color:#aaa5b5;text-align:left;white-space:normal;font-size:13px;font-weight:500}.header .nav:hover{color:#f5f5f7;background:#1b1623}.header .nav.active{color:#dab8ff;background:#a855f71c;border:1px solid #a855f72e}.header .nav:after{display:none}
.header-right{gap:12px;flex-wrap:wrap}.balance-button,.profile-button,.secondary-button,.text-link,.round{background:#19141f;color:#ddd5e8;border:1px solid #3a2b48;border-radius:10px;box-shadow:none}.coin{color:#c893ff}.balance-button{padding:9px 14px}.profile-button{font-size:20px}.mode-tag{background:#a855f71c;color:#c9a3f5;border:1px solid #a855f72b;border-radius:6px}#languageSelect{background:#19141f;color:#d8d1e1;border:1px solid #3a2b48;border-radius:8px}
body:not(.admin-body)>main{max-width:1440px;margin-left:var(--studio-sidebar);margin-right:auto;padding:24px 32px 40px;min-height:calc(100dvh - 164px);width:calc(100% - var(--studio-sidebar))}
.wall-hero{padding:12px 0 28px;align-items:center;gap:28px}.wall-hero h1,.intro h1,.wallet-hero h1,.profile-page h1{font-family:var(--sans);font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.7px;line-height:1.2;color:#f5f5f7;margin:12px 0 18px}.wall-hero h1 em,.intro h1 em{color:#c792ff;font-style:normal}.wall-hero p{color:#a49bac;font-size:13px;line-height:1.8;max-width:650px}.eyebrow{color:#b386dd;letter-spacing:1.5px;font-size:10px}.eyebrow:before{background:#b36cff}.trial-card{background:#19141f;border:1px solid #42304f;box-shadow:none;border-radius:14px;padding:20px 22px;min-width:210px}.trial-card strong{font-size:26px;color:#dfc4ff}.trial-card small,.trial-card span{color:#a99bb7}
.primary-button,.video-button,.round.primary{border:1px solid #a855f7;background:linear-gradient(135deg,#b36cff,#9945e6);color:#fff;border-radius:10px;font-weight:600;box-shadow:none}.primary-button:hover,.video-button:hover{background:#a855f7;transform:none}.secondary-button:hover,.text-link:hover{background:#251a31}.filters select,.profile-button{background:#19141f;border-color:#3a2b48;color:#d8d1e1}.wall-toolbar{border-color:var(--line);margin:0 0 20px;gap:18px}.wall-tabs button{color:#9e91ad}.wall-tabs button.active{color:#e7d1ff;border-color:#b36cff}.filters select{border-radius:8px;font-size:12px;padding:9px 12px}
.girl-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.girl-tile{border:1px solid #32283c;border-radius:14px;background:#17131e;box-shadow:none}.girl-tile:hover{border-color:#70438d;transform:translateY(-2px);box-shadow:none}.tile-image{height:auto;aspect-ratio:3/4}.tile-image img{width:100%;height:100%;object-fit:cover}.tile-caption h2{font-family:var(--sans);font-size:25px;font-weight:600}.tile-bottom{padding:17px}.tile-bottom p{color:#a49bac;font-size:12px;line-height:1.7}.ai-tag{background:#17121dcc;border:1px solid #ffffff25;color:#eee1fa;backdrop-filter:blur(8px)}.tile-heart{background:#17121dcc;color:#e2c8ff}.wall-footnote{color:#91869e;border-color:var(--line);font-size:11px}.daily-banner{background:#19141f;border:1px solid #382943;border-radius:14px;box-shadow:none}.banner-symbol{color:#b36cff}.daily-banner h3{color:#e9dbf5}.daily-banner p{color:#a197ac}.seo-content{margin-top:44px;color:#92889d}.seo-content h2{color:#d7c7e5;font-size:20px}.seo-content summary{color:#cfc1dc}
.wallet-panel,.stat-card,.profile-panel,.wallet-card,.recharge-identity,.manual-summary{background:#19141f!important;border:1px solid #382943;color:#f1e8f8;box-shadow:none;border-radius:14px}.wallet-panel h2,.wallet-panel h3,.wallet-hero h1{color:#eee5f6}.package{background:#201827;border-color:#42334f;color:#f1e8f8}.package:hover{border-color:#b36cff}.day{background:#241b2e;color:#a698b2;border:1px solid #372842}.day.today,.day.checked,.day.milestone{background:#382146;border-color:#8255a2;color:#e8cbff}.wallet-panel .subtitle,.stat-card small{color:#aa9ab8}.stat-card b{color:#edd8ff}.ledger-row{border-color:var(--line)}
dialog{background:#19151f;color:#f5f5f7;border:1px solid #44344f;border-radius:18px;box-shadow:0 24px 80px #0009;padding:28px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog h2{font-weight:600;font-family:var(--sans)}input,select,textarea,dialog input,dialog select,dialog textarea,.admin-main input,.admin-main textarea,.admin-main select{background:#100d15!important;border:1px solid #44344f!important;border-radius:9px;color:#f1e8f8!important;padding:11px 13px;max-width:100%}input[type=checkbox]{accent-color:#b36cff;padding:0}input::placeholder,textarea::placeholder{color:#85768f}.modal-close{color:#c8b6d8;background:transparent}.toast{background:#271c33;color:#f5e9ff;border:1px solid #5a3975;border-radius:10px}.error,[role=alert]{color:#ffb3bd}.success{color:#90e3ba}
.call-page{max-width:900px}.call-heading h2{font-family:var(--sans);font-size:24px;font-weight:600}.call-stage{background:#08070b;border:1px solid #3e2d4d;border-radius:16px;overflow:hidden}.call-stage .call-controls button{border-radius:50%}.call-controls .hangup{background:#e23f5b;color:#fff}.call-text{background:#19141f;border-color:#3a2b48}.character-detail h2{font-family:var(--sans);font-weight:600}.character-detail>img{border-radius:14px}
body>footer{margin-left:var(--studio-sidebar);width:calc(100% - var(--studio-sidebar));max-width:none;padding:24px 32px;border-color:var(--line);color:#7f738d;background:#0e0c12}
/* Operations shares the workspace shell and needs its own genuine navigation. */
.admin-header{margin:0 0 0 var(--studio-sidebar);padding:16px 28px}.admin-shell{max-width:none;margin:0;display:block;padding:0}.admin-menu{position:fixed;left:0;top:84px;bottom:0;width:var(--studio-sidebar);padding:18px 12px;display:flex;flex-direction:column;gap:6px;background:#111016;border-right:1px solid var(--line);border-radius:0;overflow-y:auto}.admin-menu button{padding:12px 14px;text-align:left;color:#a99bb7;border-radius:9px;white-space:normal}.admin-menu button.active{background:#a855f71c;border:1px solid #a855f72e;color:#dfc4ff}.admin-main{width:calc(100% - var(--studio-sidebar));max-width:1440px;min-width:0;margin-left:var(--studio-sidebar);padding:28px 32px!important}.admin-main h1{font-size:28px;color:#f2eaf8;font-weight:600}.stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-main .table-wrap{overflow:auto;border:1px solid #382943;border-radius:12px;background:#17131e}.admin-main table{width:100%;border-collapse:collapse}.admin-main th{color:#ad9dbc;background:#201827}.admin-main td,.admin-main th{padding:13px 16px;border-bottom:1px solid #33273d;text-align:left;font-size:12px}.admin-main fieldset{border:1px solid #44344f;border-radius:12px;margin:14px 0;padding:18px}.admin-main form{max-width:780px}.admin-main label{color:#bba9c9;display:block;margin:18px 0 8px}.admin-main label input:not([type=checkbox]),.admin-main textarea{display:block;width:100%;margin-top:8px}.admin-main .host-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.admin-main .host-grid .host-card{height:auto;background:#19141f;padding-bottom:18px;user-select:auto}.admin-main .host-card:after{display:none}.admin-main .host-card h3,.admin-main .host-card p,.admin-main .host-card button{margin-left:16px;margin-right:16px}.admin-main .host-card p{color:#a396b0}.api-panel{max-width:780px;padding:24px;border:1px solid #44344f;border-radius:16px;background:#19141f}.api-panel .api-status{padding:15px;background:#24192f;border-radius:10px;color:#d8b8f4;overflow-wrap:anywhere}.api-panel .api-note{font-size:13px;color:#a597b2;line-height:1.8}.api-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.api-panel #apiFeedback{min-height:26px;font-size:13px;margin-top:16px}.admin-menu [hidden]{display:none!important}
@media(min-width:1700px){:root{--studio-sidebar:240px}.girl-wall{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){:root{--studio-sidebar:190px}.header .brand{padding:18px}.header .brand-logo{width:150px}.girl-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-main .host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-hero h1{font-size:34px}.trial-card{min-width:190px}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--studio-sidebar:0px}.header,.admin-header{margin:0;padding:12px 16px;min-height:112px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.header .brand{position:static;width:auto;min-width:0;height:42px;padding:0;border:0;background:transparent}.header .brand-logo{width:126px;height:38px}.header>nav{position:static;order:3;width:100%;height:auto;padding:0;border:0;background:transparent;flex-direction:row;justify-content:flex-start;gap:5px;overflow-x:auto;scrollbar-width:none}.header .nav{font-size:11px;padding:9px 10px!important;white-space:nowrap;text-align:center;flex:1;flex-shrink:0}.header-right{margin-left:auto;gap:8px}.balance-button{font-size:11px;padding:7px 9px}.profile-button{width:30px;height:30px}.mode-tag{display:none}#languageSelect{font-size:10px;max-width:86px;padding:7px}body:not(.admin-body)>main{width:100%;margin:0;padding:20px 16px 30px}.wall-hero{padding:4px 0 20px;display:block}.wall-hero h1{font-size:30px;letter-spacing:-.5px}.wall-hero p{font-size:12px}.trial-card{width:100%;margin-top:18px;padding:14px 16px;min-width:0;display:flex;align-items:center;gap:12px}.trial-card strong{font-size:20px;margin-left:auto}.trial-card small{display:none}.girl-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-image{height:auto;aspect-ratio:3/4}.tile-caption{left:12px;right:10px;bottom:12px}.tile-caption h2{font-size:20px}.tile-bottom{padding:12px}.tile-bottom p{font-size:10px;line-height:1.6}.video-button{font-size:11px;padding:10px 8px}.wall-toolbar{gap:10px}.filters select{width:100px;font-size:10px;padding:8px}.daily-banner{padding:18px}.seo-content{margin-top:30px}.seo-content h2{font-size:18px}body>footer{margin:0;width:100%;padding:20px 16px}.admin-header{min-height:72px}.admin-header .header-right{font-size:11px}.admin-header .header-right .secondary-button{font-size:11px;padding:8px 10px}.admin-menu{position:sticky;top:72px;z-index:25;bottom:auto;width:100%;padding:10px 12px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);gap:6px;white-space:nowrap}.admin-menu button{flex-shrink:0;font-size:12px;padding:9px 12px;white-space:nowrap}.admin-main{width:100%;margin:0;padding:22px 16px!important}.admin-main h1{font-size:25px}.admin-main .host-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:18px}.api-panel{padding:18px}.api-actions button{flex:1;min-width:120px}dialog{padding:23px;max-height:calc(100dvh - 32px);overflow:auto}.wallet-layout{display:block}.wallet-panel{margin-bottom:18px}.call-page{padding-top:4px}.call-stage{max-height:calc(100dvh - 240px);width:auto;max-width:100%}.call-heading h2{font-size:18px}.api-panel input{min-width:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Fixed workspace navigation must use the viewport, rather than a blurred header. */
.header{backdrop-filter:none;filter:none;transform:none}
.admin-body .admin-header,.admin-body .admin-main{background:#0e0c12;color:#f5f5f7}
.admin-body button.secondary-button,.admin-body .admin-main button{background:#19141f;border:1px solid #44344f;color:#ddd5e8;box-shadow:none}
.admin-body .admin-main button.primary-button{background:linear-gradient(135deg,#b36cff,#9945e6);color:#fff;border-color:#a855f7}
.api-panel #platformApiKey{display:block;width:100%;box-sizing:border-box}