:root{
  --n:#071a33;--n2:#102d4e;--o:#ff6a2a;--m:#35c99a;--bg:#f3f7fa;
  --ink:#0d2340;--mut:#667c92;--line:#d9e5ee;--soft:#eaf2f7;
  --shadow:0 18px 50px rgba(18,48,74,.10);--radius:22px
}
html{font-size:16px}body{background:linear-gradient(135deg,#f7fafc 0,#edf4f8 100%)}
.shell{grid-template-columns:252px minmax(0,1fr)}
.side{padding:30px 22px 22px;background:linear-gradient(180deg,#071a33 0%,#0a223f 100%)}
.brand{margin:0 4px 46px;gap:13px}.brand>i{width:42px;height:42px;font-size:18px;background:rgba(255,106,42,.08)}
.brand b{font-size:15px;line-height:1.45}.brand small{font-size:8px;margin-top:2px}
.side nav{gap:9px}.nav{min-height:52px;padding:14px 16px;border-radius:14px;font-size:18px;align-items:center;color:#9fb0c2}
.nav span{font-size:14px;font-weight:600}.nav.active{color:var(--n);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.nav:hover:not(.active){background:rgba(255,255,255,.07);color:#fff}
.device{padding:15px;border-radius:15px}.device b,.user b{font-size:13px}.device small,.user small{font-size:11px}
header{height:72px;padding:0 42px;background:rgba(243,247,250,.88);font-size:13px}
.energy,.notify{font-size:12px;padding:10px 14px;border-radius:12px}.notify{width:42px}
.view{padding:36px 42px 64px;max-width:1500px}.hello{align-items:center;margin-bottom:26px}
.hello p,.pagehead p{font-size:14px;margin-bottom:8px}.hello h1{font-size:clamp(34px,3.2vw,52px);line-height:1.08}
.streak,.stat{padding:14px 20px;border-radius:16px}.streak small,.stat small{font-size:11px}.streak b,.stat b{font-size:30px}
.grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:20px}
.mission-deck{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);min-height:390px;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px rgba(14,45,73,.14);background:#fff;border:1px solid var(--line)}
.grid article,.chapter,.rocketbox,.telemetry,.identity,.work,.records{border-radius:var(--radius);box-shadow:var(--shadow)}
.mission-deck .current,.mission-deck .roki{border:0;border-radius:0;box-shadow:none;min-height:390px}
.mission-deck .current{padding:34px 36px}.article-head small,.roki small,.weekly small,.mygrowth small,.chapter>small,.telemetry>small,.work>small,.records>small{font-size:12px;letter-spacing:.04em}
.article-head h2{font-size:29px;margin:8px 0}.article-head h3{font-size:20px}.article-head>strong{width:58px;height:58px;font-size:12px;border-width:5px}
.path{margin:44px 0 38px}.path>div i{width:42px;height:42px;font-size:14px}.path>div b{font-size:13px;margin-top:11px}.path>div small{font-size:11px}.path .now i{box-shadow:0 0 0 8px #fff0e8}
.primary{font-size:14px;padding:14px 22px;border-radius:12px}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,106,42,.32)}
.mission-deck .roki{background:linear-gradient(145deg,#e9f2f7,#d9e8f1)!important;border-left:1px solid var(--line)}
.roki>div{left:30px;top:30px;width:55%}.roki blockquote{font-size:21px;line-height:1.55}.roki button{font-size:13px}.roki>img{width:64%;height:80%}.roki>label{left:30px;bottom:25px;font-size:11px}
.weekly,.mygrowth{padding:26px 28px;min-height:290px}.article-head button{font-size:12px;padding:7px 0}.task{grid-template-columns:36px 1fr auto;padding:15px 0}.task>i{width:32px;height:32px;font-size:11px}.task b{font-size:13px}.task small,.task em{font-size:11px}.level strong{font-size:14px}.level small{font-size:11px}.badges small{font-size:11px}
.pagehead{align-items:center;margin-bottom:28px}.pagehead h1{font-size:clamp(30px,3vw,44px);line-height:1.2}.chapters{gap:20px}.curriculum .chapter{min-height:370px;padding:30px}.chapter h2{font-size:26px}.chapter p{font-size:14px;line-height:1.9}.chapter em,.chapter button{font-size:11px}.curriculum .chapter p b{width:30px;height:30px;font-size:10px}
.learning-outcomes{padding:30px;gap:24px}.learning-outcomes small{font-size:11px}.learning-outcomes h2{font-size:22px}.learning-outcomes p b{font-size:13px}.learning-outcomes p span{font-size:11px}
.connected b,.connected small{font-size:12px}.telemetry{padding:32px}.numbers>span{font-size:12px}.numbers b{font-size:38px}.checks small{font-size:11px}
.map aside>small,.map aside label{font-size:12px}.map aside p{font-size:13px}.map aside h3{font-size:14px}.stop b,.stop small{font-size:12px}
.person small,.person p,.ability label,.work p,.work blockquote,.records b,.records small,.outline{font-size:12px}.work h2{font-size:26px}
dialog>small{font-size:11px}dialog>p,.chatbody p,.choices button,.detail-list span{font-size:13px}.balance span{font-size:11px}
button:focus-visible,input:focus-visible{outline:3px solid rgba(255,106,42,.35);outline-offset:3px}
@media(max-width:1100px){.shell{grid-template-columns:86px 1fr}.mission-deck{grid-template-columns:1.2fr .8fr}.brand b,.nav span,.device span,.user span{display:none}.brand{margin-inline:auto}.nav{justify-content:center}.grid{grid-template-columns:1fr}.weekly,.mygrowth{grid-column:1}.chapters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.side{height:74px;padding:8px 6px}.side nav{grid-template-columns:repeat(5,1fr);gap:2px}.nav{min-height:58px;padding:5px;font-size:18px}.nav span{display:block;font-size:10px}.view{padding:24px 16px 100px}.hello{align-items:flex-start}.hello h1{font-size:32px}.hello p{font-size:12px}.streak{padding:9px 12px}.streak b{font-size:24px}.mission-deck{display:block;border-radius:22px}.mission-deck .current{padding:24px 20px;min-height:0}.mission-deck .roki{min-height:310px;border-left:0;border-top:1px solid var(--line)}.path{display:grid;grid-template-columns:1fr;gap:12px;margin:28px 0}.path>div{grid-template-columns:46px 1fr}.path>div b{font-size:13px}.weekly,.mygrowth{padding:22px 20px}.pagehead{align-items:flex-start}.pagehead h1{font-size:30px}.curriculum{grid-template-columns:1fr}.curriculum .chapter{min-height:270px}.learning-outcomes{grid-template-columns:1fr}.lab,.map,.portfolio{grid-template-columns:1fr}.numbers b{font-size:30px}}