:root{color-scheme:dark;--studio-bg:#0b090b;--studio-panel:#171316;--studio-line:#3a2b32;--studio-text:#faf4f6;--studio-muted:#cabcc2;--studio-aqua:#ff9ca8;--studio-violet:#e5dce1}
body{color:var(--studio-text);background:radial-gradient(ellipse at 90% 0%,#38131b 0%,transparent 42%),radial-gradient(ellipse at 0% 55%,#211317 0%,transparent 40%),var(--studio-bg);background-attachment:fixed}
.shell .main-wrap,.shell .app-top{background:transparent}
.shell .app-top{border-color:#727ca83d}
.app-logo-icon,.avatar{background:linear-gradient(135deg,#9ff9e7,#bba9ff);color:#101227;border:0}
.shell .app-dock{background:#171014f5;border-color:#7783b754;backdrop-filter:blur(20px)}
.app-dock button.active,.app-dock button[aria-current=page]{color:var(--studio-aqua);background:#ff9ca813}
.shell .gold,.shell .eyebrow,.shell .text-button{color:var(--studio-aqua)}
.shell .muted,.shell .app-greeting p,.shell .today-progress small{color:var(--studio-muted)}
.shell .primary,.auth-card .primary{background:linear-gradient(115deg,#ffa9b3,#ed788b);color:#101226;border:1px solid transparent;box-shadow:0 8px 28px #a399ff24;font-weight:750}
.shell .outline,.shell .search,.shell .panel,.shell .experience-card,.shell .course-video,.shell .instruction-card,.shell .scenario-card,.shell .pocket-card,.shell .settings-line,.shell .day-card{background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-text)}
.shell .search input{color:var(--studio-text)}
.shell .search input::placeholder{color:#aab5d2}
.shell :is(button,a,input,summary):focus-visible,.auth-card :is(button,a,input):focus-visible{outline:2px solid var(--studio-aqua);outline-offset:3px}
.shell .app-greeting h1{font-size:clamp(1.9rem,5vw,3.6rem);line-height:1.06;letter-spacing:-.055em}
.shell .app-greeting h1 em{color:var(--studio-violet)}
.shell .app-score{background:#171316;border-color:var(--studio-line);color:var(--studio-aqua)}
.shell .visual-today{isolation:isolate;min-height:340px;border:1px solid #7578b26e;border-radius:28px;background:radial-gradient(ellipse at 80% 45%,#5b1724 0%,#2b1119 41%,#130f12 75%);box-shadow:0 24px 70px #0005}
.shell .visual-today:before{position:absolute;inset:0;content:"";background:linear-gradient(#a9b6ff15 1px,transparent 1px),linear-gradient(90deg,#a9b6ff15 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 15%,#000 90%);pointer-events:none;z-index:-1}
.shell .visual-today:after,.shell .today-cover-image{display:none}
.shell .today-top,.shell .today-content{z-index:1}
.shell .today-top>span:last-child{background:#1012279c;border:1px solid #a9a5e857;color:#e0dcff}
.shell .today-content{max-width:32rem}
.shell .today-content h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.03;letter-spacing:-.055em;color:white}
.shell .today-content p{color:#ddd0d5}
.shell .app-love-art{display:flex;right:10%;color:#dcd1ff;filter:drop-shadow(0 0 24px #c7aeff88)}
.shell .love-halo{border-color:#a9a5ff70;background:radial-gradient(circle,#aba5ff25,transparent 65%);animation:nexo-orbit 7s ease-in-out infinite}
@keyframes nexo-orbit{50%{transform:scale(1.12);opacity:.64}}
.shell .track{background:#cbd3ff22}.shell .track span{background:linear-gradient(90deg,#ff9ca8,#ed788b);transition:width .35s ease}
.shell .home-method-details,.shell .home-anatomy-card,.shell .app-plan-banner,.shell .tutorials-update{background:linear-gradient(130deg,#24181e,#171316);border-color:var(--studio-line);color:var(--studio-text)}
.shell .tutorials-update-badge,.shell .tutorials-update-icon{background:#ff9ca817;color:var(--studio-aqua);border-color:#ff9ca849}
.studio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.studio-action{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;padding:16px;color:#faf4f6;background:linear-gradient(135deg,#27191f,#171316);border:1px solid #48323b;border-radius:16px;cursor:pointer;transition:border-color .2s,transform .2s}
.studio-action>svg:first-child{flex:none;color:#ff9ca8}.studio-action>svg:last-child{margin-left:auto;flex:none;color:#e5dce1}.studio-action strong,.studio-action small{display:block}.studio-action small{color:#cabcc2;margin-top:3px}
@media(hover:hover){.studio-action:hover,.shell .course-video:hover{border-color:#9b9ed6;transform:translateY(-2px)}}
.auth-shell{background:radial-gradient(ellipse at top right,#421621,transparent 55%),#0b090b}
.auth-shell .auth-card{background:#171316;border-color:#373d5b;box-shadow:0 25px 90px #0005}
.auth-shell .auth-card :is(p,label,.auth-help){color:#cabcc2}
.auth-shell .auth-card :is(input,.auth-tabs){background:#110d10;border-color:#48323b;color:#faf4f6}
.auth-shell .auth-tabs button.active{background:#43202b;color:#e5dcff}
.auth-shell :is(.auth-forgot-link,.auth-back-link,.gold,.eyebrow){color:var(--studio-aqua)}
@media(max-width:650px){.studio-actions{grid-template-columns:1fr;gap:8px}.studio-action{padding:12px 15px}.shell .visual-today{min-height:315px;border-radius:20px}.shell .app-love-art{right:-12%;opacity:.33}.shell .app-greeting h1{font-size:clamp(1.8rem,7vw,2.6rem)}}
@media(prefers-reduced-motion:reduce){.shell .love-halo{animation:none}.studio-action,.shell .track span{transition:none}}

.app-logo .app-logo-icon{position:relative;overflow:hidden;width:40px;height:40px;background:#080708;border:1px solid #65404a;border-radius:11px;flex:none}
.app-logo-icon img{position:absolute;max-width:none;width:76px;height:76px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.shell .visual-today{background:linear-gradient(115deg,#160d12,#2c1019 70%,#140a0d);border-color:#813a49}
.studio-brand-art{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 35%);pointer-events:none}
.shell .today-content{max-width:min(52%,32rem)}
@media(max-width:650px){.studio-brand-art{width:70%;opacity:.43;mask-image:linear-gradient(90deg,transparent,#000 70%)}.shell .today-content{max-width:100%}}

.shell .visual-today::after{content:"";display:block;position:absolute;inset:0 0 0 auto;width:52%;height:100%;background:url('/assets/nexo-brand-nx.png') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%);border-radius:inherit;pointer-events:none;z-index:-1}
.shell .app-love-art{display:none}
.avatar{background:linear-gradient(135deg,#ffa9b3,#ed788b);color:#211017}
@media(max-width:650px){.shell .visual-today::after{width:70%;opacity:.43;mask-image:linear-gradient(90deg,transparent,#000 70%)}}

.app-logo .app-logo-icon{background:#080708 url('/assets/nexo-brand-nx.png') center/76px 76px no-repeat}
.app-logo .app-logo-icon svg{display:none}