:root{--night:#0c1830;--night-2:#18305a;--hull:#f1f4ff;--ink:#18223d;--muted:#56628a;--sun:#ffd447;--sun-deep:#d9a300;--pink:#ff6fae;--blue:#3fb4ff;--good:#33d18f;--bad:#ff7a59;--cyan:#6ff3ff;--display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;--body:"Lexend",ui-rounded,"Trebuchet MS",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,Menlo,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--night);color:var(--hull);font-family:var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--sun);outline-offset:3px}h1,h2,p{margin:0}h2{text-wrap:balance}.app{flex-direction:column;gap:10px;max-width:1000px;min-height:100%;margin:0 auto;padding-block:10px 16px;display:flex}.top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand{align-items:baseline;gap:10px;margin-right:auto;display:flex}.brand b{font-family:var(--display);letter-spacing:.04em;color:var(--hull);font-size:26px;font-weight:400}.brand span{font-family:var(--mono);letter-spacing:.14em;color:#8fa3d6;font-size:11px}.trail{order:3;justify-content:center;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.trail li{color:#8fa3d6;background:#ffffff10;border-radius:99px;align-items:center;gap:6px;padding:5px 11px 5px 5px;font-size:12px;font-weight:600;display:flex}.trail li i{background:#ffffff14;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.trail li.on{background:var(--sun);color:var(--ink)}.trail li.on i{background:#ffffff80}.trail li.done{color:var(--good)}.trail li.done i{background:var(--good);color:var(--night)}.tools{gap:6px;display:flex}.tool{background:#ffffff0d;border:2px solid #fff2;border-radius:14px;min-width:44px;height:44px;padding:0 10px;font-size:17px}.tool:hover{background:#ffffff1c}@media (width>=760px){.trail{order:0;width:auto}}.scene{isolation:isolate;background:radial-gradient(2px 2px at 12% 22%,#fff9,transparent 60%),radial-gradient(1.5px 1.5px at 33% 12%,#fff8,transparent 60%), radial-gradient(2px 2px at 71% 30%,#fffa,transparent 60%),radial-gradient(1.5px 1.5px at 88% 14%,#fff7,transparent 60%), radial-gradient(1.5px 1.5px at 52% 40%,#fff6,transparent 60%),radial-gradient(2px 2px at 6% 55%,#fff7,transparent 60%), radial-gradient(1.5px 1.5px at 94% 52%,#fff6,transparent 60%), radial-gradient(ellipse at 50% 120%,#2f5c9a 0,transparent 65%), linear-gradient(#0f2041,var(--night-2));border-radius:28px;height:clamp(270px,47vh,440px);position:relative;overflow:hidden}.scene-tag{font-family:var(--mono);letter-spacing:.16em;color:#8fa3d6;font-size:10px;position:absolute;top:12px;left:16px}.porthole{background:radial-gradient(circle at 70% 30%,#2b4a85,#0b1630 70%);border:8px solid #2a426f;border-radius:50%;width:110px;height:110px;position:absolute;top:9%;left:52%;box-shadow:inset 0 0 0 3px #0b1630,0 0 0 3px #3a5688}.porthole:before{content:"";background:radial-gradient(circle at 35% 30%,#ffd9a0,#ff8a5c 70%);border-radius:50%;width:44px;height:44px;position:absolute;top:28px;left:24px}.porthole:after{content:"";border:3px solid #ffd9a0aa;border-radius:50%;width:78px;height:18px;position:absolute;top:42px;left:7px;transform:rotate(-18deg)}.belt{background:repeating-linear-gradient(90deg,#2a3d66 0 16px,#223359 16px 32px);border-top:6px solid #3d5588;height:46px;position:absolute;bottom:0;left:0;right:0}.scene.moving .belt{animation:.35s linear infinite tread}@keyframes tread{to{background-position:32px 0}}.chute{background:linear-gradient(90deg,#2a426f,#3a5688);border-radius:0 18px 0 0;width:54px;height:96px;position:absolute;bottom:46px;left:0;box-shadow:inset -6px 0 #0b1630}.bin{z-index:2;background:linear-gradient(#5b6ea8,#43568c);border-radius:16px 16px 20px 20px;align-content:end;justify-items:center;width:94px;height:106px;padding-bottom:12px;display:grid;position:absolute;bottom:6px;right:4%;box-shadow:inset 0 -8px #33467a}.bin .slot{background:#0b1630;border-radius:9px;height:16px;position:absolute;top:10px;left:12px;right:12px}.bin span{font-family:var(--mono);letter-spacing:.14em;color:#cdd6f5;font-size:9px}.lane{z-index:3;position:absolute;bottom:40px;left:57%;transform:translate(-50%)}.byte{transform:translateX(-50%) scale(var(--bs,1));transform-origin:50% 100%;z-index:3;position:absolute;bottom:44px;left:28%}.bot{justify-items:center;animation:3.2s ease-in-out infinite bob;display:grid}@keyframes bob{50%{transform:translateY(-6px)}}.ant{background:#9fb0d8;border-radius:3px;width:6px;height:22px;position:relative}.ant i{background:var(--antc,var(--cyan));width:16px;height:16px;box-shadow:0 0 16px var(--antc,var(--cyan));border-radius:50%;position:absolute;top:-11px;left:-5px}.head{background:linear-gradient(#f7f9ff,#d9e0f7);border-radius:36px;place-items:center;width:128px;height:96px;display:grid;position:relative;box-shadow:inset 0 -8px #c3cbea,0 10px 20px #0007}.head:before,.head:after{content:"";background:#b9c3e6;border-radius:6px;width:12px;height:28px;position:absolute;top:34px}.head:before{left:-8px}.head:after{right:-8px}.screen{--eye:var(--cyan);background:var(--screen,#13213d);border-radius:24px;justify-content:center;align-items:center;gap:24px;width:100px;height:62px;transition:background .2s;display:flex;position:relative}.eye{background:var(--eye);width:16px;height:22px;box-shadow:0 0 10px var(--eye);border-radius:8px;place-items:center;margin-top:-6px;transition:transform .2s,height .2s,border-radius .2s;display:grid}.mouth{background:var(--eye);border-radius:3px;width:22px;height:5px;margin-left:-11px;transition:all .15s;position:absolute;bottom:9px;left:50%}.torso{background:linear-gradient(#e8ecfb,#c9d1ee);border-radius:22px 22px 30px 30px;place-items:center;width:92px;height:64px;margin-top:-6px;display:grid;box-shadow:inset 0 -7px #b3bde3}.port{background:radial-gradient(circle at 40% 35%,#fff3 0 12%,#0000 30%),radial-gradient(circle,#ffe680,#ff9fcf 48%,#7a5be0 85%);border:4px solid #9aa8d4;border-radius:50%;width:48px;height:48px;padding:0;transition:transform .15s,box-shadow .15s;position:relative}.port:after{content:"";border:3px dashed #0000;border-radius:50%;position:absolute;inset:-9px}.byte.open .port{box-shadow:0 0 0 6px #ffd44755,0 0 24px var(--sun)}.byte.hot .port{box-shadow:0 0 0 8px #ffd44788,0 0 34px var(--sun);transform:scale(1.25)}.port.busy:after{border-color:var(--sun);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.bot.look .eye{transform:translate(7px)}.bot.think .eye{transform:translate(6px,-6px)}.bot.think{--antc:var(--sun)}.bot.think .ant i{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.bot.happy .eye{border:5px solid var(--eye);height:12px;box-shadow:none;background:0 0;border-bottom:0;border-radius:12px 12px 0 0}.bot.happy .mouth{border-radius:0 0 12px 12px;width:26px;height:9px;margin-left:-13px}.bot.happy{--antc:var(--good)}.bot.chomp .mouth{border-radius:10px;width:26px;height:18px;margin-left:-13px}.bot.sad .eye{border-radius:4px 4px 10px 10px;height:14px}.bot.sad .eye:first-child{transform:rotate(-14deg)}.bot.sad .eye:nth-child(2){transform:rotate(14deg)}.bot.sad .mouth{border:4px solid var(--eye);background:0 0;border-bottom:0;border-radius:10px 10px 0 0;height:7px}.bot.sick{--antc:var(--bad)}.bot.sick .screen{--screen:#1f3d1c;--eye:#a6ff6a}.bot.sick .eye{box-shadow:none;background:0 0;width:20px}.bot.sick .eye:before{content:"×";color:var(--eye);font:700 34px/1 var(--mono);text-shadow:0 0 8px var(--eye)}.bot.sick .mouth{background:repeating-linear-gradient(90deg,var(--eye) 0 5px,transparent 5px 8px);width:30px;height:4px;margin-left:-15px}.scene.glitch{animation:.5s steps(3,end) glitch}@keyframes glitch{33%{filter:hue-rotate(90deg)saturate(1.6)}66%{filter:hue-rotate(-60deg)contrast(1.3)}}.say{max-width:min(260px,72% - 96px);color:var(--ink);z-index:4;background:#fff;border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.3;position:absolute;top:13%;left:calc(28% + 78px);box-shadow:0 6px #0003}.say:after{content:"";border:7px solid #0000;border-left:0;border-right:9px solid #fff;position:absolute;bottom:6px;left:-10px}.readout{z-index:5;color:#d9f9ff;background:#0a142dee;border:2px solid #6ff3ff44;border-radius:18px;gap:9px;width:min(280px,54%);max-height:calc(100% - 24px);padding:12px 13px;display:grid;position:absolute;top:12px;right:12px;overflow:auto;box-shadow:0 10px 30px #0008}.ro-top{white-space:nowrap;font-family:var(--mono);letter-spacing:.14em;color:var(--cyan);justify-content:space-between;gap:8px;font-size:10px;display:flex}.ro-lbl{font-family:var(--mono);letter-spacing:.1em;color:#8fa3d6;text-transform:uppercase;font-size:10px}.ro-rule{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ro-rule .em{font-size:22px}.rchip{font-family:var(--display);letter-spacing:.04em;color:#fff;background:#ffffff14;border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:18px;display:inline-flex}.ro-bars{gap:5px;display:grid}.bar{grid-template-columns:58px 1fr 34px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:grid}.bar b{font-family:var(--mono);text-align:right;font-size:11px}.track{background:#ffffff1a;border-radius:6px;height:10px;overflow:hidden}.fill{height:100%;width:var(--w);background:var(--good);border-radius:6px;display:block}.bar.miss .fill{background:var(--bad)}.bar.miss b{color:var(--bad)}.minis{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.ro-quote{color:#fff;background:#ffffff12;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.4}.ro-quote:before{content:"BYTE: ";font-family:var(--mono);color:var(--cyan);font-size:10px}.panel{background:var(--hull);color:var(--ink);border-radius:26px;align-content:start;gap:12px;padding:16px 18px 18px;display:grid}.p-head{gap:4px;display:grid}.tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--sun);border-radius:99px;justify-self:start;padding:4px 10px;font-size:10px}.p-head h2{font-family:var(--display);letter-spacing:.01em;font-size:clamp(22px,3.4vw,28px);font-weight:400;line-height:1.08}.p-head p{color:var(--muted);font-size:14px}.tray{flex-wrap:wrap;gap:12px;display:flex}.tile{touch-action:none;background:#fff;border:3px solid #d5dcf3;border-radius:22px;place-items:center;width:88px;height:88px;padding:0;transition:transform .12s,border-color .12s,opacity .2s;display:grid;box-shadow:0 4px #d5dcf3}.tile .snack{--size:62px;pointer-events:none}.tile:hover:not(:disabled){transform:translateY(-3px)}.tile.lifted{opacity:.3}.tile.used{opacity:.28;box-shadow:none}.tile[aria-pressed=true]{border-color:var(--sun-deep);box-shadow:0 4px 0 var(--sun-deep);background:#fff6cf;transform:translateY(-3px)}.tile.hint{animation:1.1s ease-in-out infinite hint}@keyframes hint{50%{box-shadow:0 0 0 6px #ffd44799,0 4px #d5dcf3}}.ghost.ghost,.flyer.flyer{z-index:60;pointer-events:none;margin:0;position:fixed}.p-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.p-actions .btn{margin-left:auto}.btn{font-family:var(--display);letter-spacing:.02em;background:var(--sun);min-height:54px;color:var(--ink);box-shadow:0 5px 0 var(--sun-deep);border:0;border-radius:18px;padding:10px 22px;font-size:20px;transition:transform .12s,box-shadow .12s,opacity .2s}.btn:hover:not(:disabled){box-shadow:0 7px 0 var(--sun-deep);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--sun-deep);transform:translateY(3px)}.btn:disabled{opacity:.4}.btn.alt{background:#fff;border:2px solid #d5dcf3;box-shadow:0 5px #c9d1ee}.btn.dark{background:var(--ink);color:var(--sun);box-shadow:0 5px #000}.btn.picked:disabled{opacity:1;border-color:var(--good);box-shadow:0 5px 0 var(--good)}.btn.ready{animation:1.2s ease-in-out infinite ready}@keyframes ready{50%{box-shadow:0 5px 0 var(--sun-deep),0 0 0 8px #ffd44755}}.count{font-family:var(--mono);color:var(--muted);font-size:13px}.calls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calls .btn{width:100%}.dots{gap:6px;display:flex}.dots i{background:#d5dcf3;border-radius:50%;width:14px;height:14px}.dots i.cur{box-shadow:0 0 0 3px var(--sun-deep)}.dots i.ok{background:var(--good)}.dots i.no{background:var(--bad)}.result{min-height:20px;font-size:14px;font-weight:700}.result.ok{color:#16935f}.result.no{color:#c4502f}.fb{color:#9b3d1f;background:#fff0e8;border-radius:14px;padding:10px 13px;font-size:14px;line-height:1.45}.fb.good{color:#15734b;background:#e3f8ee}.slots{align-items:center;gap:8px;display:flex}.slot{border:3px dashed #b9c3e6;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.slot .snack{--size:36px}.slot .stamp{font-size:1.2em}.meter{gap:8px;display:grid}.meter .bar{color:var(--ink);grid-template-columns:62px 1fr 44px;font-size:13px}.meter .track{background:#dfe5f7;height:14px}.mistakes{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mistakes .snack{--size:46px}.lesson{background:#fff;border:2px solid #dfe5f7;border-radius:20px;gap:10px;padding:14px;display:grid}.lesson .big{font-family:var(--display);font-size:22px;line-height:1.15}.lrow{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.lrow .pair{flex-shrink:0;gap:4px;display:flex}.lrow .pair .snack{--size:34px}.quiz{gap:10px;display:grid}.quiz p{font-weight:600;line-height:1.4}.badge{background:var(--ink);color:var(--hull);border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.badge .medal{background:radial-gradient(circle at 35% 30%,#fff6c4,var(--sun) 55%,var(--sun-deep));border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:28px;display:grid;box-shadow:0 0 0 5px #ffd44744}.badge b{font-family:var(--display);letter-spacing:.04em;font-size:20px;font-weight:400;display:block}.badge small{color:#a9b6dc;font-size:13px}.badge .btn{margin-left:auto}.foot{color:#7d8fc0;text-align:center;font-size:11px;line-height:1.5}.pop{z-index:6;font-family:var(--display);white-space:nowrap;pointer-events:none;border-radius:12px;padding:5px 12px;font-size:22px;position:absolute;transform:translate(-50%,-100%)}.pop.good{background:var(--good);color:var(--night)}.pop.bad{background:var(--bad);color:#fff}.coach{z-index:70;pointer-events:none;position:fixed;inset:0}.spot{box-shadow:0 0 0 200vmax #050b1ea8,0 0 0 4px var(--sun) inset;border-radius:24px;transition:all .25s;position:fixed}.tip{background:var(--sun);max-width:min(300px,100vw - 24px);color:var(--ink);box-shadow:0 6px 0 var(--sun-deep);border-radius:16px;padding:11px 15px;font-size:15px;font-weight:700;line-height:1.35;position:fixed}.hand{filter:drop-shadow(0 3px 2px #0008);margin:-4px 0 0 -14px;font-size:40px;position:fixed;top:0;left:0}.aha{z-index:75;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:#050b1ecc;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.aha-card{width:min(480px,100%);color:var(--ink);background:#fff;border-radius:28px;gap:12px;padding:20px 20px 18px;display:grid;box-shadow:0 0 0 6px #ffd44766,0 30px 80px #0009}.aha-eye{background:var(--sun);color:var(--ink);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;justify-self:start;padding:5px 12px;font-size:11px}.aha-card h2{font-family:var(--display);font-size:clamp(24px,6vw,30px);font-weight:400;line-height:1.08}.aha-card p{font-size:16px;line-height:1.45}.aha-card p b{font-family:var(--display);letter-spacing:.02em;font-size:18px;font-weight:400}.eq{background:#f1f4ff;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 10px;display:flex}.eq .snack.mini{--size:40px}.eq .arrow{font-family:var(--display);color:var(--muted);font-size:24px}.eq .note{text-align:center;font-size:14px;font-weight:700;line-height:1.3}.eq .note.big{font-size:34px}.eq .score{font-family:var(--display);font-size:30px;font-weight:400;display:block}.eq .rchip{background:var(--ink)}.fact{background:var(--ink);color:#fff;border-radius:16px;gap:3px;padding:11px 14px;display:grid}.fact span{font-family:var(--mono);letter-spacing:.14em;color:var(--sun);font-size:10px}.fact b{font-family:var(--display);letter-spacing:.02em;font-size:19px;font-weight:400;line-height:1.2}.aha-actions{align-items:center;gap:10px;display:flex}.aha-actions .btn{flex:1}.aha-actions .tool{background:#f1f4ff;border-color:#d5dcf3;min-width:54px;height:54px}.tool.facts{font-family:var(--mono);align-items:center;gap:4px;font-size:13px;display:flex}.because{background:#fff;border:2px solid #dfe5f7;border-radius:14px;padding:10px 13px;font-size:15px;line-height:1.45}.because b{font-family:var(--display);letter-spacing:.03em;font-size:17px;font-weight:400}.because em{color:#c4502f;font-style:normal;font-weight:700}.because .ok{color:#15734b;font-weight:700}.factlist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.factlist li{background:#fff8d6;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.factlist li.locked{color:#8a94b5;background:#eef1fa}.factlist li.locked i{filter:grayscale();opacity:.5}.factlist i{font-style:normal}.seen{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.seen span{color:var(--ink);background:#eef1fa;border-radius:99px;padding:4px 10px;font-weight:600}.story{z-index:80;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:#050b1ee6;place-items:center;display:grid;position:fixed;inset:0}.card{color:#fff;background:var(--cbg);border-radius:30px;flex-direction:column;width:min(430px,100%);height:min(660px,100%);padding:16px 22px 22px;transition:background .3s;display:flex;position:relative;overflow:hidden}.bars{gap:5px;display:flex}.bars i{background:#fff5;border-radius:3px;flex:1;height:5px;overflow:hidden}.bars i b{background:#fff;width:0;height:100%;display:block}.bars i.done b{width:100%}.card .skip{color:inherit;opacity:.8;background:0 0;border:0;min-height:44px;padding:0 8px;font-size:13px;font-weight:600;position:absolute;top:28px;right:16px}.card .art{flex:1;place-items:center;min-height:0;display:grid}.card h1{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;font-size:clamp(30px,8vw,40px);font-weight:400;line-height:1.02}.card .sub{opacity:.85;margin-top:8px;font-size:16px}.card .next{align-self:stretch;margin-top:18px}.chips{gap:8px;margin-top:14px;display:grid}.chip{color:var(--ink);background:#ffffff8c;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.chip em{font-style:normal;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-width:70px;font-size:10px}.mini-byte{transform:scale(1.15)}.mini-byte .bot{animation:none}@media (width<=560px){.byte{--bs:.78}.readout{width:auto;left:12px}.brand{flex-direction:column;gap:2px}.brand span{font-size:9px}.card .art{transform:scale(.85)}.say{max-width:calc(72% - 70px);font-size:14px;left:calc(28% + 58px)}.porthole{border-width:6px;width:80px;height:80px;left:60%}.porthole:before{width:30px;height:30px;top:20px;left:18px}.porthole:after{width:56px;top:28px;left:5px}.bin{width:74px;height:90px}.tile{width:76px;height:76px}.tile .snack{--size:54px}.snack{--size:70px}.btn{padding:10px 16px;font-size:18px}}@media (width>=900px) and (height>=720px){.byte{--bs:1.12}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.confetti{pointer-events:none;z-index:90;width:100%;height:100%;position:fixed;inset:0}.tool.back{white-space:nowrap;padding:0 14px;font-size:15px;font-weight:700}.card .skip.back{left:12px;right:auto}.view{min-height:100%}.starfield,.intro-wrap,.home-hero{background:radial-gradient(2px 2px at 12% 22%,#fff9,transparent 60%),radial-gradient(1.5px 1.5px at 33% 12%,#fff8,transparent 60%), radial-gradient(2px 2px at 71% 30%,#fffa,transparent 60%),radial-gradient(1.5px 1.5px at 88% 14%,#fff7,transparent 60%), radial-gradient(1.5px 1.5px at 52% 40%,#fff6,transparent 60%),radial-gradient(2px 2px at 6% 55%,#fff7,transparent 60%), radial-gradient(1.5px 1.5px at 94% 52%,#fff6,transparent 60%),radial-gradient(2px 2px at 22% 80%,#fff8,transparent 60%), radial-gradient(1.5px 1.5px at 64% 88%,#fff7,transparent 60%), radial-gradient(ellipse at 50% 120%,#2f5c9a 0,transparent 65%), linear-gradient(#0f2041,var(--night-2))}.planet{--h:330;background:radial-gradient(circle at 34% 30%,hsl(var(--h) 90% 82%),hsl(var(--h) 75% 58%) 50%,hsl(var(--h) 60% 32%) 100%);border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 0 0 4px #ffffff14,0 6px 18px #0006}.planet:after{content:"";border:3px solid hsl(var(--h) 90% 85% / .7);border-radius:50%;position:absolute;inset:22px -10px;transform:rotate(-18deg)}.planet b{font-family:var(--display);color:#fff;text-shadow:0 2px #0005;z-index:1;font-size:24px;font-weight:400;position:relative}.intro-wrap{border-radius:30px;grid-template-columns:1fr;align-items:center;gap:22px;max-width:1000px;min-height:calc(100vh - 24px);margin:12px auto;padding:28px 22px 18px;display:grid;position:relative;overflow:hidden}@media (width>=860px){.intro-wrap{grid-template-columns:1.1fr 1fr;padding:40px}}.intro-hero{text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.intro-planet{opacity:.9;background:radial-gradient(circle at 35% 30%,#ffd9a0,#ff8a5c 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:-10px;right:6%}.intro-planet:after{content:"";border:5px solid #ffd9a0aa;border-radius:50%;width:190px;height:40px;position:absolute;top:36px;left:-40px;transform:rotate(-18deg)}.intro-byte{transform-origin:50% 100%;margin:40px 0 18px;transform:scale(1.25)}.intro-title{font-family:var(--display);letter-spacing:.08em;color:var(--sun);text-shadow:0 6px 0 var(--sun-deep),0 0 40px #ffd44755;font-size:clamp(56px,11vw,96px);font-weight:400;line-height:1}.intro-tag{color:#d9e3ff;max-width:380px;font-size:17px;line-height:1.45}.intro-card{background:var(--hull);color:var(--ink);border-radius:26px;gap:12px;padding:18px 20px 22px;display:grid;position:relative;box-shadow:0 20px 60px #0007}.intro-card h2{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.1}.seg{background:#e4e9f8;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.seg-b{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;font-size:14px;font-weight:700}.seg-b[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 3px #c9d1ee}#authForm{gap:8px;display:grid}.fld{gap:6px;font-size:14px;font-weight:700;display:grid}.fld input{font:inherit;min-height:52px;color:var(--ink);background:#fff;border:3px solid #d5dcf3;border-radius:14px;width:100%;padding:8px 14px;font-size:18px;font-weight:600}.fld input:focus-visible{outline:4px solid var(--sun);outline-offset:1px;border-color:var(--sun-deep)}.pw{gap:8px;display:flex}.pw input{flex:1}.pw .tool{background:#f1f4ff;border-color:#d5dcf3;height:52px}.help{color:var(--muted);margin-top:-2px;font-size:13px}.auth-err{color:#9b3d1f;background:#fff0e8;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}#authGo{margin-top:6px}.intro-wrap>.foot{grid-column:1/-1}.home-wrap{gap:14px;max-width:1000px;margin:0 auto;padding-block:10px 18px;display:grid}.home-wrap .top .brand b{color:var(--sun)}.cadet{background:#ffffff12;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:700}.home-hero{border-radius:28px;grid-template-columns:minmax(200px,260px) 1fr;align-items:center;gap:22px;padding:22px;display:grid;position:relative;overflow:hidden}.home-left{justify-items:center;gap:14px;display:grid}.home-byte{justify-self:center}.say.home-say{border-radius:18px;max-width:260px;position:relative;top:auto;left:auto}.say.home-say:after{border:8px solid #0000;border-top-color:#fff;margin-left:-8px;bottom:-14px;left:50%}.next-card{background:var(--hull);color:var(--ink);border-radius:24px;gap:10px;padding:16px 18px;display:grid;box-shadow:0 14px 40px #0006}.next-row{align-items:center;gap:14px;display:flex}.next-row h2{font-family:var(--display);font-size:clamp(22px,3vw,28px);font-weight:400;line-height:1.1}.next-row p{color:var(--muted);margin-top:3px;font-size:14px}.next-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sdots{gap:5px;display:flex}.sdots i{background:#d5dcf3;border-radius:4px;width:22px;height:8px}.sdots i.ok{background:var(--good)}.sdots i.cur{background:var(--sun-deep)}.next-card .p-actions{justify-content:flex-end}.next-card .p-actions .btn{margin-left:0}.deck-title{font-family:var(--display);letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:6px;font-size:24px;font-weight:400;display:flex}.deck-title .count{color:#8fa3d6;font-size:12px}.missions{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mission{background:#ffffff0d;border:2px solid #ffffff18;border-radius:22px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.mission .m-body{flex:1;gap:3px;min-width:150px;display:grid}.m-n{font-family:var(--mono);letter-spacing:.14em;color:#8fa3d6;font-size:10px}.mission h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:20px;font-weight:400}.mission p{color:#b7c3e6;margin:0;font-size:13px;line-height:1.35}.m-status{color:var(--sun);font-size:12px;font-weight:700}.mission.done .m-status{color:var(--good)}.mission.soon{opacity:.55}.mission.soon .planet{filter:grayscale(.7)}.mission.soon .m-status{color:#8fa3d6}.mission .btn{min-height:48px;padding:8px 16px;font-size:17px}.mission.new,.mission.progress{background:#ffd4470f;border-color:#ffd44766}@media (width<=640px){.home-hero{grid-template-columns:1fr;padding:16px}.missions{grid-template-columns:1fr}}.save-status{color:#9fb0d8;font-weight:700}.save-status.offline,.save-status.signed_out{color:var(--bad)}.badge .btn.alt{margin-left:0}.badge-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}