@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');:root{--n:#081a32;--o:#ff6b2c;--m:#55d7ad;--bg:#eef3f7;--w:#fff;--ink:#10223b;--mut:#74869a;--line:#dce5ed;--shadow:0 18px 50px #19324d12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans SC",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{height:100vh;position:sticky;top:0;background:var(--n);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 10px 36px}.brand>i{font-style:italic;width:37px;height:37px;border:2px solid var(--o);color:var(--o);border-radius:50%;display:grid;place-items:center}.brand b{letter-spacing:.08em}.brand small{display:block;font-size:7px;letter-spacing:.23em;opacity:.45}.side nav{display:flex;flex-direction:column;gap:6px}.nav{border:0;border-radius:11px;background:transparent;color:#93a5bb;padding:14px;display:flex;gap:14px;text-align:left;font-size:13px}.nav.active{background:#fff;color:var(--n)}.nav.active:first-letter{color:var(--o)}.device{margin-top:auto;border:1px solid #29435e;background:#0d2542;padding:13px;border-radius:13px;display:flex;align-items:center;gap:10px}.device>i,.connected>i{width:8px;height:8px;background:var(--m);border-radius:50%;box-shadow:0 0 0 5px #55d7ad18}.device b,.device small,.user b,.user small{display:block}.device b,.user b{font-size:11px}.device small,.user small{font-size:8px;color:#8498ad;margin-top:3px}.user{border-top:1px solid #223b56;margin-top:18px;padding:18px 5px 0;display:flex;gap:10px;align-items:center}.user em,.person>em{font-style:normal;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e9f1f7;color:var(--n);font-weight:800}main{min-width:0}header{height:70px;position:sticky;top:0;z-index:5;background:#eef3f7ed;backdrop-filter:blur(10px);border-bottom:1px solid #d5e0e9;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;color:var(--mut)}header>div{display:flex;gap:8px}.energy,.notify{border:1px solid #d9e3eb;background:#fff;border-radius:9px;padding:9px 12px;color:#65788d;font-size:10px}.energy:first-letter{color:var(--o)}.notify{width:36px;position:relative}.notify i{position:absolute;width:6px;height:6px;background:var(--o);border-radius:50%;top:7px;right:7px}.view{display:none;padding:34px 40px 56px;max-width:1450px;margin:auto}.view.active{display:block}.hello,.pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.hello p,.pagehead p{font-size:11px;color:#8393a4;margin:0 0 8px}.hello h1,.pagehead h1{font-size:clamp(32px,3vw,46px);line-height:1.16;letter-spacing:-.045em;margin:0}.hello h1 em{font-style:normal;color:var(--o)}.streak,.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 17px;box-shadow:var(--shadow)}.streak small,.stat small{display:block;font-size:8px;color:#8393a4}.streak b,.stat b{font-size:25px;color:var(--o)}.grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.grid article,.chapter,.rocketbox,.telemetry,.identity,.work,.records{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.current{padding:25px;min-height:350px}.article-head{display:flex;justify-content:space-between;align-items:start}.article-head small,.roki small,.weekly small,.mygrowth small,.chapter>small,.telemetry>small,.work>small,.records>small{font-size:9px;color:#8393a4;letter-spacing:.08em}.article-head h2{font-size:23px;margin:6px 0}.article-head h3{font-size:16px;margin:5px 0}.article-head>strong{width:46px;height:46px;border-radius:50%;border:4px solid var(--o);display:grid;place-items:center;font-size:9px}.article-head button{border:0;background:transparent;color:#7f90a3;font-size:9px}.path{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center;margin:38px 0}.path>div{text-align:center;opacity:.38}.path>div i{font-style:normal;width:34px;height:34px;border:1px solid #aebdca;border-radius:50%;display:grid;place-items:center;margin:auto}.path>div b,.path>div small{display:block}.path>div b{font-size:10px;margin-top:10px}.path>div small{font-size:8px;color:#8292a4;margin-top:4px}.path>span{height:1px;background:#ced9e2}.path .done,.path .now{opacity:1}.path .done i{background:var(--n);color:#fff}.path .now i{color:var(--o);border-color:var(--o);box-shadow:0 0 0 6px #fff0e9}.path .now small{color:var(--o)}.primary{border:0;background:var(--o);color:#fff;border-radius:9px;padding:13px 18px;font-size:10px;font-weight:700;box-shadow:0 8px 20px #ff6b2c30}.roki{position:relative;overflow:hidden;min-height:350px;background:#eaf1f6!important}.roki>div{position:absolute;left:24px;top:24px;width:56%;z-index:2}.roki blockquote{font-size:18px;line-height:1.55;font-weight:700;margin:15px 0}.roki button{border:0;background:transparent;padding:0;color:var(--o);font-size:10px;font-weight:700}.roki>img{position:absolute;width:62%;height:82%;object-fit:cover;right:-3%;bottom:0;mix-blend-mode:multiply}.roki>label{position:absolute;left:24px;bottom:20px;font-size:8px;color:#75879b}.roki>label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--o);margin-right:6px}.weekly,.mygrowth{padding:22px 24px}.task{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf1f4}.task>i{font-style:normal;width:28px;height:28px;border:1px solid #cdd8e1;border-radius:50%;display:grid;place-items:center;font-size:9px}.task.done>i{background:#e5f7f0;color:#20a277}.task b,.task small{display:block}.task b{font-size:10px}.task em{font-style:normal;color:var(--o);font-size:9px}.level{display:flex;gap:12px;align-items:center;margin:25px 0 14px}.level>b{width:48px;height:48px;border-radius:13px;background:var(--n);color:#fff;display:grid;place-items:center;font-size:18px}.level strong,.level small{display:block}.level strong{font-size:11px}.bar{height:4px;background:#edf1f4}.bar i{display:block;width:76%;height:100%;background:var(--o)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.badges>span{background:#f3f7fa;border-radius:11px;padding:12px;text-align:center;color:var(--o)}.badges small{display:block;margin-top:5px;color:#65788b}.pagehead h1{font-size:38px}.stat{text-align:right}.chapters{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.chapter{min-height:310px;padding:28px;display:flex;flex-direction:column}.chapter.active{background:var(--n);color:#fff}.chapter h2{font-size:26px;margin:15px 0 9px}.chapter p{font-size:11px;line-height:1.7;color:#8191a3}.chapter.active p{color:#9fb1c4}.chapterbar{height:5px;background:#27415d;margin-top:auto}.chapterbar i{display:block;width:50%;height:100%;background:var(--o)}.chapter em{font-style:normal;font-size:8px;color:#8595a5;margin-top:9px}.chapter button{margin-top:auto;border:0;border-radius:8px;padding:11px;color:#94a3b1}.connected{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 15px}.connected b,.connected small{display:block;font-size:9px}.connected small{color:#8192a4;margin-top:3px}.lab{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.rocketbox,.telemetry{min-height:585px;position:relative;overflow:hidden}.sky{height:490px;background:linear-gradient(#dceaf4,#f3f7fa);display:grid;place-items:center;position:relative;overflow:hidden}.sky:before{content:"";position:absolute;inset:0;background:linear-gradient(#10223b0c 1px,transparent 1px);background-size:100% 25%}.sky>img{width:58%;max-height:350px;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 20px #10223b25);transition:transform 2.2s}.sky.fly>img{transform:translateY(-480px) scale(.7)}.scale{position:absolute;inset:24px auto 24px 18px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#8394a6}.ring{position:absolute;width:250px;height:250px;border:1px dashed #10223b33;border-radius:50%}.launchbtn{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:108px;height:108px;border-radius:50%;border:7px solid #ffe7db;background:var(--o);color:#fff;z-index:3}.launchbtn small,.launchbtn b{display:block}.telemetry{padding:28px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0}.numbers>span{border-left:2px solid var(--o);padding-left:13px;font-size:9px;color:#8192a4}.numbers small{display:block}.numbers b{font-size:34px;color:var(--ink)}.telemetry svg{width:100%;height:220px}.gridline{fill:none;stroke:#e2e9ef}.flight{fill:none;stroke:var(--o);stroke-width:4;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700}.telemetry svg.animate .flight{animation:draw 2.4s forwards}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checks>span{background:#f3f7fa;border-radius:10px;padding:14px;text-align:center;color:#8292a4}.checks small{display:block;font-size:8px;margin-top:6px}.checks .ok{color:#20a078}.map{display:grid;grid-template-columns:1.45fr .55fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:575px}.maparea{position:relative;background:#e8f1f0;background-image:radial-gradient(#c8dad7 1px,transparent 1px);background-size:24px 24px}.maparea svg{position:absolute;width:100%;height:100%}.maparea path{fill:none;stroke:var(--o);stroke-width:3;stroke-dasharray:8 9}.stop{position:absolute;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;opacity:.5}.stop>i{font-style:normal;width:38px;height:38px;border:5px solid #fff;border-radius:50%;background:#9eb1b0;color:#fff;display:grid;place-items:center}.stop b,.stop small{display:block;font-size:9px}.stop small{color:#6f8483;margin-top:3px}.stop.active,.stop.done{opacity:1}.stop.active>i{background:var(--o);box-shadow:0 0 0 8px #ff6b2c1f}.stop.done>i{background:var(--n)}.map aside{padding:34px 28px;border-left:1px solid var(--line)}.map aside>small{font-size:9px;color:#8192a4}.map aside h2{font-size:27px}.map aside p{font-size:10px;line-height:1.7;color:#6d7f91}.map aside h3{font-size:11px;margin-top:30px}.map aside label{display:block;border-top:1px solid #e6edf2;padding:13px 0;font-size:9px;color:#607489}.map aside input{accent-color:var(--o)}.portfolio{display:grid;grid-template-columns:.8fr 1.1fr .75fr;gap:18px}.identity,.work,.records{min-height:480px;padding:25px}.person{display:flex;align-items:center;gap:13px}.person>em{width:58px;height:58px;background:var(--n);color:#fff;font-size:22px}.person small{font-size:8px;color:#8292a4}.person h2{margin:4px 0}.person p{font-size:9px;color:#8192a4;margin:0}.ability{margin-top:32px}.ability label{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:9px;margin:20px 0}.ability i{grid-column:1/-1;height:4px;background:#edf1f4;position:relative}.ability i:after{content:"";position:absolute;width:var(--w);height:100%;background:var(--o)}.work>div{height:200px;background:#edf3f7;border-radius:14px;display:grid;place-items:center;margin-bottom:20px}.work img{width:85%;height:90%;object-fit:contain;mix-blend-mode:multiply}.work h2{font-size:22px}.work p{font-size:10px;line-height:1.7;color:#687b8f}.work blockquote{margin:20px 0;background:#f2f6f9;border-left:3px solid var(--o);padding:14px;font-size:9px;line-height:1.7}.records>div{display:flex;gap:11px;border-top:1px solid #e7edf2;padding:18px 0}.records i{font-style:normal;width:32px;height:32px;border-radius:9px;background:#edf2f6;color:var(--o);display:grid;place-items:center;font-size:9px}.records b,.records small{display:block;font-size:9px}.records small{color:#8493a3;margin-top:4px}.outline{border:1px solid #ccd8e2;background:#fff;border-radius:9px;padding:11px 15px;color:#62758a;font-size:9px}dialog{border:0;border-radius:22px;padding:34px;max-width:550px;width:90%;box-shadow:0 35px 90px #06142655}dialog::backdrop{background:#061426bb;backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:25px;color:#8192a4}dialog>small{color:var(--o);font-size:9px}dialog h2{font-size:28px}dialog>p{font-size:11px;line-height:1.7;color:#687b8f}.balance{background:#edf3f7;border-radius:15px;padding:25px;margin:24px 0}.rocketbar{height:20px;border-radius:12px;background:linear-gradient(90deg,#173150 0 30%,#ff6b2c 30% 34%,#e2eaf0 34% 70%,#55d7ad 70% 86%,#d7e2e9 86%);position:relative}.rocketbar i{position:absolute;width:14px;height:42px;top:-11px;left:30%;background:var(--n);border-radius:5px}.balance input{width:100%;margin:24px 0 8px;accent-color:var(--o)}.balance span{font-size:8px;color:#738598}.chathead{display:flex;gap:11px;align-items:center}.chathead img{width:52px;height:52px;object-fit:cover;border-radius:14px}.chathead b,.chathead small{display:block}.chathead small{font-size:8px;color:#26a87e}.chatbody{background:#f0f5f8;margin:20px -34px 0;padding:25px 34px;min-height:170px}.chatbody p{max-width:82%;background:#fff;border-radius:14px;padding:13px;font-size:10px;line-height:1.7}.chatbody p.you{margin-left:auto;background:var(--n);color:#fff}.choices{display:flex;gap:7px;padding-top:16px}.choices button{border:1px solid #d3dee7;background:#fff;border-radius:8px;padding:9px 11px;font-size:9px}.toast{position:fixed;right:28px;bottom:28px;background:var(--n);color:#fff;border-radius:14px;padding:14px 19px;display:flex;gap:10px;transform:translateY(100px);opacity:0;transition:.35s;z-index:20}.toast.show{transform:none;opacity:1}.toast>span b,.toast>span small{display:block;font-size:9px}.toast>span small{color:#91a5ba}@keyframes draw{to{stroke-dashoffset:0}}@media(max-width:1050px){.shell{grid-template-columns:78px 1fr}.side{padding:25px 12px}.brand b,.nav span,.device span,.user span{display:none}.brand{margin-inline:auto}.nav{justify-content:center;font-size:18px}.device,.user{justify-content:center}.grid{grid-template-columns:1fr}.chapters,.portfolio{grid-template-columns:1fr}.lab,.map{grid-template-columns:1fr}.maparea{min-height:480px}}@media(max-width:680px){.shell{display:block}.side{position:fixed;top:auto;bottom:0;width:100%;height:66px;padding:7px 8px;z-index:10}.brand,.device,.user{display:none}.side nav{height:100%;display:grid;grid-template-columns:repeat(5,1fr)}.nav{display:flex;flex-direction:column;gap:2px;align-items:center;padding:4px;font-size:15px}.nav span{display:block;font-size:8px}header{height:56px;padding:0 15px}.view{padding:22px 15px 85px}.hello h1,.pagehead h1{font-size:29px}.streak{padding:8px 11px}.current{padding:19px 15px}.path{grid-template-columns:1fr;gap:10px;margin:25px 0}.path>span{display:none}.path>div{display:grid;grid-template-columns:38px 1fr;text-align:left}.path>div i{margin:0}.path>div b{margin-top:0}.roki{min-height:310px}.roki>img{width:68%}.lab>*{min-height:0}.sky{height:390px}.telemetry{padding:20px 15px}.numbers b{font-size:26px}.map aside{border-left:0;border-top:1px solid var(--line)}.stop b{display:none}.portfolio>*{min-height:0}.chapters{gap:12px}.chapter{min-height:240px}.toast{left:15px;right:15px;bottom:78px}}