:root{--bg: #07070d;--bg-2: #0c0c17;--surface: #11111d;--surface-2: #181829;--glass: rgba(255, 255, 255, .035);--glass-2: rgba(255, 255, 255, .06);--ink: #eeeef7;--ink-soft: #9c9cb8;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--grape: #8b7bff;--mint: #2ee6c5;--coral: #ff5c7a;--sun: #ffc35c;--sky: #4cc9ff;--good: #34e39a;--good-bg: rgba(52, 227, 154, .12);--bad: #ff5c7a;--bad-bg: rgba(255, 92, 122, .12);--tip-bg: rgba(255, 195, 92, .1);--grad: linear-gradient(120deg, #a78bff 0%, #6f8bff 35%, #4cc9ff 65%, #2ee6c5 100%);--grad-warm: linear-gradient(120deg, #ff5c7a, #ffc35c);--glow: 1;--radius: 20px;--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 20px 50px -20px rgba(0, 0, 0, .7);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--mono-font: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text: 1rem;--speed: 1;color-scheme:dark}:root[data-theme=light]{--bg: #f5f5fa;--bg-2: #ecebf5;--surface: #ffffff;--surface-2: #f1f0fa;--glass: rgba(255, 255, 255, .7);--glass-2: rgba(255, 255, 255, .9);--ink: #0e0e1c;--ink-soft: #5c5c78;--line: rgba(14, 14, 28, .09);--line-strong: rgba(14, 14, 28, .18);--grape: #6d4dff;--mint: #0bb39a;--coral: #e8365b;--sun: #d98a00;--sky: #1492d6;--good: #10a765;--good-bg: #e3f7ee;--bad: #e03457;--bad-bg: #fde8ed;--tip-bg: #fff4dc;--grad: linear-gradient(120deg, #7c4dff 0%, #4f6bff 40%, #1492d6 70%, #0bb39a 100%);--shadow: 0 1px 2px rgba(14, 14, 28, .04), 0 16px 40px -18px rgba(40, 30, 90, .25);color-scheme:light}.stage{--bg: #07070d;--surface: #11111d;--surface-2: #181829;--glass: rgba(255,255,255,.035);--glass-2: rgba(255,255,255,.06);--ink: #eeeef7;--ink-soft: #a3a3bf;--line: rgba(255,255,255,.09);--line-strong: rgba(255,255,255,.16);--grape: #8b7bff;--mint: #2ee6c5;--coral: #ff5c7a;--sun: #ffc35c;--sky: #4cc9ff;--grad: linear-gradient(120deg, #a78bff 0%, #6f8bff 35%, #4cc9ff 65%, #2ee6c5 100%);color:var(--ink);color-scheme:dark}:root[data-calm=true]{--grape: #9189c9;--mint: #6fb5aa;--coral: #c98a96;--sun: #c9a970;--sky: #7fa9c7;--grad: linear-gradient(120deg, #9189c9, #7fa9c7);--glow: 0}:root[data-big=true]{--text: 1.15rem}:root[data-motion=off]{--speed: 0}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*{box-sizing:border-box}html{font-size:var(--text)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 500px at 12% -10%,color-mix(in srgb,var(--grape) calc(22% * var(--glow)),transparent),transparent 70%),radial-gradient(800px 500px at 100% 10%,color-mix(in srgb,var(--sky) calc(16% * var(--glow)),transparent),transparent 70%),radial-gradient(700px 500px at 50% 110%,color-mix(in srgb,var(--mint) calc(10% * var(--glow)),transparent),transparent 70%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);opacity:.5}button{font:inherit;color:inherit}a{color:var(--grape)}::selection{background:color-mix(in srgb,var(--grape) 40%,transparent)}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:10px}.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}@media(max-width:480px){.wrap{padding-inline:16px}}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0 0 10px;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.035em}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:0 0 12px}.muted{color:var(--ink-soft)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(10px);font-size:.82rem;font-weight:600;color:var(--ink-soft)}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:blink calc(2s * var(--speed)) infinite}@keyframes blink{50%{opacity:.35}}.kicker{font-family:var(--mono-font);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grape)}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;gap:10px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em}.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-mark{width:32px;height:32px;filter:drop-shadow(0 0 calc(10px * var(--glow)) color-mix(in srgb,var(--grape) 60%,transparent))}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;min-height:34px;background:var(--glass);border:1px solid var(--line);font-weight:600;font-size:.85rem;white-space:nowrap;font-variant-numeric:tabular-nums}.pill svg{width:15px;height:15px}.pill .flame{color:var(--coral)}.pill .bolt{color:var(--sun)}.icon-btn{display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--glass);border-radius:12px;color:var(--ink);width:40px;height:40px;cursor:pointer;font-size:1rem;transition:border-color calc(.15s * var(--speed)),background calc(.15s * var(--speed))}.icon-btn:hover{border-color:var(--line-strong);background:var(--glass-2)}.icon-btn svg{width:18px;height:18px}.nav-links{display:flex;gap:2px;margin-left:12px}.nav-links a{text-decoration:none;color:var(--ink-soft);font-weight:500;font-size:.93rem;padding:8px 12px;border-radius:10px;white-space:nowrap;transition:color calc(.15s * var(--speed)),background calc(.15s * var(--speed))}.nav-links a.active,.nav-links a:hover{color:var(--ink);background:var(--glass-2)}@media(max-width:900px){.nav-links a{padding:8px}}@media(max-width:820px){.nav-links{display:none}}@media(max-width:640px){.hide-sm{display:none}}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;border:0;cursor:pointer;font-weight:650;font-size:.98rem;text-decoration:none;letter-spacing:-.005em;color:#fff;background:var(--grad);background-size:160% 100%;background-position:0% 0;box-shadow:0 1px #ffffff40 inset,0 10px 30px -10px color-mix(in srgb,var(--grape) calc(90% * var(--glow)),transparent);transition:transform calc(.12s * var(--speed)),background-position calc(.4s * var(--speed)),box-shadow calc(.2s * var(--speed))}.btn:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transition:transform calc(.7s * var(--speed))}.btn:hover:not(:disabled){background-position:100% 0;box-shadow:0 1px #ffffff40 inset,0 14px 40px -10px color-mix(in srgb,var(--sky) calc(90% * var(--glow)),transparent)}.btn:hover:not(:disabled):after{transform:translate(120%)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.mint{background:linear-gradient(120deg,var(--mint),var(--sky));box-shadow:0 10px 30px -12px color-mix(in srgb,var(--mint) calc(90% * var(--glow)),transparent);color:#04201b}.btn.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none;backdrop-filter:blur(10px)}.btn.ghost:hover:not(:disabled){background:var(--glass-2);border-color:color-mix(in srgb,var(--grape) 60%,var(--line-strong));box-shadow:none}.btn.ghost:after{display:none}.btn.small{min-height:38px;padding:0 14px;font-size:.88rem;border-radius:11px}.btn.big{min-height:56px;padding:0 28px;font-size:1.05rem;border-radius:16px}.card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface) 72%,transparent));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;backdrop-filter:blur(14px)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--grape) calc(12% * var(--glow)),transparent),transparent 60%);transition:opacity calc(.25s * var(--speed))}.card:hover:before{opacity:1}.card>*{position:relative}.glow-border{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--grape) 70%,transparent),var(--line) 40%,var(--line) 60%,color-mix(in srgb,var(--mint) 60%,transparent)) border-box}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700;background:color-mix(in srgb,var(--grape) 14%,transparent);color:color-mix(in srgb,var(--grape) 80%,var(--ink));letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--grape) 25%,transparent)}.big-emoji{font-size:1.7rem;line-height:1;display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em;background:linear-gradient(160deg,var(--glass-2),transparent),var(--surface-2);border:1px solid var(--line-strong);box-shadow:0 8px 24px -12px color-mix(in srgb,var(--grape) calc(80% * var(--glow)),transparent)}.bar{height:8px;background:var(--glass-2);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent-grad, var(--grad));border-radius:999px;transition:width calc(.5s * var(--speed));box-shadow:0 0 12px color-mix(in srgb,var(--accent, var(--grape)) calc(70% * var(--glow)),transparent)}.hero-x{position:relative;margin-inline:calc(50% - 50vw);padding:72px 0 40px;overflow:hidden;background:radial-gradient(1200px 600px at 70% 0%,rgba(111,139,255,.18),transparent 60%),#07070d;border-bottom:1px solid var(--line)}.hero-x canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-x:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#07070d);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-x{padding-top:48px}}.hero-x h1{margin:18px 0 16px}.hero-x .lead{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--ink-soft);max-width:34ch;margin-bottom:26px}.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:28px;margin-top:34px;justify-content:start}.hero-stats b{display:block;font-family:var(--display);font-size:1.7rem;line-height:1}.hero-stats span{font-size:.8rem;color:var(--ink-soft)}@media(max-width:520px){.hero-stats{grid-template-columns:repeat(2,auto);gap:18px 32px}}.console{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(180deg,#181829eb,#0c0c17f0);box-shadow:0 40px 120px -30px rgba(111,139,255,calc(.55 * var(--glow))),0 0 0 1px #ffffff08 inset;transform:perspective(1400px) rotateY(-9deg) rotateX(4deg);transition:transform calc(.6s * var(--speed)) cubic-bezier(.2,.8,.2,1)}.console:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}@media(max-width:900px){.console{transform:none}}.console-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);font-family:var(--mono-font);font-size:.75rem;color:var(--ink-soft)}.console-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.console-bar i:nth-child(2){background:#febc2e}.console-bar i:nth-child(3){background:#28c840;margin-right:8px}.console-bar .live{margin-left:auto;color:var(--mint);display:inline-flex;gap:6px;align-items:center}.console-bar .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:blink calc(1.6s * var(--speed)) infinite}.console svg{display:block;width:100%;height:auto}.console-log{font-family:var(--mono-font);font-size:.78rem;padding:12px 16px 16px;border-top:1px solid var(--line);min-height:128px;display:grid;align-content:start;gap:3px}.console-log div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fade-in calc(.3s * var(--speed)) both}.console-log .p{color:var(--mint)}.console-log .k{color:var(--grape)}.console-log .c{display:inline-block;width:8px;height:1em;background:var(--ink-soft);vertical-align:-2px;animation:blink calc(1s * var(--speed)) steps(1) infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.marquee{position:relative;overflow:hidden;margin-inline:calc(50% - 50vw);padding:18px 0;border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:40px;width:max-content;animation:marquee calc(45s * var(--speed) + 1ms) linear infinite}.marquee-track span{font-family:var(--display);font-size:1.05rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;display:inline-flex;gap:40px;align-items:center}.marquee-track span:after{content:"◆";font-size:.6rem;color:var(--grape)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:80px 0}.section-head{max-width:640px;margin-bottom:36px}.section-head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:10px 0 12px}.section-head p{color:var(--ink-soft);font-size:1.08rem}.section-head.center{margin-inline:auto;text-align:center}.showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}@media(max-width:900px){.showcase{grid-template-columns:1fr}}.showcase-frame{padding:10px;border-radius:24px}.check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;align-items:flex-start}.check-list li:before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:7px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 16px no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.bento>*{grid-column:span 2;min-height:250px;display:flex;flex-direction:column;overflow:hidden}.bento .w3{grid-column:span 3}.bento .w4{grid-column:span 4}@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bento>*,.bento .w3,.bento .w4{grid-column:span 1}.bento .w4{grid-column:span 2}}@media(max-width:600px){.bento{grid-template-columns:1fr}.bento>*,.bento .w4{grid-column:span 1}}.bento h3{font-size:1.25rem;margin-top:4px}.bento p{color:var(--ink-soft);margin:0}.bento .visual{margin-top:auto;padding-top:18px}.tile-link{text-decoration:none;color:inherit;transition:transform calc(.2s * var(--speed)),border-color calc(.2s * var(--speed))}.tile-link:hover{transform:translateY(-3px);border-color:var(--line-strong)}.depth-demo{display:grid;gap:8px}.depth-demo div{display:flex;gap:10px;align-items:baseline;padding:10px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--line);font-size:.88rem}.depth-demo b{flex:none;font-size:.78rem;min-width:5.5em}.fan{position:relative;height:120px}.fan span{position:absolute;left:50%;bottom:0;width:120px;height:100px;margin-left:-60px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface-2);display:grid;place-items:center;font-family:var(--mono-font);font-weight:700;font-size:.9rem;transform-origin:50% 120%;box-shadow:var(--shadow);transition:transform calc(.4s * var(--speed))}.fan span:nth-child(1){transform:rotate(-16deg) translate(-24px);color:var(--ink-soft)}.fan span:nth-child(2){transform:rotate(-4deg);color:var(--sky)}.fan span:nth-child(3){transform:rotate(10deg) translate(24px);background:var(--grad);color:#fff}.tile-link:hover .fan span:nth-child(1){transform:rotate(-24deg) translate(-40px)}.tile-link:hover .fan span:nth-child(3){transform:rotate(18deg) translate(40px)}.eq{display:flex;align-items:flex-end;gap:6px;height:90px}.eq i{flex:1;border-radius:6px 6px 2px 2px;background:var(--grad);opacity:.85;animation:eq calc(1.8s * var(--speed)) ease-in-out infinite alternate}@keyframes eq{0%{transform:scaleY(.35)}}.eq i{transform-origin:bottom}.mini-toggles{display:grid;gap:8px}.mini-toggles div{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--line);font-size:.88rem;font-weight:600}.mini-toggles i{width:34px;height:20px;border-radius:99px;background:var(--grad);position:relative}.mini-toggles i:after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff}.mini-toggles i.off{background:var(--line-strong)}.mini-toggles i.off:after{right:auto;left:3px}.track-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:820px){.track-duo{grid-template-columns:1fr}}.track-big{text-decoration:none;color:inherit;display:grid;gap:14px;padding:28px;overflow:hidden;transition:transform calc(.2s * var(--speed))}.track-big:hover{transform:translateY(-3px)}.track-big .orb{position:absolute;width:260px;height:260px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) calc(45% * var(--glow)),transparent),transparent 70%);pointer-events:none}.stations{list-style:none;margin:4px 0;padding:0;display:grid;gap:2px}.stations li{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:.92rem;color:var(--ink-soft)}.stations li i{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--line-strong);position:relative}.stations li+li i:before{content:"";position:absolute;left:2px;bottom:10px;width:2px;height:22px;background:var(--line)}.stations li.done{color:var(--ink)}.stations li.done i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.stations li.more{font-style:italic}.journey3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:j}@media(max-width:760px){.journey3{grid-template-columns:1fr}}.journey3 .card{padding-top:64px}.journey3 .card:after{counter-increment:j;content:"0" counter(j);position:absolute;top:18px;left:24px;font-family:var(--mono-font);font-weight:700;font-size:.9rem;color:var(--grape)}.cta-band{position:relative;margin:90px 0 30px;padding:56px 28px;text-align:center;border-radius:28px;overflow:hidden}.cta-band:after{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--grape) calc(40% * var(--glow)),transparent),transparent);z-index:0;pointer-events:none}.cta-band>*{position:relative;z-index:1}.cta-band h2{font-size:clamp(1.8rem,4vw,2.8rem)}.welcome{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:-28px;position:relative;z-index:2}@media(max-width:700px){.welcome{grid-template-columns:1fr}}.welcome-stats{display:flex;gap:10px;flex-wrap:wrap}.track-hero{padding:48px 0 12px;text-align:center}.track-hero h1{font-size:clamp(2rem,5vw,3.2rem)}.map{position:relative;display:grid;gap:18px;padding:24px 0 80px;max-width:940px;margin:0 auto}.map:before{content:"";position:absolute;top:24px;bottom:80px;left:50%;width:2px;transform:translate(-1px);background:linear-gradient(var(--line-strong),var(--line) 90%,transparent)}.map>li.done:not(:last-child):after{content:"";position:absolute;left:50%;top:50%;width:2px;height:calc(100% + 18px);transform:translate(-1px);background:var(--accent-grad, var(--grad));box-shadow:0 0 14px var(--accent)}.map>li{position:relative;display:grid!important;grid-template-columns:1fr 1fr}.map>li:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--bg);border:2px solid var(--line-strong);z-index:1}.map>li.done:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent)}.map>li.now:before{border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent);animation:ping calc(1.8s * var(--speed)) infinite}@keyframes ping{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}}.map>li>.node{grid-column:1;margin-right:36px}.map>li.right>.node{grid-column:2;margin-right:0;margin-left:36px}.map>li.unit-head{grid-template-columns:1fr;justify-items:center;padding-block:18px 6px;z-index:1}.map>li.unit-head:before{display:none}.unit-card{display:grid;gap:4px;justify-items:center;text-align:center;max-width:520px;padding:18px 26px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.unit-card strong{font-family:var(--display);font-size:1.45rem;letter-spacing:-.02em}.unit-card .muted{font-size:.92rem}.unit-meta{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:.82rem;color:var(--ink-soft)}.unit-head.here .unit-card{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 20px 50px -24px var(--accent)}.here-tag{padding:2px 10px;border-radius:99px;background:var(--accent-grad, var(--grad));color:#fff;font-weight:700}@media(max-width:720px){.map:before,.map>li.done:not(:last-child):after{left:18px}.map>li{grid-template-columns:1fr}.map>li:before{left:18px}.map>li>.node,.map>li.right>.node{grid-column:1;margin:0 0 0 44px}.map>li.unit-head{justify-items:stretch;margin-left:44px}.unit-card{justify-items:start;text-align:left;max-width:none}}.node{position:relative;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(12px);overflow:hidden;transition:transform calc(.2s * var(--speed)),border-color calc(.2s * var(--speed))}a.node:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.node .num{position:absolute;right:14px;top:8px;font-family:var(--mono-font);font-weight:700;font-size:1.9rem;line-height:1;color:var(--line-strong);letter-spacing:-.04em}.node .badge{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 35%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) calc(90% * var(--glow)),transparent)}.node.locked{opacity:.5;cursor:not-allowed}.node.locked .badge{background:var(--glass-2);border-color:var(--line);box-shadow:none;filter:grayscale(1)}.node.current{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 20px 50px -20px color-mix(in srgb,var(--accent) calc(70% * var(--glow)),transparent)}.node .meta{flex:1;min-width:0;display:grid;gap:4px}.node .meta strong{display:block;font-family:var(--display);font-size:1.12rem;padding-right:44px;line-height:1.25}.node-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.node-tags .stars{margin-left:auto;font-size:.95rem}.node .meta .muted{font-size:.86rem}.stars{color:var(--sun);letter-spacing:2px;white-space:nowrap;text-shadow:0 0 calc(10px * var(--glow)) color-mix(in srgb,var(--sun) 70%,transparent)}.stars .off{color:var(--line-strong);text-shadow:none}.player{max-width:760px;margin:0 auto;padding-block:24px 64px}.player-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.player-head .bar{flex:1}.lesson-card{min-height:300px;display:grid;align-content:start;gap:14px;padding:28px}.lesson-card .big-emoji{font-size:2rem}.lesson-card h2{font-size:clamp(1.5rem,3.5vw,2rem)}.lesson-card p{font-size:1.12rem;line-height:1.7}.tip{background:var(--tip-bg);border:1px solid color-mix(in srgb,var(--sun) 30%,transparent);border-radius:14px;padding:12px 16px;font-weight:500}.tip:before{content:"Exam tip · ";font-weight:800;color:var(--sun);font-family:var(--mono-font);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.tip.hint:before{content:"Hint · "}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:22px;height:4px;border-radius:99px;background:var(--line-strong);transition:background calc(.2s * var(--speed))}.dots i.on{background:var(--grad)}.options{display:grid;gap:10px}.option{text-align:left;padding:15px 18px;border-radius:14px;cursor:pointer;min-height:54px;background:var(--glass);border:1px solid var(--line);font-weight:500;color:var(--ink);transition:border-color calc(.15s * var(--speed)),background calc(.15s * var(--speed)),transform calc(.15s * var(--speed))}.option:hover:not(:disabled){border-color:color-mix(in srgb,var(--grape) 70%,transparent);background:color-mix(in srgb,var(--grape) 8%,var(--glass));transform:translate(3px)}.option.right{background:var(--good-bg);border-color:var(--good);box-shadow:0 0 0 1px var(--good) inset}.option.wrong{background:var(--bad-bg);border-color:var(--bad)}.option.picked{border-color:var(--grape);background:color-mix(in srgb,var(--grape) 12%,var(--glass))}.option:disabled{cursor:default}.feedback{border-radius:14px;padding:14px 18px;font-weight:500;border:1px solid transparent}.feedback.good{background:var(--good-bg);border-color:color-mix(in srgb,var(--good) 35%,transparent)}.feedback.bad{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}.feedback strong{display:block;font-size:1.05rem;font-family:var(--display)}.tray{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}.token{padding:10px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--glass);color:var(--ink);font-weight:600;cursor:pointer;min-height:44px;transition:transform calc(.12s * var(--speed)),border-color calc(.12s * var(--speed))}.token:hover{border-color:color-mix(in srgb,var(--grape) 60%,transparent)}.token.sel{border-color:var(--grape);background:color-mix(in srgb,var(--grape) 16%,var(--glass));transform:translateY(-2px);box-shadow:0 8px 20px -10px var(--grape)}.token.placed{cursor:default;background:var(--good-bg);border-color:color-mix(in srgb,var(--good) 50%,transparent);font-size:.85rem;padding:6px 10px;min-height:0}.buckets{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bucket{border:1px dashed var(--line-strong);border-radius:14px;padding:12px;min-height:90px;cursor:pointer;text-align:left;color:var(--ink);background:var(--glass);display:grid;align-content:start;gap:6px}.bucket.ready{border-color:var(--grape);border-style:solid;background:color-mix(in srgb,var(--grape) 6%,var(--glass))}.bucket .bucket-name{font-weight:700}.bucket .bucket-items{display:flex;flex-wrap:wrap;gap:4px}.shake{animation:shake calc(.3s * var(--speed))}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pop{animation:pop calc(.3s * var(--speed)) cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{transform:scale(.97);opacity:.6}60%{transform:scale(1.02)}}.bits{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.bit{aspect-ratio:1;border-radius:12px;border:1px solid var(--line-strong);background:var(--glass);cursor:pointer;color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:1.3rem;padding:0;font-family:var(--mono-font);transition:all calc(.15s * var(--speed))}.bit small{display:block;font-size:.66rem;color:var(--ink-soft);font-weight:700}.bit.on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px color-mix(in srgb,var(--grape) calc(90% * var(--glow)),transparent)}.bit.on small{color:#fffc}.target{font-family:var(--display);font-size:3rem;font-weight:700;text-align:center;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.field{display:grid;gap:6px}.field label{font-weight:600}.input{font:inherit;font-size:1.15rem;font-weight:600;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--glass);color:var(--ink);width:100%;font-variant-numeric:tabular-nums}.input:focus{border-color:var(--grape);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--grape) 20%,transparent)}.mono{font-family:var(--mono-font);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table.rt{width:100%;border-collapse:collapse;font-size:.93rem}.rt th{text-align:left;padding:10px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);border-bottom:1px solid var(--line-strong)}.rt td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.rt tbody tr{cursor:pointer;transition:background calc(.15s * var(--speed))}.rt tbody tr:hover{background:var(--glass-2)}.rt tr.right{background:var(--good-bg)}.rt tr.wrong{background:var(--bad-bg)}.builder{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:720px){.builder{grid-template-columns:1fr}}.control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.control:last-child{border-bottom:0}.control .name{font-weight:600}.control .name small{display:block;font-weight:400;color:var(--ink-soft);font-size:.8rem}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-strong);background:var(--glass);cursor:pointer;font-weight:700;color:var(--ink)}.stepper button:hover{border-color:var(--grape)}.stepper output{min-width:2ch;text-align:center;font-weight:700;font-family:var(--mono-font)}.toggle{width:50px;height:28px;border-radius:999px;border:1px solid var(--line-strong);background:var(--glass-2);position:relative;cursor:pointer;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left calc(.18s * var(--speed));box-shadow:0 2px 6px #0000004d}.toggle[aria-pressed=true]{background:var(--grad);border-color:transparent}.toggle[aria-pressed=true]:after{left:25px}.meter{display:grid;gap:4px}.meter .row{justify-content:space-between;font-size:.88rem;font-weight:600}.meter .bar{--accent: var(--mint);--accent-grad: linear-gradient(90deg, var(--mint), var(--sky))}.meter.over .bar{--accent: var(--coral);--accent-grad: var(--grad-warm)}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.stat b{display:block;font-size:1.3rem;font-family:var(--display)}.stat.ok b{color:var(--good)}.stat.no b{color:var(--bad)}.result{text-align:center;display:grid;gap:14px;justify-items:center;padding-block:36px}.result .stars{font-size:3rem}.result h2{font-size:2rem}.drawer-bg{position:fixed;inset:0;background:#04040a99;backdrop-filter:blur(4px);z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(380px,100%);z-index:21;background:var(--bg-2);border-left:1px solid var(--line);padding:calc(22px + env(safe-area-inset-top,0px)) 22px 22px;overflow-y:auto;box-shadow:-30px 0 80px #0006;display:grid;align-content:start;gap:16px}.seg{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;border:0;background:transparent;padding:8px;border-radius:9px;cursor:pointer;font-weight:600;color:var(--ink-soft);transition:all calc(.15s * var(--speed))}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong),0 6px 16px -8px color-mix(in srgb,var(--grape) calc(80% * var(--glow)),transparent)}.focus-note{text-align:center;font-size:.82rem;color:var(--ink-soft);font-family:var(--mono-font)}footer{padding-block:40px;text-align:center;color:var(--ink-soft);font-size:.88rem;border-top:1px solid var(--line);margin-top:40px}.depth-seg button{white-space:nowrap}.depth-seg.compact{padding:3px}.depth-seg.compact button{padding:5px 9px;font-size:.8rem}@media(max-width:480px){.depth-seg.compact button{padding:5px 6px;font-size:.72rem}}.exam-words summary{cursor:pointer;font-weight:600;color:var(--grape)}.exam-words p{margin:8px 0 0;font-size:1rem!important;color:var(--ink-soft)}.deep{background:linear-gradient(120deg,color-mix(in srgb,var(--coral) 12%,transparent),color-mix(in srgb,var(--grape) 8%,transparent));border:1px solid color-mix(in srgb,var(--coral) 35%,transparent);border-radius:14px;padding:12px 16px}.deep strong{font-family:var(--mono-font);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--coral)}.deep p{margin:4px 0 0;font-size:1rem!important}.quiz-meta:empty{display:none}.combo{font-weight:700;font-family:var(--mono-font);font-size:.85rem;padding:4px 12px;border-radius:99px;background:var(--grad-warm);color:#1a0710}.pill.slow{color:var(--bad);border-color:var(--bad)}.option.hidden-opt{opacity:.25;text-decoration:line-through}.due-pill{text-decoration:none;color:var(--ink);border-color:var(--coral)}.lab-chip{background:color-mix(in srgb,var(--sky) 14%,transparent);color:color-mix(in srgb,var(--sky) 80%,var(--ink));border-color:color-mix(in srgb,var(--sky) 30%,transparent)}.lab{display:grid;gap:12px;margin-top:8px;padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--line);position:relative;overflow:hidden}.lab-goal{display:flex;gap:8px;align-items:flex-start;font-size:.93rem;background:var(--surface);border-radius:12px;padding:9px 12px;border:1px dashed var(--line-strong)}.lab-goal.won{border:1px solid var(--good);background:var(--good-bg);box-shadow:0 0 24px -8px var(--good)}.lab-caption{margin:0;font-weight:600;min-height:3em;font-size:.98rem!important}.lab-controls{display:flex;gap:8px;align-items:center;justify-content:center}.lab-count{font-weight:700;font-size:.85rem;min-width:3.5em;text-align:right}.lab-readout{display:flex;gap:12px;align-items:center;justify-content:center;font-size:1.2rem}.lab-svg{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 18px 18px,var(--surface)}.lab-split{display:grid;grid-template-columns:3fr 2fr;gap:12px;align-items:start}@media(max-width:560px){.lab-split{grid-template-columns:1fr}}.svg-label{font-size:10px;font-weight:600;fill:var(--ink-soft);font-family:var(--font)}.svg-label.strong{fill:var(--ink);font-weight:800}.svg-label.mono{font-family:var(--mono-font);font-size:9px}.wire{stroke:var(--line-strong);stroke-width:3;stroke-linecap:round;transition:stroke calc(.2s * var(--speed))}.wire.dashed{stroke-dasharray:3 7}.wire.lit{stroke:var(--sky);filter:drop-shadow(0 0 4px var(--sky))}.wire.hot{stroke:var(--coral);animation:throb calc(.4s * var(--speed)) infinite alternate}.wire.blocked{stroke-dasharray:6 6;opacity:.5}.wire.trunk{stroke-width:8;stroke:color-mix(in srgb,var(--grape) 45%,var(--line))}.wire.trunk.on{stroke:var(--grape)}@keyframes throb{to{stroke-width:7}}.zone{fill:color-mix(in srgb,var(--sky) 10%,transparent);stroke:var(--line);stroke-dasharray:4 4}.zone.alt{fill:color-mix(in srgb,var(--mint) 10%,transparent)}.dev rect{stroke:var(--line-strong);stroke-width:1;transition:transform calc(.15s * var(--speed))}.dev.click{cursor:pointer}.dev.click:hover rect,.dev.click:focus-visible rect{stroke:var(--grape);stroke-width:3}.dev:focus{outline:none}.dev.active rect{stroke:var(--sky);stroke-width:3;filter:drop-shadow(0 0 6px var(--sky))}.dev.dim{opacity:.45}.dev text{pointer-events:none}.pkt{transition-property:transform;transition-timing-function:cubic-bezier(.45,.05,.35,1);pointer-events:none}.storming{animation:shake calc(.3s * var(--speed)) infinite}.storm-meter{text-align:center;font-weight:800;color:var(--bad);font-size:1.1rem}.osi{display:grid;grid-template-columns:1fr 34px 1fr;gap:6px;align-items:stretch}.osi-stack{display:grid;gap:5px}.osi-title{font-weight:800;text-align:center;font-size:.9rem}.osi-layer{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:4px 6px;text-align:left;padding:6px 9px;min-height:66px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background calc(.2s * var(--speed)),border-color calc(.2s * var(--speed))}.osi-layer.on{border-color:var(--grape);background:color-mix(in srgb,var(--grape) 14%,var(--surface));box-shadow:0 0 22px -8px var(--grape)}.osi-n{font-weight:700;color:var(--grape);min-width:2em;font-family:var(--mono-font)}.osi-name{font-weight:700;font-size:.85rem;line-height:1.2}.osi-name small{display:block;color:var(--ink-soft);font-weight:600}.osi-wire{display:grid;place-items:center;border-radius:10px;background:repeating-linear-gradient(0deg,var(--line-strong) 0 6px,transparent 6px 12px);opacity:.6}.osi-wire span{visibility:hidden;font-size:1.3rem}.osi-wire.on{opacity:1;background:repeating-linear-gradient(0deg,var(--sun) 0 6px,transparent 6px 12px)}.osi-wire.on span{visibility:visible;animation:pop calc(.4s * var(--speed)) infinite}.env{display:inline-flex;flex-wrap:wrap;gap:2px;width:100%}.hdr{font-size:.68rem;padding:2px 5px;border-radius:5px;color:#fff;font-weight:800}.hdr-data{background:var(--sun);color:#2a1f00}.hdr-tcp{background:var(--mint)}.hdr-ip{background:var(--sky)}.hdr-mac,.hdr-fcs{background:var(--grape)}.bits-run{font-size:.75rem;font-weight:800;color:var(--grape)}@media(max-width:480px){.osi-name small{display:none}.osi-layer{padding:5px 6px}}.slider{width:100%;accent-color:var(--grape);height:28px}.slices{position:relative;display:flex;gap:2px;height:46px;margin-bottom:22px}.slice{flex:1;background:color-mix(in srgb,var(--grape) 28%,var(--surface));border:1px solid color-mix(in srgb,var(--grape) 35%,transparent);border-radius:5px;display:grid;place-items:center;font-size:.75rem;font-weight:800;transition:background calc(.2s * var(--speed));min-width:0}.slice.mine{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 20px -4px var(--sky)}.slice-marker{position:absolute;top:44px;transform:translate(-50%);color:var(--coral);font-weight:900;line-height:1;text-align:center;font-size:.9rem}.slice-marker small{display:block;font-size:.7rem}.stat small{display:block;color:var(--ink-soft);font-weight:700;font-size:.78rem}.stat b{word-break:break-word}.rt tr.match{background:color-mix(in srgb,var(--sun) 22%,transparent)}.rt tr.scan{outline:2px solid var(--grape);outline-offset:-2px}.mac-table{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.frame-inspector{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.frame-inspector div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 8px;min-width:0}.frame-inspector small{display:block;font-size:.68rem;color:var(--ink-soft);font-weight:800}.frame-inspector b{font-size:.8rem;word-break:break-all}@media(max-width:560px){.frame-inspector{grid-template-columns:repeat(2,1fr)}}.predict{display:grid;gap:10px;background:var(--surface);border-radius:14px;padding:14px;border:1px solid color-mix(in srgb,var(--sun) 55%,transparent);box-shadow:0 0 30px -14px var(--sun)}.seq{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;gap:6px;min-height:120px}.seq-head{display:flex;justify-content:space-between;font-weight:800;border-bottom:2px solid var(--line);padding-bottom:6px}.seq-row{display:flex}.seq-arrow{position:relative;width:100%;height:26px;display:flex;justify-content:center;align-items:flex-start}.seq-arrow:before{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;background:var(--grape);border-radius:2px}.seq-arrow:after{content:"";position:absolute;bottom:-1px;border:6px solid transparent}.seq-row.r .seq-arrow:after{right:-4px;border-left:10px solid var(--grape)}.seq-row.l .seq-arrow:after{left:-4px;border-right:10px solid var(--grape)}.seq-row.l .seq-arrow:before{background:var(--mint)}.seq-row.l .seq-arrow:after{border-right-color:var(--mint)}.seq-arrow b{font-size:.8rem;position:relative;top:-4px}.seq-row.lost .seq-arrow:before{right:45%;background:var(--bad)}.seq-row.lost .seq-arrow:after{content:"✗";border:0;right:40%;bottom:-6px;color:var(--bad);font-weight:900}.seq-row.timer .seq-arrow:before,.seq-row.timer .seq-arrow:after{display:none}.seq-row.timer b{color:var(--coral)}.acl{list-style:none;padding:0;margin:0;display:grid;gap:6px}.acl-rule{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:6px 8px 6px 12px;font-size:.85rem;transition:all calc(.15s * var(--speed))}.acl-rule.scan{border-color:var(--grape);transform:translate(4px)}.acl-rule.permit{border-color:var(--good);background:var(--good-bg)}.acl-rule.deny{border-color:var(--bad);background:var(--bad-bg)}.acl-rule.implicit{border-style:dashed;color:var(--ink-soft);min-height:44px}.acl-move{display:flex;gap:4px;flex:none}.acl-move .icon-btn{width:32px;height:32px;font-size:.9rem}.acl-move .icon-btn:disabled{opacity:.3}.v6{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.v6-group{font-family:var(--mono-font);font-weight:700;padding:6px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--line-strong);transition:all calc(.25s * var(--speed))}.v6-group.zero{border-color:var(--sun);background:color-mix(in srgb,var(--sun) 18%,var(--surface))}.v6-group.gone{opacity:.2;transform:scale(.8)}.token.right-token{background:var(--good-bg);border-color:var(--good)}.token.wrong-token{background:var(--bad-bg);border-color:var(--bad)}.lat{display:grid;gap:8px}.lat-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.88rem}.lat-name{font-weight:700}.lat-bar{height:10px;background:var(--glass-2);border-radius:999px;overflow:hidden}.lat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--sky),var(--grape),var(--coral));border-radius:999px;transition:width calc(.5s * var(--speed))}.lat-val{font-size:.82rem;min-width:7.5em;text-align:right}@media(max-width:520px){.lat-row{grid-template-columns:1fr auto}.lat-bar{grid-column:1 / -1;order:3}}.ttl-token{position:relative;overflow:hidden;font-size:.85rem}.ttl-token i{position:absolute;left:0;bottom:0;height:4px;background:var(--mint);transition:width .5s linear}.shards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:170px}.shard{position:relative;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;display:flex;align-items:flex-end}.shard.hot{border-color:var(--coral)}.shard-fill{position:absolute;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--mint) 45%,var(--surface));transition:height calc(.4s * var(--speed))}.shard.hot .shard-fill{background:color-mix(in srgb,var(--coral) 55%,var(--surface))}.shard-label{position:relative;width:100%;text-align:center;padding:6px 2px;font-weight:800;font-size:.8rem;display:grid}.shard-label small{color:var(--ink-soft);font-weight:700}.shard-label b{font-size:1.1rem}.q-flow{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center}.q-box{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:8px 10px;text-align:center;display:grid;font-size:1.3rem;min-width:84px}.q-box small{font-size:.7rem;color:var(--ink-soft);font-weight:700}.q-box b{font-size:.85rem}.q-box.hot{border-color:var(--bad);background:var(--bad-bg)}.q-arrow{font-weight:900;color:var(--ink-soft)}.q-lane{display:flex;flex-wrap:wrap;gap:3px;align-content:center;min-height:56px;padding:6px;border-radius:12px;border:1px dashed var(--grape);background:var(--surface)}.q-lane.off{border-color:var(--line-strong);justify-content:center;font-size:.8rem}.q-lane i{width:10px;height:14px;border-radius:3px;background:var(--grad)}@media(max-width:520px){.q-flow{grid-template-columns:1fr}.q-arrow{transform:rotate(90deg);justify-self:center}}.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chain-part{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 6px;display:grid;gap:4px;justify-items:center;text-align:center;font-size:.85rem}.chain-stack{display:flex;gap:4px;min-height:40px;align-items:center}.chain-box{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--mint) 30%,var(--surface));border:2px solid var(--mint)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.confetti.small{position:absolute}.confetti i{position:absolute;top:-12px;width:9px;height:13px;animation:fall 1.4s cubic-bezier(.2,.6,.4,1) forwards}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(var(--rot));opacity:.2}}.confetti.small i{animation-name:fall-small}@keyframes fall-small{to{transform:translate(var(--dx),420px) rotate(var(--rot));opacity:0}}:root[data-motion=off] .confetti{display:none}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.lab-card{position:relative;display:grid;gap:8px;align-content:start;text-decoration:none;color:inherit;padding:20px;transition:transform calc(.2s * var(--speed)),border-color calc(.2s * var(--speed))}.lab-card strong{font-family:var(--display);font-size:1.08rem}.lab-card .muted{font-size:.9rem}.lab-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.lab-card.cleared{border-color:color-mix(in srgb,var(--good) 45%,transparent)}.lab-check{position:absolute;top:12px;right:12px}.start-choice{display:flex;gap:18px;align-items:center;text-align:left;cursor:pointer;color:var(--ink);font:inherit;transition:transform calc(.2s * var(--speed)),border-color calc(.2s * var(--speed))}.start-choice:hover{border-color:color-mix(in srgb,var(--grape) 60%,transparent);transform:translateY(-2px)}.start-choice .big-emoji{font-size:1.8rem}.start-choice strong{display:block;font-size:1.15rem;font-family:var(--display)}.start-choice .muted{display:block}.briefing{display:grid;gap:20px;padding:30px}.brief-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brief-grid:has(>section:only-child){grid-template-columns:1fr}@media(max-width:640px){.brief-grid{grid-template-columns:1fr}}.brief-grid h3{font-size:.8rem;font-family:var(--mono-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.brief-grid .check-list{margin-top:10px}.topic-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.topic-list li{display:flex;gap:10px;align-items:baseline;font-size:.93rem}.topic-list b{flex:none;min-width:3.2em;color:var(--grape);font-size:.85rem}.brief-stats{display:flex;gap:8px;flex-wrap:wrap}.ring-bg{fill:none;stroke:var(--glass-2);stroke-width:7}.ring-fg{fill:none;stroke:var(--accent, var(--grape));stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 calc(6px * var(--glow)) var(--accent, var(--grape)));transition:stroke-dasharray calc(.7s * var(--speed))}.ring text{fill:var(--ink);font-family:var(--display);font-weight:700;font-size:15px}.ring{flex:none}.readiness{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin:28px 0 24px}.readiness .ring text{font-size:22px}@media(max-width:760px){.readiness{grid-template-columns:1fr;justify-items:start}}.legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.85rem;color:var(--ink-soft)}.legend li{display:flex;gap:8px;align-items:center}.legend i,.topics li>i{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong)}i.mastered{background:var(--good);border-color:var(--good)!important;box-shadow:0 0 10px var(--good)}i.learned{background:var(--sky);border-color:var(--sky)!important}i.started{background:var(--sun);border-color:var(--sun)!important}.syllabus{display:grid;gap:18px;padding-bottom:60px}.unit header{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.unit.here{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.topics{list-style:none;padding:0;margin:18px 0 0;display:grid}.topics li{display:grid;grid-template-columns:auto 3.4em 1fr;gap:6px 12px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line)}.topics li>i{align-self:center}.topics li>b{color:var(--grape);font-size:.85rem}.t-title{font-size:.95rem}.t-levels{grid-column:3;display:flex;flex-wrap:wrap;gap:6px}.t-levels .chip{text-decoration:none}.locked-chip{opacity:.55}.pax{position:fixed;right:18px;bottom:18px;z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.pax>*{pointer-events:auto}.pax-btn{border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));animation:pax-hop calc(.5s * var(--speed)) cubic-bezier(.3,1.6,.5,1)}.pax-btn:focus-visible{outline-offset:0;border-radius:50%}.pax-sprite{display:block;animation:pax-bob calc(3s * var(--speed) + 1ms) ease-in-out infinite;overflow:visible}.pax.in-game .pax-sprite{width:64px;height:64px}@keyframes pax-bob{50%{transform:translateY(-6px)}}@keyframes pax-hop{0%{transform:scale(.85)}60%{transform:scale(1.1) translateY(-8px)}}.pax-lid{animation:pax-blink 4.5s infinite;transform-origin:60px 49px}@keyframes pax-blink{0%,94%,to{height:0}96%{height:22px}}.pax-tip{animation:pax-glow calc(1.6s * var(--speed) + 1ms) ease-in-out infinite}.pax-tip.d2{animation-delay:.8s}@keyframes pax-glow{50%{opacity:.35}}.pax-aura{animation:pax-glow calc(3s * var(--speed) + 1ms) ease-in-out infinite}.pax-orbit{transform-origin:60px 66px;animation:pax-spin calc(6s * var(--speed) + 1ms) linear infinite}@keyframes pax-spin{to{transform:rotate(360deg)}}.mood-cheer .pax-arm,.mood-wow .pax-arm{animation:pax-wave calc(.5s * var(--speed) + 1ms) ease-in-out infinite alternate}.pax-arm.l{transform-origin:28px 80px}.pax-arm.r{transform-origin:92px 80px;animation-delay:.25s}@keyframes pax-wave{0%{transform:rotate(-25deg) translateY(-6px)}to{transform:rotate(20deg)}}.pax-bubble{position:relative;max-width:min(330px,calc(100vw - 110px));margin-right:60px;margin-bottom:-40px;padding:14px 16px;border-radius:18px 18px 4px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line-strong);backdrop-filter:blur(16px);box-shadow:0 20px 50px -18px #0009,0 0 0 1px color-mix(in srgb,var(--grape) 20%,transparent);display:grid;gap:10px;justify-items:start}.pax-bubble p{margin:0;padding-right:18px;font-size:.93rem;line-height:1.5}.pax-x{position:absolute;top:8px;right:8px;border:0;background:none;color:var(--ink-soft);cursor:pointer;font-size:.8rem}.pax-panel{width:min(360px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 150px));overflow-y:auto;display:grid;gap:14px;padding:20px}.pax-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pax-stats div{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.pax-stats b{display:block;font-family:var(--display);font-size:1.3rem}.pax-stats span{font-size:.75rem;color:var(--ink-soft)}.pax-h{display:block;font-size:.85rem;margin-bottom:4px}.pax-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--ink);text-decoration:none}a.pax-row:hover{color:var(--grape)}@media(max-width:520px){.pax{right:10px;bottom:10px}.pax-sprite{width:64px;height:64px}.pax-bubble{margin-right:40px}}.dev-plate{stroke-width:1.2;transition:stroke calc(.2s * var(--speed))}.dev-glyph{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45)) drop-shadow(0 0 calc(6px * var(--glow)) color-mix(in srgb,currentColor 55%,transparent))}.dev.active .dev-plate{stroke:currentColor;stroke-width:2.5;filter:drop-shadow(0 0 8px currentColor)}.dev.click:hover .dev-plate,.dev.click:focus-visible .dev-plate{stroke:currentColor;stroke-width:2.2}.dev.click:hover .dev-glyph{transform:translateY(-7px) scale(1);transition:transform calc(.15s * var(--speed))}.led{fill:#3dff9a;filter:drop-shadow(0 0 2px #3dff9a);animation:led calc(1.1s * var(--speed) + 1ms) steps(2) infinite}.led.d2{animation-delay:.35s}.led.d3{animation-delay:.7s;fill:#ffc35c;filter:drop-shadow(0 0 2px #ffc35c)}.led.bad{fill:var(--bad);filter:drop-shadow(0 0 3px var(--bad))}@keyframes led{50%{opacity:.25}}.screen{animation:screen calc(4s * var(--speed) + 1ms) ease-in-out infinite}@keyframes screen{50%{opacity:.75}}.pkt-core{fill:currentColor;stroke:#fff9;stroke-width:1}.pkt-halo{fill:currentColor;opacity:.25;filter:blur(4px)}.pkt-trail{filter:blur(1px)}.pkt-label{fill:var(--ink);font-weight:700;paint-order:stroke;stroke:var(--surface);stroke-width:3px}.hud{display:grid;gap:10px}.hud-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.hud-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono-font);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.hud-dot{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 10px var(--sky);animation:blink calc(1.4s * var(--speed) + 1ms) infinite}.hud-count{color:var(--ink-soft);font-size:.9rem}.hud-count b{font-size:1.5rem;color:var(--ink);font-family:var(--display)}.hud-segs{display:flex;gap:4px}.hud-segs i{flex:1;height:5px;border-radius:99px;background:var(--glass-2);transition:background calc(.3s * var(--speed))}.hud-segs i.on{background:var(--grad);box-shadow:0 0 8px color-mix(in srgb,var(--sky) calc(60% * var(--glow)),transparent)}.hud-segs i.now{background:color-mix(in srgb,var(--grape) 45%,var(--glass-2));animation:blink calc(1.2s * var(--speed) + 1ms) infinite}.option[data-key]{position:relative;padding-left:58px}.option[data-key]:before{content:attr(data-key);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--mono-font);font-size:.8rem;font-weight:700;color:var(--ink-soft);background:var(--glass-2);border:1px solid var(--line-strong)}.option.right[data-key]:before{background:var(--good);color:#04160c;border-color:transparent;content:"✓"}.option.wrong[data-key]:before{background:var(--bad);color:#fff;border-color:transparent;content:"✕"}.feedback{position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start}.fb-badge{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.feedback.good .fb-badge{background:var(--good);color:#04160c;box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 20%,transparent),0 0 24px var(--good)}.feedback.bad .fb-badge{background:var(--bad);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 18%,transparent)}.pax.in-game .pax-bubble{max-width:min(220px,calc(100vw - 96px));margin-right:44px;margin-bottom:-30px;padding:11px 13px}.pax.in-game .pax-bubble p{font-size:.84rem}@media(max-width:1100px){.pax.in-game .pax-bubble{display:none}}