*{box-sizing:border-box} :root{--bg:#030711;--panel:rgba(7,19,36,.78);--line:#163d5c;--cyan:#18e8ff;--violet:#985cff;--pink:#ff4fd8;--green:#37f6ad;--text:#eef8ff;--muted:#8ba4ba}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 58% 8%,#0d2451 0,transparent 27%),radial-gradient(circle at 85% 50%,#180c39 0,transparent 30%),#030711}.ambient{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#1be8ff55 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent);opacity:.18;animation:drift 18s linear infinite}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid #14314b;background:#030914e8;padding:22px 14px;display:flex;flex-direction:column;z-index:5}.brand{font-size:22px;letter-spacing:.04em;margin:4px 8px 28px}.brand b{color:var(--cyan);font-size:30px;text-shadow:0 0 18px #18e8ff99}.brandMark{color:var(--pink)}.brand small{display:block;font-size:9px;line-height:1.35;margin:7px 0;color:#d9e7f4}.side nav{display:grid;gap:5px}.side nav button{border:0;background:transparent;color:#b9cee0;text-align:left;padding:12px;border-radius:11px;font-size:14px;cursor:pointer}.side nav button:hover,.side nav button.active{color:white;background:linear-gradient(90deg,#0d7bb866,#0d7bb818);box-shadow:inset 0 0 0 1px #18e8ff33}.side nav button span{margin-left:10px}.invite{margin-top:auto;padding:14px;border:1px solid #27577a;border-radius:15px;background:linear-gradient(160deg,#163769aa,#201458aa);font-size:12px;line-height:1.5}.invite button,.actionRow button,.vitaConsole button,.walletPanel button{width:100%;margin-top:12px;border:1px solid #2d9dff;background:linear-gradient(90deg,#7135e9,#00a9e9);color:white;padding:10px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 0 22px #235fff33}.status{font-size:11px;color:#64f9c2;margin:16px 8px}.status span,.live:before{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2df3ad;box-shadow:0 0 12px #2df3ad;margin-right:6px;animation:pulse 1.4s infinite}main{padding:16px 18px 40px;min-width:0}header{height:58px;display:flex;gap:14px;justify-content:space-between;align-items:center}.ask{display:flex;align-items:center;gap:8px;border:1px solid #214764;background:#081426bb;border-radius:12px;padding:0 10px;width:min(620px,58vw);box-shadow:inset 0 0 25px #0a5a8a22}.ask input{background:transparent;border:0;outline:0;color:white;padding:11px;width:100%}.ask button,.iconBtn,.walletChip{background:#091426;border:1px solid #1d4664;color:#dff7ff;border-radius:10px;padding:9px;cursor:pointer}.headRight{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid #a55cff;box-shadow:0 0 18px #9d5cff88;background:#0e3750}.welcome{display:flex;justify-content:space-between;align-items:end;margin:12px 4px 18px}.welcome h1{font-size:24px;margin:0}.welcome p,.lead{color:#9bb1c4;margin:5px 0}.motto{color:#28e5f7;font-weight:800;letter-spacing:.1em}.motto i{color:#9b62ff}.motto small{display:block;color:#b7c9d8;font-size:10px;margin-top:5px}.heroGrid{display:grid;grid-template-columns:1.1fr 1.55fr .8fr 1.35fr;grid-template-rows:190px 260px;gap:10px}.card{border:1px solid #164463;border-radius:15px;background:linear-gradient(145deg,rgba(8,23,41,.92),rgba(4,12,25,.83));box-shadow:inset 0 0 35px #11669a12,0 12px 40px #0007;overflow:hidden;position:relative}.recoveryCard{grid-row:1/3;padding:15px}.recoveryWrap{position:relative;max-width:290px;margin:auto}.rings{width:100%;filter:drop-shadow(0 0 12px #25e6ff77);transform:rotate(-90deg)}.ringBack,.ringPulse,.ringProgress{fill:none;stroke-width:12}.ringBack{stroke:#102d42}.ringPulse{stroke:#20dfff22;stroke-width:22;animation:ringGlow 2.4s ease-in-out infinite}.ringProgress{stroke:url(#rg);stroke-linecap:round;stroke-dasharray:590 679;animation:dash 2.5s ease-out}.score{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.score span{font-size:13px}.score b{font-size:47px}.score em{font-style:normal;color:var(--green);font-weight:800}#waveCanvas{width:100%;height:90px}.bodyCard{grid-row:1/3;padding:10px}.bodyViz{height:290px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#0a3e6a66,transparent 55%)}.human{font-size:160px;color:#42dfff;text-shadow:0 0 30px #2ee7ff,0 0 70px #814dff;filter:saturate(1.3);animation:humanPulse 2.6s ease-in-out infinite}.human span{position:absolute;width:8px;height:120px;background:linear-gradient(#22e7ff,#ff53cb);left:50%;top:85px;box-shadow:0 0 18px #1eeaff}.core{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 28px #ff60d6,0 0 60px #27eaff;animation:pulse .9s infinite}.orbit,.neuralOrbit{position:absolute;border:1px solid #7d6aff99;border-radius:50%;animation:spin 8s linear infinite}.o1{width:90%;height:35%;transform:rotate(15deg)}.o2{width:78%;height:48%;transform:rotate(-35deg);animation-duration:11s}.o3{width:55%;height:70%;animation-duration:14s}.particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #22eaff;animation:float 4s infinite}.p1{left:14%;top:25%}.p2{right:12%;top:30%;animation-delay:-1s}.p3{left:25%;bottom:18%;animation-delay:-2s}.p4{right:24%;bottom:25%;animation-delay:-3s}.vitaBubble{display:flex;gap:9px;align-items:center;padding:7px 10px;border:1px solid #1674a7;border-radius:12px;background:#071a2b}.vitaBubble p{font-size:11px;margin:0;line-height:1.45}.vitaAvatar{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ff70d8,#4e27aa);box-shadow:0 0 16px #a35cff}.actionRow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.actionRow button{font-size:10px;padding:8px;margin-top:8px}.metricStack{grid-row:1/3;display:grid;gap:6px}.metric{padding:8px;border:1px solid #153d59;border-radius:11px;background:#071426;display:grid;grid-template-columns:28px 1fr 50px;align-items:center;box-shadow:inset 0 0 20px #0f72a41a}.metric .mi{font-size:20px}.metric small{display:block;color:#8ca6ba;font-size:9px}.metric b{font-size:12px}.spark{height:24px;display:flex;align-items:end;gap:2px}.spark i{width:4px;background:linear-gradient(#20e8ff,#885aff);border-radius:4px;animation:spark 1.6s ease-in-out infinite}.earnings{padding:14px}.cardHead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.cardHead span,.cardHead button{color:#63dfff;font-size:9px}.cardHead button{background:none;border:0;cursor:pointer}.live{color:#36efad!important}.earnTop{display:flex;align-items:center;gap:12px;margin:12px 0}.earnTop strong{font-size:28px;color:#ffd050}.earnTop span{font-size:10px;background:#073e39;color:#45f2bd;padding:5px;border-radius:8px}.bars,.weekBars{height:65px;display:flex;align-items:end;gap:5px}.bars i,.weekBars i{flex:1;min-width:4px;background:linear-gradient(#f052df,#0ac8ff);box-shadow:0 0 10px #1cdcff66;border-radius:4px 4px 0 0;animation:barBreath 2s ease-in-out infinite}.goalMini{position:absolute;right:12px;top:54px;width:76px;height:76px;border-radius:50%;border:8px solid #16c9ef;border-right-color:#733dff;display:grid;place-items:center;text-align:center;box-shadow:0 0 20px #16d7ff44}.goalMini span,.goalMini small{display:block;font-size:7px}.goalMini b{font-size:18px}.brainCard{padding:13px}.brainCard>small{font-size:9px;color:#8fa9bc}.brainViz{height:150px;position:relative;display:grid;place-items:center}.brain{font-size:82px;color:#6feaff;text-shadow:0 0 20px #2ee7ff,0 0 50px #8d50ff;animation:brainPulse 1.8s ease-in-out infinite}.n1{width:80%;height:38%;transform:rotate(12deg)}.n2{width:65%;height:58%;transform:rotate(-30deg);animation-direction:reverse}.n3{width:45%;height:80%;animation-duration:12s}.brainViz i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 15px #ff5de1;animation:neuron 1.2s infinite}.brainViz i:nth-of-type(1){left:20%;top:40%}.brainViz i:nth-of-type(2){right:18%;top:35%;animation-delay:-.3s}.brainViz i:nth-of-type(3){left:35%;bottom:15%;animation-delay:-.6s}.brainViz i:nth-of-type(4){right:35%;bottom:20%;animation-delay:-.9s}.brainLabels{display:grid;grid-template-columns:repeat(3,1fr);font-size:8px;color:#65dff7;gap:6px}.lowerGrid{display:grid;grid-template-columns:1fr 1.25fr 1fr 1.1fr;gap:10px;margin-top:10px}.lowerGrid>.card{min-height:245px;padding:14px}.planItem,.challengeItem{display:flex;align-items:center;gap:9px;padding:10px 3px;border-bottom:1px solid #16334a;font-size:11px}.planItem input{accent-color:#30e7af}.planItem span,.challengeItem span{flex:1}.challengeItem small{display:block;color:#8299ab}.challengeItem strong{color:#5cf3bd}.weekBars{height:105px;margin:12px 0}.miniRings{display:flex;justify-content:space-around}.miniRings div{width:72px;height:72px;border:7px solid #17d7ec;border-top-color:#9551ff;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 14px #14d9ff44}.miniRings small{font-size:8px}.products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.products div{min-height:140px;border:1px solid #19425d;border-radius:10px;padding:10px;display:flex;flex-direction:column;font-size:34px;background:linear-gradient(160deg,#0a1b2c,#07101d)}.products b,.products small,.products strong{font-size:10px;margin-top:5px}.products small{color:#9bb1c4}.products strong{color:#ffd253}.wearables{width:100%;margin-top:10px;padding:8px;background:#071a2b;border:1px solid #17617f;color:#dffaff;border-radius:9px}.view{display:none}.view.active{display:block}.panelView{padding:18px 5px}.panelView h2{font-size:30px;margin-bottom:0}.vitaConsole{max-width:850px;padding:18px}.vitaConsole #chatLog{height:360px;overflow:auto;padding:8px}.aiMsg,.userMsg{max-width:75%;padding:12px;border-radius:14px;margin:10px 0;background:#0a2740;border:1px solid #176185}.userMsg{margin-left:auto;background:#29165c;border-color:#6f45cb}.vitaConsole form{display:flex;gap:8px}.vitaConsole input{flex:1;background:#061321;border:1px solid #1c4a68;color:white;padding:13px;border-radius:10px}.vitaConsole button{width:auto;margin:0}.metricGrid,.activityGrid,.challengeGrid,.shopGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}.bigBalance,.walletPanel,.settings{max-width:650px;padding:28px;margin-top:20px}.bigBalance strong{display:block;font-size:48px;color:#ffd04c}.activityCard,.shopCard,.challengeCard{padding:18px}.activityCard button,.shopCard button{width:100%;padding:9px;border-radius:8px;border:1px solid #1bbad9;background:#0b3650;color:white;cursor:pointer}.walletPanel{text-align:center}.walletOrb{width:130px;height:130px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;border:3px solid #25dfff;box-shadow:0 0 30px #19dfff88,inset 0 0 30px #7b4dff55;animation:humanPulse 2s infinite}.settings label{display:block;margin:15px 0}#toast{position:fixed;right:22px;bottom:22px;background:#0b2639;border:1px solid #25dfff;color:white;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.3s;z-index:20}#toast.show{opacity:1;transform:none}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes ringGlow{50%{stroke:#33dfff55;stroke-width:28}}@keyframes dash{from{stroke-dasharray:0 679}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(30px,-20px) scale(1.8);opacity:.4}}@keyframes humanPulse{50%{filter:brightness(1.45);transform:scale(1.025)}}@keyframes brainPulse{50%{transform:scale(1.08);filter:brightness(1.45)}}@keyframes neuron{50%{transform:scale(2.2);opacity:.35}}@keyframes spark{50%{height:85%!important;filter:brightness(1.5)}}@keyframes barBreath{50%{filter:brightness(1.55);transform:scaleY(.94);transform-origin:bottom}}@keyframes drift{to{background-position:45px 45px}}@media(max-width:1150px){.heroGrid{grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto}.recoveryCard,.bodyCard,.metricStack{grid-row:auto}.earnings,.brainCard{grid-column:auto}.lowerGrid{grid-template-columns:1fr 1fr}.motto{display:none}}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:fixed;bottom:0;top:auto;width:100%;height:66px;padding:6px;z-index:10;border-right:0;border-top:1px solid #18415d}.brand,.invite,.status{display:none}.side nav{display:flex;overflow-x:auto}.side nav button{min-width:62px;padding:8px;text-align:center;font-size:18px}.side nav button span{display:block;margin:2px 0 0;font-size:8px}main{padding:8px 8px 82px}header{height:52px}.ask{width:100%}.headRight #clock,.iconBtn,.avatar{display:none}.walletChip{font-size:0}.walletChip:first-letter{font-size:14px}.welcome{align-items:start}.welcome h1{font-size:20px}.heroGrid,.lowerGrid{display:grid;grid-template-columns:1fr}.recoveryCard,.bodyCard,.metricStack,.earnings,.brainCard{grid-column:auto;grid-row:auto}.recoveryCard{height:330px}.bodyViz{height:260px}.metricStack{grid-template-columns:1fr 1fr}.metric{grid-template-columns:25px 1fr}.metric .spark{display:none}.lowerGrid>.card{min-height:auto}.products div{min-height:125px}.welcome p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}body.noMotion *{animation:none!important}.radarWrap{height:155px;position:relative}.radarWrap canvas{width:100%;height:100%}.radarCore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:8px;font-weight:900;background:#061321dd;border:1px solid #33e6ff;box-shadow:0 0 20px #20e8ff66;animation:humanPulse 2s infinite}.radarCore small{display:block;color:#54f3bc;font-size:14px}.brainLabels button{border:1px solid #17425e;background:#071728;color:#8feaff;border-radius:7px;padding:5px 3px;font-size:7px;cursor:pointer}.brainLabels button.active{background:#15385a;color:#fff}.integrityBox{margin:18px 0;padding:14px;border:1px solid #1d506d;border-radius:12px;text-align:left;background:#071625}.integrityBox strong{float:right}.trustBar{height:8px;background:#102638;border-radius:8px;margin:10px 0;overflow:hidden}.trustBar i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#ffb94d,#37f6ad)}.rewardLedger{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.rewardLedger div{border:1px solid #19445e;border-radius:10px;padding:12px;background:#071625}.rewardLedger span,.rewardLedger b{display:block}.rewardLedger span{font-size:10px;color:#8ca5b8}.rewardLedger b{color:#6cf3c1}@media(max-width:520px){.rewardLedger{grid-template-columns:1fr}.radarWrap{height:185px}}
.startStrip{padding:16px 18px;margin:0 0 10px;display:grid;grid-template-columns:.85fr 1.5fr;gap:18px;align-items:center;overflow:visible}.startCopy h2{font-size:25px;margin:2px 0}.startCopy p{font-size:11px;color:#9eb5c7;max-width:430px;margin:4px 0}.eyebrow{font-size:8px;letter-spacing:.18em;color:#53e8ff;font-weight:900}.stepsSimple{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stepsSimple button{min-height:68px;border:1px solid #1a506f;border-radius:11px;background:linear-gradient(145deg,#092039,#07111f);color:white;display:flex;gap:9px;align-items:center;text-align:left;padding:10px;cursor:pointer;min-width:0}.stepsSimple button:hover{border-color:#37dff6;background:#0a2942}.stepsSimple b{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#0b3d5d;color:#6ef2ff;box-shadow:0 0 12px #22dfff33}.stepsSimple span{font-size:9px;font-weight:800;min-width:0}.stepsSimple small{display:block;font-size:8px;color:#8ca6ba;margin-top:3px;font-weight:500}.optionalTag{font-size:9px;color:#5ef2c0;border:1px solid #26785d;border-radius:20px;padding:4px 7px;vertical-align:middle}.modeNote{margin:18px 0;padding:12px;border:1px solid #1b4d68;border-radius:10px;background:#071625}.modeNote b,.modeNote span{display:block}.modeNote span{font-size:11px;color:#91a9bc;margin-top:4px}@media(max-width:900px){.startStrip{grid-template-columns:1fr}.stepsSimple{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.stepsSimple{grid-template-columns:1fr}.startStrip{padding:14px}.startCopy h2{font-size:22px}}

@media(max-width:760px){
:root{--mobile-nav-lift:18px}
.side{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-nav-lift));width:auto;height:72px;padding:6px;border:1px solid #18415d;border-radius:18px;background:rgba(3,9,20,.96);box-shadow:0 12px 35px #000b,0 0 24px #18e8ff18;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.side nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;overflow:visible}
.side nav button{display:none}
.side nav button.mobilePrimary{display:block;min-width:0;min-height:58px;padding:7px 2px 5px;text-align:center;font-size:17px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.side nav button.mobilePrimary span{display:block;margin:3px 0 0;font-size:7.5px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
#toast{left:12px;right:12px;bottom:calc(104px + env(safe-area-inset-bottom,0px));text-align:center}
}
@media(max-width:390px){.side{left:5px;right:5px}.side nav button.mobilePrimary{font-size:16px;padding-left:1px;padding-right:1px}.side nav button.mobilePrimary span{font-size:7px}}
