/* Original visual treatment over the existing application structure. */
:root{color-scheme:dark;--bg-primary:#080d1b;--bg-card:#10182b;--bg-elevated:#151f36;--text-primary:#eaf2ff;--text-secondary:#93a7c7;--accent-gold:#22d3ee;--accent-gold-hover:#38bdf8;--border-subtle:rgba(112,144,210,.18)}
body{background:radial-gradient(ellipse at 10% 0,rgba(29,78,216,.14),transparent 45%),radial-gradient(ellipse at 95% 20%,rgba(124,58,237,.12),transparent 40%),#080d1b;min-height:100vh}
header{background:rgba(8,13,27,.93)!important;border-color:var(--border-subtle)!important}
.app-card{background:linear-gradient(135deg,#111b30,#0d1527);box-shadow:0 12px 40px rgba(0,0,0,.15);border-radius:20px}
.app-elevated{background:#141e34;border:1px solid var(--border-subtle)}
.tab-btn-active{background:linear-gradient(110deg,rgba(34,211,238,.16),rgba(99,102,241,.15));color:#67e8f9;border-color:rgba(34,211,238,.3)}
.studio-hero{min-height:230px;padding:28px;background:radial-gradient(circle at 90% 20%,rgba(124,58,237,.28),transparent 45%),linear-gradient(120deg,#102a42,#12172d 70%);border:1px solid rgba(56,189,248,.25);border-radius:24px;position:relative;overflow:hidden}
.studio-hero h2{font-size:clamp(26px,5vw,40px);line-height:1.2;max-width:640px;letter-spacing:-.04em;font-weight:800;margin-top:18px}
.studio-hero p{max-width:540px;color:#b3c4df;font-size:14px;line-height:1.65;margin-top:12px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#67e8f9;font-weight:700}
.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;background:linear-gradient(110deg,#22d3ee,#3b82f6);color:#03111f;font-weight:750;font-size:13px;box-shadow:0 5px 25px #0891b233}
.account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#10192c;border:1px solid var(--border-subtle);border-radius:14px;font-size:12px;margin-bottom:16px}
.trial-pill{border-radius:100px;padding:5px 10px;background:#7c3aed24;color:#c4b5fd;border:1px solid #a78bfa40;font-size:11px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.price-card{padding:18px;border-radius:16px;border:1px solid var(--border-subtle);background:#10192c}
.price-card strong{display:block;font-size:26px;letter-spacing:-.04em;margin:10px 0 4px;color:#eaf2ff}
.price-card small{color:#93a7c7;font-size:11px}
button,input,select{min-height:40px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
nav.fixed{padding-bottom:max(10px,env(safe-area-inset-bottom));background:#0a1020f5!important}
body.telegram{padding-top:var(--tg-content-safe-area-inset-top,0px)}
@media(max-width:600px){.studio-hero{padding:22px;min-height:235px}.pricing-grid{grid-template-columns:1fr}.price-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-card strong{font-size:23px}.account-strip{flex-wrap:wrap}.app-card{border-radius:17px}main{padding-bottom:110px!important}}

/* Glass studio: static lighting, limited blur surfaces, no animation workload. */
:root{--glass:rgba(19,29,53,.76);--glass-edge:rgba(174,204,255,.15);--glass-shadow:0 18px 48px rgba(0,5,20,.22),inset 0 1px 0 rgba(226,239,255,.07)}
body{background:radial-gradient(ellipse at 4% 14%,rgba(6,182,212,.16),transparent 38%),radial-gradient(ellipse at 96% 35%,rgba(124,58,237,.19),transparent 42%),linear-gradient(160deg,#070d1a,#0d1429 65%,#080e1d);background-attachment:fixed}
header{background:rgba(9,16,33,.78)!important;border-bottom:1px solid var(--glass-edge)!important;box-shadow:0 8px 36px #02061726;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
main{padding-top:24px!important}
.app-card,.account-strip,.price-card{background:linear-gradient(135deg,rgba(151,184,234,.045),transparent 65%),var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.app-card{border-radius:22px}
.account-strip{padding:14px 18px;border-radius:18px;color:#bfcee5;background:rgba(17,27,47,.65)}
.app-elevated{background:rgba(89,114,157,.1);border-color:rgba(159,190,238,.16);box-shadow:inset 0 1px 0 #ffffff06}
button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
button:hover{border-color:rgba(103,232,249,.45)}
button:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea{color:var(--text-primary);border-radius:12px}
select option{background:#101a30;color:#eaf2ff}
.tab-btn-active,html.light-theme .tab-btn-active{background:linear-gradient(120deg,#22d3ee20,#818cf820);border-color:#67e8f942;color:#a5f3fc;box-shadow:inset 0 1px 0 #ffffff0c,0 3px 14px #22d3ee0b}
.studio-hero{padding:36px;min-height:285px;border-radius:28px;background:radial-gradient(ellipse at 95% 12%,#a78bfa29,transparent 54%),radial-gradient(ellipse at 0 100%,#06b6d42b,transparent 60%),linear-gradient(125deg,#142940d9,#151c37d9);border:1px solid #a5d9ff30;box-shadow:0 24px 70px #02061740,inset 0 1px 0 #d8f4ff24}
.studio-hero::before{content:"";position:absolute;right:-65px;top:-140px;width:400px;height:400px;border:1px solid #c4b5fd1c;border-radius:50%;box-shadow:0 0 0 42px #a78bfa05,0 0 0 84px #a78bfa04;pointer-events:none}
.studio-hero::after{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,#a5f3fc88,#c4b5fd88,transparent);pointer-events:none}
.studio-hero>*{position:relative;z-index:1}
.studio-hero h2{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.045em;color:#f1f7ff}
.studio-hero p{color:#b7c9e3;line-height:1.8;max-width:510px}
.eyebrow{font-size:10px;letter-spacing:.19em;color:#8deaf5}
.primary-cta{min-height:46px;padding:13px 21px;border:1px solid #a5f3fc66;background:linear-gradient(110deg,#67e8f9,#38bdf8 60%,#818cf8);box-shadow:0 6px 24px #22d3ee24,inset 0 1px 0 #ffffff60;color:#082238}
.primary-cta:hover{box-shadow:0 8px 30px #22d3ee3b,inset 0 1px 0 #ffffff80}
.trial-pill{background:linear-gradient(110deg,#818cf81a,#c084fc1a);border-color:#c4b5fd2e;color:#ddd6fe}
#worker-status-banner{background:linear-gradient(100deg,#0e749020,#164e632e)!important;border-color:#67e8f92b!important;border-radius:18px;box-shadow:inset 0 1px 0 #a5f3fc0a}
#view-dashboard>.grid>.app-card{padding:20px!important;min-height:104px}
#view-dashboard>.grid>.app-card>div:last-child{font-size:30px;font-weight:600;margin-top:8px;letter-spacing:-.04em}
nav.fixed{background:rgba(9,16,33,.86)!important;border-color:var(--glass-edge)!important;box-shadow:0 -10px 35px #02061733;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
/* Readable light theme rather than dark glass with dark inherited text. */
html.light-theme{--glass:rgba(255,255,255,.78);--glass-edge:rgba(67,96,146,.18);--glass-shadow:0 16px 40px #536b9820,inset 0 1px 0 #ffffff;--text-primary:#14243d;--text-secondary:#526681}
html.light-theme body{background:radial-gradient(ellipse at 0 5%,#cffafe,transparent 50%),radial-gradient(ellipse at 100% 40%,#ede9fe,transparent 50%),#edf3fb}
html.light-theme header,html.light-theme nav.fixed{background:#f4f8fce0!important}
html.light-theme .account-strip{background:#ffffffa8;color:#334b68}
html.light-theme .studio-hero{background:radial-gradient(ellipse at 100% 0,#c4b5fd66,transparent 60%),linear-gradient(120deg,#dff8fbdd,#eef0ffdd);border-color:#7aa1ca55;box-shadow:var(--glass-shadow)}
html.light-theme .studio-hero h2{color:#152b48}
html.light-theme .studio-hero p,html.light-theme .text-slate-300,html.light-theme .text-slate-400{color:#506682}
html.light-theme .eyebrow{color:#0e7490}
html.light-theme .trial-pill{color:#6d28d9}
html.light-theme .tab-btn-active{color:#0e7490}
html.light-theme #worker-status-banner{color:#155e75!important}
html.light-theme select option{background:#f4f8fc;color:#14243d}
@media(min-width:640px){.account-strip{margin-bottom:20px}#view-dashboard{gap:20px}}
@media(max-width:639px){header>div:first-child{flex-wrap:wrap;row-gap:10px}header>div:first-child>div:last-child{margin-left:auto}.studio-hero{padding:26px 22px;min-height:275px;border-radius:22px}.studio-hero::before{right:-170px}.studio-hero h2{font-size:36px}.app-card{border-radius:18px}#view-dashboard>.grid>.app-card{padding:16px!important;min-height:96px}main{padding-top:16px!important}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media(prefers-reduced-transparency:reduce){header,nav.fixed{background:#0b1426!important;backdrop-filter:none;-webkit-backdrop-filter:none}.app-card,.account-strip{background:var(--bg-card)}}