:root{
  --void:#06050d;--deep:#0a0818;--mist:#f0eef8;--silver:#c8c0d8;
  --ghost:rgba(200,192,216,0.08);--border:rgba(200,192,216,0.12);
  --aurora1:#7b5ea7;--aurora2:#4a9ebb;--aurora3:#e8a87c;--aurora4:#7ec8a0;
  --rem:#b388ff;--n1:#80cbc4;--n2:#4fc3f7;--n3:#1565c0;--wake:#ffd54f;
  --good:#6ec49a;--warn:#e8a87c;--bad:#c47a7a;--bar-h:46px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--void);color:var(--mist);font-family:'Cormorant Garamond',serif;min-height:100vh;overflow-x:hidden;}
canvas#starfield{position:fixed;inset:0;z-index:0;pointer-events:none;}
#root{position:relative;z-index:1;}

/* TOP BAR */
.topbar{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--bar-h);background:rgba(6,5,13,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;gap:0.8rem;flex-wrap:nowrap;}
.tb-brand{display:flex;align-items:center;gap:0.5rem;background:none;border:none;padding:0;margin:0;cursor:pointer;transition:opacity 0.2s;-webkit-tap-highlight-color:transparent;}
.tb-brand:hover{opacity:0.7;}
.tb-brand:focus-visible{outline:1px solid var(--aurora1);outline-offset:3px;border-radius:3px;}
.tb-logo{height:34px;width:auto;display:block;}
@media(max-width:600px){.tb-logo{height:29px;}}
@media(max-width:380px){.tb-logo{height:25px;}}
.tb-dot{width:6px;height:6px;border-radius:50%;background:var(--aurora1);box-shadow:0 0 8px var(--aurora1);animation:pdot 3s ease-in-out infinite;}
@keyframes pdot{0%,100%{opacity:0.5;}50%{opacity:1;}}
.tb-time{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--mist);margin-left:auto;white-space:nowrap;}
.tb-date{font-family:'Space Mono',monospace;font-size:0.52rem;color:var(--silver);white-space:nowrap;}
.lang-pair{display:flex;gap:2px;}
.lang-btn{background:transparent;border:1px solid var(--border);color:var(--silver);font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.1em;padding:0.22rem 0.48rem;cursor:pointer;transition:all 0.2s;}
.lang-btn.active{border-color:var(--aurora1);color:var(--mist);background:rgba(123,94,167,0.15);}
.tb-api{display:flex;align-items:center;gap:0.35rem;}
.tb-api-input{background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--mist);font-family:'Space Mono',monospace;font-size:0.48rem;padding:0.22rem 0.45rem;width:140px;outline:none;}
.tb-api-input:focus{border-color:var(--aurora1);}
.tb-api-btn{background:rgba(123,94,167,0.25);border:1px solid var(--aurora1);color:var(--mist);font-family:'Space Mono',monospace;font-size:0.46rem;padding:0.22rem 0.5rem;cursor:pointer;white-space:nowrap;}
.tb-api-status{font-family:'Space Mono',monospace;font-size:0.5rem;color:var(--aurora4);}
@media(max-width:600px){.tb-api{display:none;}.tb-date{display:none;}}

/* SIDEBAR */
.sidebar{position:fixed;left:0;top:var(--bar-h);bottom:0;width:190px;background:rgba(6,5,13,0.99);border-right:1px solid var(--border);z-index:200;overflow-y:auto;padding:0.8rem 0;transition:transform 0.3s;}
.sidebar::-webkit-scrollbar{width:2px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--aurora1);}
.nav-sec-lbl{font-family:'Space Mono',monospace;font-size:0.46rem;letter-spacing:0.28em;color:rgba(200,192,216,0.28);text-transform:uppercase;padding:0.75rem 1rem 0.25rem;}
.nav-item{display:flex;align-items:center;gap:0.55rem;padding:0.52rem 1rem;cursor:pointer;transition:all 0.2s;border-left:2px solid transparent;font-family:'Space Mono',monospace;font-size:0.55rem;letter-spacing:0.04em;color:var(--silver);text-transform:uppercase;}
.nav-item:hover{background:rgba(255,255,255,0.03);color:var(--mist);}
.nav-item.active{border-left-color:var(--aurora1);background:rgba(123,94,167,0.1);color:var(--mist);}
.nav-item.active .nav-ic{color:var(--aurora1);}
.nav-ic{font-size:0.75rem;width:14px;text-align:center;flex-shrink:0;}
.nav-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-item.hl{color:var(--aurora4);}
.nav-item.hl.active{border-left-color:var(--aurora4);background:rgba(126,200,160,0.1);}
.nav-item.hl.active .nav-ic{color:var(--aurora4);}
.sb-toggle{display:none;position:fixed;bottom:1.2rem;left:0.8rem;z-index:201;background:var(--aurora1);border:none;color:white;width:38px;height:38px;border-radius:50%;font-size:1rem;cursor:pointer;box-shadow:0 4px 14px rgba(123,94,167,0.5);}
.home-fab{display:none;position:fixed;bottom:1.2rem;left:3.8rem;z-index:201;background:rgba(123,94,167,0.25);border:1px solid var(--aurora1);color:var(--mist);width:38px;height:38px;border-radius:50%;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.4);backdrop-filter:blur(8px);transition:all 0.2s;}
.home-fab:hover{background:rgba(123,94,167,0.5);}
.home-fab.visible{display:flex;align-items:center;justify-content:center;}
@media(max-width:740px){.sidebar{transform:translateX(-100%);padding-bottom:5rem;}.sidebar.open{transform:translateX(0);}.sb-toggle{display:flex;align-items:center;justify-content:center;}.main{margin-left:0!important;}}

/* MAIN */
.main{margin-left:190px;padding-top:var(--bar-h);min-height:100vh;}
.panel{display:none;padding:1.8rem 1.8rem 5rem;max-width:1200px;}
.panel.active{display:block;animation:fi 0.4s ease;}
@keyframes fi{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* COMMON */
.sec-title{font-size:clamp(1.3rem,3vw,2.1rem);font-weight:300;font-style:italic;margin-bottom:0.28rem;}
.sec-sub{color:var(--silver);font-family:'Space Mono',monospace;font-size:0.53rem;letter-spacing:0.13em;text-transform:uppercase;margin-bottom:1.6rem;}
.divider{width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--aurora1),transparent);margin:1.3rem 0;}
.card{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.2rem;}
.card-title{font-family:'Space Mono',monospace;font-size:0.55rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--aurora2);margin-bottom:0.75rem;}
.btn{border:none;font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:0.72rem 1.4rem;transition:all 0.3s;}
.btn-purple{background:linear-gradient(135deg,var(--aurora1),var(--aurora2));color:white;}
.btn-green{background:linear-gradient(135deg,var(--aurora4),var(--aurora2));color:#0a0810;font-weight:700;}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--silver);}
.btn:hover{transform:translateY(-1px);filter:brightness(1.1);}
.btn:disabled{opacity:0.3;cursor:wait;transform:none;filter:none;}
.btn-full{width:100%;}
.ldr{display:flex;align-items:center;justify-content:center;gap:0.4rem;padding:2rem;color:var(--silver);font-style:italic;font-size:0.86rem;}
.ldr span{display:inline-block;width:5px;height:5px;background:var(--aurora1);border-radius:50%;animation:dp 1.2s ease-in-out infinite;}
.ldr span:nth-child(2){animation-delay:0.2s;}
.ldr span:nth-child(3){animation-delay:0.4s;}
@keyframes dp{0%,80%,100%{transform:scale(0.5);opacity:0.3;}40%{transform:scale(1);opacity:1;}}
.fl{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--silver);display:block;margin-bottom:0.38rem;}
.fi{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:3px;color:var(--mist);font-family:'Cormorant Garamond',serif;font-size:0.95rem;padding:0.58rem 0.82rem;outline:none;transition:border-color 0.3s;-webkit-appearance:none;}
.fi:focus{border-color:var(--aurora1);}
.fi option{background:#1a1530;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.9rem;}
@media(max-width:580px){.g2{grid-template-columns:1fr;}.g3{grid-template-columns:1fr 1fr;}}
.ph{color:rgba(200,192,216,0.22);font-style:italic;font-size:0.84rem;text-align:center;padding:2rem 1rem;}

/* DASHBOARD */
.dash-status-card{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.3rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.3rem;position:relative;overflow:hidden;}
.dash-status-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sc);}
.dash-ic{font-size:2.2rem;line-height:1;flex-shrink:0;}
.dash-main h3{font-family:'Playfair Display',serif;font-style:italic;font-size:1.35rem;font-weight:400;color:var(--mist);margin-bottom:0.28rem;}
.dash-main p{font-size:0.86rem;color:var(--silver);line-height:1.6;}
.dash-badge{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.18em;text-transform:uppercase;padding:0.18rem 0.65rem;border:1px solid var(--sc);color:var(--sc);border-radius:20px;margin-top:0.45rem;display:inline-block;}
.dash-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0.85rem;margin-bottom:1.5rem;}
.dash-mod{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:0.95rem;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;}
.dash-mod::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mc);transform:scaleX(0);transition:transform 0.3s;}
.dash-mod:hover::before{transform:scaleX(1);}
.dash-mod:hover{background:rgba(255,255,255,0.04);transform:translateY(-2px);}
.dm-ic{font-size:1.4rem;margin-bottom:0.45rem;}
.dm-t{font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--mc);margin-bottom:0.25rem;}
.dm-d{font-size:0.78rem;color:var(--silver);line-height:1.5;}
.dash-tip{background:rgba(123,94,167,0.07);border:1px solid rgba(123,94,167,0.18);border-radius:4px;padding:1.1rem;}
.dash-tip-lbl{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.26em;text-transform:uppercase;color:var(--aurora1);margin-bottom:0.45rem;}
.dash-tip-txt{font-style:italic;font-size:0.96rem;color:var(--silver);line-height:1.7;}

/* P1 */
.sarc{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.1rem;margin-bottom:1.4rem;}
#sleepCanvas{width:100%;height:235px;display:block;}
.scards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:0.72rem;margin-top:1.1rem;}
.sc{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:0.9rem;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;}
.sc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cc);}
.sc:hover{background:rgba(255,255,255,0.04);transform:translateY(-2px);}
.sc h3{font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.06em;color:var(--cc);margin-bottom:0.35rem;}
.sc p{font-size:0.83rem;color:var(--silver);line-height:1.6;}
.sc .det{display:none;margin-top:0.58rem;padding-top:0.58rem;border-top:1px solid var(--border);font-size:0.76rem;color:var(--silver);line-height:1.7;}
.sc.exp .det{display:block;}
.bwaves{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0.72rem;margin-top:1.1rem;}
.wb{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:0.75rem;text-align:center;}
.wb svg{width:100%;height:42px;}
.wb h4{font-family:'Space Mono',monospace;font-size:0.52rem;color:var(--silver);margin-top:0.35rem;}
.wb p{font-size:0.66rem;color:rgba(200,192,216,0.44);margin-top:0.14rem;}

/* P2 */
.jl{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;}
@media(max-width:660px){.jl{grid-template-columns:1fr;}}
.jl textarea{width:100%;background:var(--ghost);border:1px solid var(--border);border-radius:4px;color:var(--mist);font-family:'Cormorant Garamond',serif;font-size:0.93rem;line-height:1.8;padding:0.95rem;resize:vertical;min-height:170px;outline:none;transition:border-color 0.3s;}
.jl textarea:focus{border-color:var(--aurora1);}
.jl textarea::placeholder{color:rgba(200,192,216,0.2);font-style:italic;}
.ares{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.1rem;min-height:170px;}
.rc{font-size:0.83rem;line-height:1.8;color:var(--silver);}
.rc h4{font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.1em;color:var(--aurora2);text-transform:uppercase;margin:0.75rem 0 0.28rem;}
.rc h4:first-child{margin-top:0;}
.etags{display:flex;flex-wrap:wrap;gap:0.28rem;margin-top:0.28rem;}
.etag{background:rgba(123,94,167,0.15);border:1px solid rgba(123,94,167,0.32);border-radius:20px;padding:0.14rem 0.55rem;font-family:'Space Mono',monospace;font-size:0.5rem;color:var(--rem);}
.jentries{margin-top:1.4rem;}
.je{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:0.82rem;margin-bottom:0.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:0.9rem;}
.je-dt{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.09em;color:var(--aurora2);margin-bottom:0.25rem;}
.je-tx{font-size:0.82rem;color:var(--silver);line-height:1.5;}
.je-del{background:transparent;border:1px solid rgba(196,122,122,0.28);color:var(--bad);font-family:'Space Mono',monospace;font-size:0.48rem;padding:0.18rem 0.45rem;cursor:pointer;border-radius:2px;flex-shrink:0;}

/* P3 */
.pform{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.5rem;margin-bottom:1.1rem;}
.pout{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.5rem;display:none;animation:fi 0.4s ease;}
.pout h3{font-size:1.25rem;font-weight:300;font-style:italic;color:var(--aurora4);margin-bottom:0.85rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border);}
.psteps{list-style:none;}
.psteps li{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:0.55rem;padding:0.75rem;background:rgba(255,255,255,0.02);border-radius:3px;border-left:2px solid var(--aurora4);font-size:0.83rem;color:var(--silver);line-height:1.7;}
.snum{font-family:'Space Mono',monospace;font-size:0.54rem;color:var(--aurora4);min-width:20px;margin-top:0.1rem;}

/* P4 ATLAS */
.watlas{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;}
@media(max-width:660px){.watlas{grid-template-columns:1fr;}}
.wsel{display:flex;flex-direction:column;gap:0.32rem;}
.wbtn{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:0.75rem 0.88rem;cursor:pointer;text-align:left;transition:all 0.3s;position:relative;overflow:hidden;}
.wbtn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--wc);opacity:0;transition:opacity 0.3s;}
.wbtn:hover::before,.wbtn.active::before{opacity:1;}
.wbtn.active{background:rgba(255,255,255,0.04);}
.wbtn h4{font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.06em;color:var(--wc);margin-bottom:0.12rem;}
.wbtn p{font-size:0.73rem;color:var(--silver);}
.wdp{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.3rem;}
#waveCanvas{width:100%;height:92px;display:block;margin-bottom:1.1rem;}
.wi h3{font-size:1.5rem;font-weight:300;font-style:italic;margin-bottom:0.2rem;}
.wi-f{font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.07em;color:var(--silver);margin-bottom:0.75rem;}
.wi p{color:var(--silver);line-height:1.8;font-size:0.83rem;margin-bottom:0.55rem;}
.wfacts{display:grid;grid-template-columns:1fr 1fr;gap:0.38rem;margin-top:0.75rem;}
.wf{background:rgba(255,255,255,0.02);border-radius:3px;padding:0.55rem;font-size:0.72rem;color:var(--silver);}
.wf strong{display:block;font-family:'Space Mono',monospace;font-size:0.44rem;letter-spacing:0.09em;color:var(--aurora2);margin-bottom:0.12rem;text-transform:uppercase;}
.bplayer{margin-top:1.1rem;padding:0.9rem;background:rgba(123,94,167,0.06);border:1px solid rgba(123,94,167,0.18);border-radius:4px;}
.bp-lbl{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--rem);margin-bottom:0.65rem;}
.bp-ctrl{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.bp-btn{background:var(--aurora1);border:none;color:white;width:36px;height:36px;border-radius:50%;font-size:0.85rem;cursor:pointer;flex-shrink:0;transition:all 0.2s;}
.bp-btn:hover{background:var(--rem);box-shadow:0 0 14px rgba(176,138,240,0.4);}
.bp-btn.playing{background:var(--bad);}
.bp-info{font-size:0.78rem;color:var(--silver);}
.bp-info strong{color:var(--mist);display:block;}
.bp-vol{display:flex;align-items:center;gap:0.45rem;margin-left:auto;}
.bp-vol span{font-family:'Space Mono',monospace;font-size:0.48rem;color:var(--silver);}
.bp-vol input{accent-color:var(--aurora1);width:65px;}

/* P5 ASSESSMENT */
.as-scr{display:none;}
.as-scr.active{display:block;animation:fi 0.4s ease;}
.prog-wrap{margin:0 0 1.4rem;}
.prog-lbls{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.13em;color:rgba(200,192,216,0.4);text-transform:uppercase;margin-bottom:0.38rem;}
.prog-track{height:2px;background:var(--border);border-radius:2px;overflow:hidden;}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--aurora4),var(--aurora2));border-radius:2px;transition:width 0.5s cubic-bezier(0.4,0,0.2,1);}
.prog-dots{display:flex;justify-content:space-between;margin-top:0.38rem;}
.pdot{width:5px;height:5px;border-radius:50%;border:1px solid var(--border);background:transparent;transition:all 0.3s;}
.pdot.done{background:var(--aurora4);border-color:var(--aurora4);}
.pdot.active{border-color:var(--aurora2);box-shadow:0 0 6px rgba(74,159,212,0.5);}
.si-box{text-align:center;margin-bottom:1.4rem;padding:0.88rem;background:var(--ghost);border:1px solid var(--border);border-radius:3px;position:relative;}
.si-box::before{content:attr(data-icon);position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:0.88rem;background:var(--void);padding:0 5px;}
.si-t{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.3em;color:var(--aurora4);text-transform:uppercase;margin-bottom:0.26rem;}
.si-n{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;color:var(--mist);}
.si-d{font-size:0.76rem;color:rgba(200,192,216,0.48);margin-top:0.26rem;line-height:1.6;}
.qcard{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:3px;padding:1.1rem;margin-bottom:0.75rem;animation:fi 0.4s ease both;}
.qnum{font-family:'Space Mono',monospace;font-size:0.46rem;letter-spacing:0.22em;color:var(--aurora4);text-transform:uppercase;margin-bottom:0.38rem;}
.qt{font-size:0.93rem;color:var(--mist);line-height:1.6;margin-bottom:0.85rem;}
.opts{display:flex;flex-direction:column;gap:0.38rem;}
.obt{background:transparent;border:1px solid var(--border);border-radius:2px;padding:0.55rem 0.82rem;color:var(--silver);font-family:'Cormorant Garamond',serif;font-size:0.86rem;line-height:1.5;text-align:left;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:0.52rem;}
.obt:hover{border-color:rgba(126,200,160,0.3);background:rgba(126,200,160,0.04);color:var(--mist);}
.obt.sel{border-color:var(--aurora4);background:rgba(126,200,160,0.08);color:var(--mist);}
.obt.sel .od{background:var(--aurora4);}
.od{width:5px;height:5px;border-radius:50%;border:1px solid rgba(200,192,216,0.38);flex-shrink:0;transition:all 0.2s;}
.as-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;gap:0.9rem;}
.btn-back-a{background:transparent;border:1px solid var(--border);color:rgba(200,192,216,0.38);padding:0.58rem 1rem;font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all 0.2s;}
.btn-back-a:hover{border-color:var(--silver);color:var(--silver);}
.btn-next-a{background:linear-gradient(135deg,var(--aurora4),var(--aurora2));border:none;color:#0a0810;padding:0.65rem 1.4rem;font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;border-radius:2px;font-weight:700;transition:all 0.3s;flex:1;max-width:200px;margin-left:auto;}
.btn-next-a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(126,200,160,0.26);}
.btn-next-a:disabled{opacity:0.22;cursor:not-allowed;transform:none;box-shadow:none;}
.sring-wrap{display:flex;flex-direction:column;align-items:center;margin:1.4rem 0;}
.sring{position:relative;width:142px;height:142px;}
.sring svg{transform:rotate(-90deg);}
.sring-t{fill:none;stroke:var(--border);stroke-width:5;}
.sring-f{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(0.4,0,0.2,1);}
.sc-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sc-n{font-family:'Playfair Display',serif;font-size:2.3rem;font-weight:700;color:var(--mist);line-height:1;}
.sc-l{font-family:'Space Mono',monospace;font-size:0.42rem;letter-spacing:0.18em;color:rgba(200,192,216,0.4);text-transform:uppercase;margin-top:0.12rem;}
.sv{font-family:'Playfair Display',serif;font-style:italic;font-size:1.15rem;color:var(--mist);margin-top:0.75rem;text-align:center;}
.st{font-size:0.8rem;color:rgba(200,192,216,0.46);text-align:center;margin-top:0.28rem;line-height:1.6;font-style:italic;}
.cats{margin:1.4rem 0;}
.cats h3{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.22em;color:rgba(200,192,216,0.4);text-transform:uppercase;margin-bottom:0.85rem;text-align:center;}
.cbar{margin-bottom:0.78rem;}
.cbar-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.28rem;}
.cn{font-size:0.86rem;color:var(--silver);}
.csl{font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.06em;}
.ctrack{height:3px;background:var(--border);border-radius:3px;overflow:hidden;}
.cfill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(0.4,0,0.2,1);}
.aibox{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:3px;padding:1.1rem;margin:1.1rem 0;position:relative;}
.aibox::before{content:attr(data-label);position:absolute;top:-8px;left:14px;font-family:'Space Mono',monospace;font-size:0.46rem;letter-spacing:0.22em;color:var(--aurora4);background:var(--void);padding:0 5px;}
.aibox-t{font-size:0.83rem;color:var(--silver);line-height:1.8;}
.aibox-t h4{font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.13em;color:var(--aurora2);text-transform:uppercase;margin:0.78rem 0 0.28rem;}
.aibox-t h4:first-child{margin-top:0;}
.rbox{margin:1.1rem 0;}
.ri{display:flex;gap:0.75rem;padding:0.75rem 0.88rem;margin-bottom:0.44rem;background:rgba(255,255,255,0.02);border-radius:2px;border-left:2px solid;}
.ri.h{border-color:var(--bad);}.ri.m{border-color:var(--warn);}.ri.l{border-color:var(--good);}
.ri-ic{font-size:0.82rem;flex-shrink:0;margin-top:1px;}
.ri-t{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.11em;color:var(--silver);text-transform:uppercase;margin-bottom:0.22rem;}
.ri-d{font-size:0.8rem;color:rgba(200,192,216,0.46);line-height:1.6;}
.dp{background:rgba(0,0,0,0.2);border:1px solid rgba(126,200,160,0.13);border-radius:3px;padding:0.88rem;margin:1.1rem 0;font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.04em;color:rgba(126,200,160,0.5);line-height:1.8;}
.rbtn{width:100%;background:transparent;border:1px solid var(--border);color:rgba(200,192,216,0.4);padding:0.65rem;font-family:'Space Mono',monospace;font-size:0.52rem;letter-spacing:0.17em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all 0.2s;margin-top:0.75rem;}
.rbtn:hover{border-color:var(--aurora4);color:var(--aurora4);}
.istats{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin:1.3rem 0;}
.is{padding:0.75rem;background:var(--ghost);border:1px solid var(--border);border-radius:2px;text-align:center;}
.is-n{font-family:'Playfair Display',serif;font-size:1.35rem;color:var(--aurora4);display:block;}
.is-l{font-family:'Space Mono',monospace;font-size:0.46rem;letter-spacing:0.11em;color:rgba(200,192,216,0.4);text-transform:uppercase;margin-top:0.18rem;display:block;}

/* P6 CALC */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;}
@media(max-width:580px){.cgrid{grid-template-columns:1fr;}}
.ctimes{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.9rem;}
.cslot{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:3px;padding:0.8rem 0.95rem;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s;cursor:pointer;}
.cslot:hover{background:rgba(255,255,255,0.04);border-color:var(--aurora1);}
.cslot.best{border-color:var(--aurora4);}
.cs-time{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:700;color:var(--mist);}
.cs-cyc{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.07em;color:var(--aurora4);}
.cs-dur{font-size:0.76rem;color:var(--silver);}
.cslot.best .cs-time{color:var(--aurora4);}
.cyc-vis{margin-top:1.1rem;}
.cyc-bar{height:11px;background:rgba(255,255,255,0.03);border-radius:5px;overflow:hidden;display:flex;}

/* P7 PROTOCOLS */
.pgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.1rem;}
@media(max-width:780px){.pgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.pgrid{grid-template-columns:1fr;}}
.pcard{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1.1rem;}
.pc-ic{font-size:1.8rem;margin-bottom:0.55rem;}
.pc-t{font-family:'Space Mono',monospace;font-size:0.55rem;letter-spacing:0.11em;text-transform:uppercase;color:var(--aurora2);margin-bottom:0.35rem;}
.pc-d{font-size:0.8rem;color:var(--silver);line-height:1.6;margin-bottom:0.9rem;}
.tring{width:110px;height:110px;margin:0 auto 0.9rem;}
.tring svg{transform:rotate(-90deg);}
.tring-t{fill:none;stroke:var(--border);stroke-width:5;}
.tring-f{fill:none;stroke:var(--aurora4);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear;}
.tdisp{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--mist);text-align:center;margin:0.8rem 0;}
.bcircle{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(123,94,167,0.35),rgba(123,94,167,0.08));margin:0.9rem auto;transition:transform 4s ease-in-out;border:1px solid rgba(123,94,167,0.28);display:flex;align-items:center;justify-content:center;}
.bcount{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--mist);line-height:1;transition:transform 4s ease-in-out;opacity:0.9;}
.bcircle.inhale .bcount{transform:scale(0.667);}
.bcircle.exhale .bcount{transform:scale(1.333);}
.bcircle.inhale{transform:scale(1.5);}
.bcircle.exhale{transform:scale(0.75);}
.blbl{font-family:'Space Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-align:center;color:var(--silver);margin-top:0.45rem;}
.pstep{display:flex;gap:0.65rem;align-items:flex-start;margin-bottom:0.55rem;}
.ps-n{font-family:'Space Mono',monospace;font-size:0.48rem;color:var(--aurora2);min-width:18px;margin-top:0.1rem;}
.ps-t{font-size:0.8rem;color:var(--silver);line-height:1.5;}

/* P8 RECOVERY */
.recf{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.4rem;}
@media(max-width:580px){.recf{grid-template-columns:1fr;}}
.mslider input{width:100%;accent-color:var(--aurora1);}
.mv{font-family:'Space Mono',monospace;font-size:0.75rem;color:var(--aurora1);text-align:right;margin-top:0.18rem;}
.rh{margin-top:1.4rem;}
.rhi{background:var(--ghost);border:1px solid var(--border);border-radius:3px;padding:0.8rem;margin-bottom:0.45rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem;}
.rh-dt{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.09em;color:var(--aurora2);}
.rh-ms{display:flex;gap:0.9rem;flex-wrap:wrap;}
.rh-m{text-align:center;}
.rh-mv{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;display:block;}
.rh-ml{font-family:'Space Mono',monospace;font-size:0.42rem;letter-spacing:0.07em;color:var(--silver);text-transform:uppercase;}
.rh-del{background:transparent;border:none;color:rgba(196,122,122,0.38);cursor:pointer;font-size:0.75rem;}

/* P9 SUPPS */
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0.9rem;}
.scard{background:var(--ghost);border:1px solid var(--border);border-radius:4px;padding:1rem;position:relative;overflow:hidden;}
.scard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--sc);}
.sc-n{font-family:'Space Mono',monospace;font-size:0.58rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--mist);margin-bottom:0.45rem;}
.sc-dose{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:var(--sc);margin-bottom:0.26rem;}
.sc-tm{font-family:'Space Mono',monospace;font-size:0.48rem;letter-spacing:0.09em;color:var(--aurora2);margin-bottom:0.45rem;}
.sc-d{font-size:0.78rem;color:var(--silver);line-height:1.6;}
.sc-ev{margin-top:0.55rem;display:flex;align-items:center;gap:0.28rem;}
.ev-d{width:7px;height:7px;border-radius:50%;background:var(--good);}
.ev-d.e{background:rgba(200,192,216,0.18);}
.ev-d.p{background:var(--warn);}
.ev-l{font-family:'Space Mono',monospace;font-size:0.44rem;letter-spacing:0.05em;color:var(--silver);margin-left:0.26rem;}

/* P10 GLOSSARY */
.gs{margin-bottom:1.1rem;}
.gs input{width:100%;background:var(--ghost);border:1px solid var(--border);border-radius:4px;color:var(--mist);font-family:'Cormorant Garamond',serif;font-size:0.93rem;padding:0.65rem 0.95rem;outline:none;transition:border-color 0.3s;}
.gs input:focus{border-color:var(--aurora1);}
.gs input::placeholder{color:rgba(200,192,216,0.22);font-style:italic;}
.glist{display:flex;flex-direction:column;gap:0.44rem;}
.gi{background:var(--ghost);border:1px solid var(--border);border-radius:3px;padding:0.85rem 0.95rem;}
.gi-t{font-family:'Space Mono',monospace;font-size:0.58rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--aurora2);margin-bottom:0.26rem;}
.gi-d{font-size:0.85rem;color:var(--silver);line-height:1.7;}
.gi-c{font-family:'Space Mono',monospace;font-size:0.42rem;letter-spacing:0.09em;text-transform:uppercase;color:rgba(200,192,216,0.28);margin-top:0.26rem;}


/* S6: DR SEN CHAT */
.drsen-wrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - var(--bar-h) - 4rem);min-height:440px;}
.drsen-head{display:flex;align-items:center;gap:0.8rem;padding:0.9rem 1.1rem;background:rgba(123,94,167,0.08);border:1px solid rgba(123,94,167,0.22);border-radius:6px 6px 0 0;}
.drsen-avatar{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(178,136,255,0.6),rgba(123,94,167,0.2));border:1px solid rgba(178,136,255,0.4);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 14px rgba(178,136,255,0.3);}
.drsen-id h3{font-family:'Space Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;color:var(--mist);}
.drsen-id p{font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.1em;color:var(--aurora4);margin-top:0.15rem;}
.drsen-id .blink{animation:blink 1.4s step-end infinite;}
@keyframes blink{50%{opacity:0;}}
.drsen-msgs{flex:1;overflow-y:auto;padding:1.2rem;background:rgba(6,5,13,0.6);border-left:1px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0.9rem;}
.drsen-msgs::-webkit-scrollbar{width:3px;}
.drsen-msgs::-webkit-scrollbar-thumb{background:var(--aurora1);border-radius:3px;}
.dm{max-width:82%;padding:0.75rem 1rem;border-radius:10px;font-size:0.9rem;line-height:1.7;animation:fi 0.3s ease;}
.dm.user{align-self:flex-end;background:linear-gradient(135deg,rgba(123,94,167,0.3),rgba(74,158,187,0.2));border:1px solid rgba(123,94,167,0.3);color:var(--mist);border-bottom-right-radius:3px;}
.dm.bot{align-self:flex-start;background:rgba(255,255,255,0.03);border:1px solid var(--border);color:var(--silver);border-bottom-left-radius:3px;}
.dm.bot strong{color:var(--rem);}
.drsen-typing{align-self:flex-start;display:flex;gap:0.3rem;padding:0.8rem 1rem;}
.drsen-typing span{width:6px;height:6px;border-radius:50%;background:var(--aurora1);animation:dp 1.2s ease-in-out infinite;}
.drsen-typing span:nth-child(2){animation-delay:0.2s;}
.drsen-typing span:nth-child(3){animation-delay:0.4s;}
.drsen-suggest{display:flex;flex-wrap:wrap;gap:0.4rem;padding:0.7rem 1.1rem;background:rgba(6,5,13,0.6);border-left:1px solid var(--border);border-right:1px solid var(--border);}
.drsen-chip{background:rgba(123,94,167,0.12);border:1px solid rgba(123,94,167,0.28);color:var(--silver);font-family:'Space Mono',monospace;font-size:0.54rem;letter-spacing:0.04em;padding:0.4rem 0.7rem;border-radius:20px;cursor:pointer;transition:all 0.2s;}
.drsen-chip:hover{background:rgba(123,94,167,0.25);color:var(--mist);}
.drsen-input-row{display:flex;gap:0.5rem;padding:0.9rem;background:rgba(123,94,167,0.05);border:1px solid var(--border);border-radius:0 0 6px 6px;}
.drsen-input{flex:1;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:4px;color:var(--mist);font-family:'Cormorant Garamond',serif;font-size:0.95rem;padding:0.7rem 0.9rem;outline:none;resize:none;transition:border-color 0.2s;}
.drsen-input:focus{border-color:var(--aurora1);}
.drsen-send{background:linear-gradient(135deg,var(--aurora1),var(--aurora2));border:none;color:white;width:46px;border-radius:4px;cursor:pointer;font-size:1.1rem;flex-shrink:0;transition:all 0.2s;}
.drsen-send:hover{filter:brightness(1.15);}
.drsen-send:disabled{opacity:0.3;cursor:wait;}
.drsen-nokey{text-align:center;padding:2rem 1rem;color:rgba(200,192,216,0.4);font-style:italic;font-size:0.88rem;line-height:1.7;}

.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(100px);z-index:500;background:rgba(20,16,35,0.97);border:1px solid var(--aurora1);border-radius:6px;padding:0.85rem 1.3rem;font-family:'Space Mono',monospace;font-size:0.6rem;letter-spacing:0.05em;color:var(--mist);box-shadow:0 8px 28px rgba(0,0,0,0.5);backdrop-filter:blur(10px);opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);max-width:90vw;text-align:center;}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;}
.toast.error{border-color:var(--bad);}
.toast.success{border-color:var(--aurora4);}
.supp-section-lbl{font-family:'Space Mono',monospace;font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--aurora2);margin-bottom:1rem;display:flex;align-items:center;gap:0.6rem;}
.supp-section-lbl::before{content:'';width:18px;height:1px;background:var(--aurora1);}
.supp-section-lbl .sub{font-family:'Cormorant Garamond',serif;font-size:0.85rem;font-style:italic;letter-spacing:0;text-transform:none;color:rgba(200,192,216,0.45);}
footer{margin-left:190px;text-align:center;padding:1.3rem;border-top:1px solid var(--border);font-family:'Space Mono',monospace;font-size:0.5rem;letter-spacing:0.09em;color:rgba(200,192,216,0.18);}
@media(max-width:740px){footer{margin-left:0;}}