.app{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:1rem;width:100%}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.02em;color:var(--text);font-size:1.05rem;min-width:0;white-space:nowrap}.brand-short{display:none}@media (max-width: 700px){.brand-full{display:none}.brand-short{display:inline}.brand{font-size:.95rem}}@media (max-width: 400px){.brand-short{display:none}}.brand:hover{text-decoration:none}.brand .logo{width:30px;height:30px;flex:none}.brand .tag{color:var(--text-faint);font-weight:500;font-size:.75rem;display:none}.nav{margin-left:auto;display:flex;align-items:center;gap:.25rem}.nav a{color:var(--text-dim);padding:.45rem .7rem;border-radius:999px;font-size:.9rem;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none;background:var(--surface-2)}.nav a.active{color:var(--text);background:var(--brand-soft)}.btn.nav-toggle{display:none}.site-footer{margin-top:auto;border-top:1px solid var(--border);padding:2rem 0;color:var(--text-faint);font-size:.85rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between}.site-footer a{color:var(--text-dim)}main{flex:1;padding-bottom:3rem}.page{padding-top:2rem}.page-head{margin-bottom:1.5rem}.page-head .eyebrow{color:var(--brand-2);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.concept-layout{display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,2.8fr);gap:1.25rem;align-items:start}.concept-main{min-width:0}.concept-side{position:sticky;top:calc(var(--header-h) + 1rem);display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - var(--header-h) - 2rem);overflow:auto;padding-right:2px}.concept-side>*{flex-shrink:0}@media (max-width: 960px){.concept-layout{grid-template-columns:minmax(0,1fr)}.concept-side{position:static;max-height:none;overflow:visible}}.grid{display:grid;gap:1rem}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.grid.tracks{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nav a.nav-flag{color:var(--text);font-weight:700;background:color-mix(in srgb,var(--brand-2) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 30%,transparent)}.nav a.nav-flag:hover,.nav a.nav-flag.active{background:color-mix(in srgb,var(--brand-2) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 52%,transparent)}@media (max-width: 1360px){.nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface-solid);border-bottom:1px solid var(--border);padding:.5rem;transform:translateY(-120%);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-2);max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain}.nav.open{transform:translateY(0)}.nav a{padding:.8rem 1rem;border-radius:var(--radius-sm)}.btn.nav-toggle{display:inline-flex;margin-left:auto}.brand .tag{display:none}}@media (min-width: 1361px) and (max-width: 1560px){.nav a{padding:.45rem .5rem;font-size:.855rem}.nav{gap:.1rem}}.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.btn{--bg-btn: var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-btn);color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur),border-color var(--dur),box-shadow var(--dur);white-space:nowrap}.btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:#05070f;box-shadow:0 8px 24px #6366f14d}[data-theme=light] .btn.primary{color:#fff}.btn.ghost{background:transparent}.btn.icon{width:40px;height:40px;padding:0;border-radius:12px}.btn.sm{padding:.35rem .65rem;font-size:.82rem}.btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--border-strong);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem}.card,.panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000002e}.panel{padding:1.1rem 1.15rem}.panel>h3:first-child,.panel>h4:first-child{margin-top:0}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700;margin-bottom:.7rem}.concept-card{display:flex;flex-direction:column;padding:1.1rem;gap:.6rem;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur);color:inherit}.concept-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-glow);text-decoration:none}.card{--mx: 50%;--my: 50%}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease);background:radial-gradient(240px circle at var(--mx) var(--my),color-mix(in srgb,var(--brand-2) 13%,transparent),transparent 44%)}.card:hover:after{opacity:1}.concept-card .cc-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.concept-card h3{margin:0;font-size:1.05rem}.concept-card p{margin:0;color:var(--text-dim);font-size:.9rem}.concept-card .cc-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.4rem}.concept-card.locked{opacity:.72;cursor:default}.concept-card.locked:hover{transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--border);color:var(--text-dim);background:var(--surface-2);white-space:nowrap;max-width:100%;overflow-wrap:anywhere}.cc-meta,.chip-row{min-width:0}.badge.b-beginner{color:#6ee7b7;border-color:#34d39966}.badge.b-intermediate{color:#93c5fd;border-color:#60a5fa66}.badge.b-advanced{color:#fca5a5;border-color:#f8717166}.badge.b-production{color:#fcd34d;border-color:#fbbf2466}.badge.hi{color:var(--accent);border-color:#f472b666}.badge.hot{color:#fb923c;border-color:#fb923c80;background:linear-gradient(135deg,#fb923c29,#f8717124);font-weight:700}.badge.author-tag{color:#a78bfa;border-color:#a78bfa80;background:linear-gradient(135deg,#a78bfa29,#818cf824);font-weight:700}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--dur)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip[aria-pressed=true]{background:var(--brand-soft);color:var(--text);border-color:var(--border-strong)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.input{width:100%;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:.95rem}.input::placeholder{color:var(--text-faint)}.search{position:relative;max-width:560px}.search .input{padding-left:2.6rem}.search svg{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-faint)}.formula{font-family:var(--font-mono);font-size:1rem;background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-sm);padding:.75rem .9rem;overflow-x:auto;color:var(--text)}.code{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.code pre{margin:0;padding:.9rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:#cdd6f4}[data-theme=light] .code pre{color:#1e293b}.code .lang{position:absolute;top:0;right:0;font-size:.68rem;color:var(--text-faint);padding:.3rem .6rem;text-transform:uppercase;letter-spacing:.05em}.tok-kw{color:#c792ea}.tok-str{color:#a5e844}.tok-num{color:#f78c6c}.tok-com{color:#6d7896;font-style:italic}.tok-fn{color:#82aaff}.quiz-q{font-weight:600;margin-bottom:.7rem}.quiz-opts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem}.quiz-opt{text-align:left;padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;font-size:.88rem;transition:all var(--dur)}.quiz-opt:hover:not(:disabled){border-color:var(--border-strong)}.quiz-opt.correct{border-color:var(--ok);background:#34d39924}.quiz-opt.wrong{border-color:var(--bad);background:#f8717124}.quiz-opt:disabled{cursor:default}.quiz-explain{font-size:.85rem;color:var(--text-dim);border-left:3px solid var(--brand);padding-left:.7rem;margin-top:.4rem}.quiz-progress{font-size:.8rem;color:var(--text-faint)}.quiz-rate{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--border)}.quiz-rate-label{font-size:.82rem;color:var(--text-dim);margin-bottom:.55rem}.quiz-rate-btns{display:flex;gap:.5rem;flex-wrap:wrap}.quiz-rate-btn{flex:1 1 0;min-width:92px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:.4rem .6rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.quiz-rate-btn:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-2)}.quiz-rate-btn.is-bad:hover{border-color:color-mix(in srgb,#f87171 60%,transparent)}.quiz-rate-btn.is-ok:hover{border-color:color-mix(in srgb,#fbbf24 60%,transparent)}.quiz-rate-btn.is-best:hover{border-color:color-mix(in srgb,#34d399 60%,transparent)}.quiz-rate-t{font-weight:700;font-size:.92rem}.quiz-rate-h{font-size:.68rem;color:var(--text-faint);font-family:var(--font-mono)}.quiz-rate-done{font-size:.85rem;color:var(--text-dim);line-height:1.5}.quiz-rate-check{display:inline-flex;color:var(--ok, #34d399);font-weight:800;margin-right:.35rem}.quiz-rate-done a{color:var(--brand);font-weight:600}.seg{display:inline-flex;padding:.25rem;gap:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.seg button{border:none;background:transparent;color:var(--text-dim);padding:.4rem .85rem;border-radius:999px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--dur)}.seg button[aria-selected=true]{background:var(--brand-soft);color:var(--text)}.concept-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mode-seg button{font-size:.82rem;padding:.35rem .9rem}.pseudo-panel{margin-top:1rem}.lead{font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.55;color:var(--text-dim);max-width:60ch}.muted{color:var(--text-dim)}.divider{height:1px;background:var(--border);margin:1rem 0;border:0}.pill-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.pill-list a,.pill-list span{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.82rem;color:var(--text-dim)}.empty{text-align:center;color:var(--text-faint);padding:3rem 1rem}.notice{padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);font-size:.88rem;color:var(--text-dim)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--surface-solid);border:1px solid var(--border-strong);padding:.7rem 1.1rem;border-radius:999px;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:all var(--dur) var(--ease);z-index:90;font-size:.88rem}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.progress-ring{--p: 0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--p) * 1%),var(--surface-2) 0);font-size:.62rem;font-weight:700;color:var(--text-dim);flex:none}.progress-ring span{width:26px;height:26px;border-radius:50%;background:var(--surface-solid);display:grid;place-items:center}.card,.panel{box-shadow:inset 0 1px #ffffff0a,var(--e1)}.concept-card:hover,.cat-card:hover{box-shadow:inset 0 1px #ffffff0f,var(--e2);border-color:var(--border-strong);transform:translateY(-2px)}.btn:active,.concept-card:active,.cat-card:active,.timeline-step:active{transform:scale(.97);transition-duration:90ms}.btn.icon{min-width:44px;min-height:44px}.timeline-step{min-height:44px}.stat b,.timeline-step .num,.meta-row-value,.sa-knob-val{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.teach{border-left:3px solid var(--teach-accent, var(--brand));padding-left:var(--sp-3);margin:var(--sp-3) 0}.teach-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--teach-accent, var(--brand))}.teach p{margin:.2rem 0 0}.teach.is-intuition{--teach-accent: var(--accent)}.teach.is-interview{--teach-accent: var(--brand-2)}.teach.is-mistake{--teach-accent: var(--warn)}.meta-row{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-1) 0;font-size:.88rem}.meta-row-value{font-weight:600;text-align:right}.timeline-step{position:relative}.timeline-step.active:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:2px;background:var(--brand-2)}.concept-side .step-side{box-shadow:inset 0 1px #ffffff0d,var(--e3)}.deep-dive{margin-top:.85rem;border-top:1px solid var(--border);padding-top:.6rem}.deep-dive>summary{cursor:pointer;list-style:none;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim);padding:.15rem 0;transition:color .16s ease}.deep-dive>summary::-webkit-details-marker{display:none}.deep-dive>summary:before{content:"▸";display:inline-block;margin-right:.45rem;transition:transform .16s ease}.deep-dive[open]>summary:before{transform:rotate(90deg)}.deep-dive>summary:hover,.deep-dive[open]>summary{color:var(--text)}.deep-dive>*:not(summary){margin-top:.7rem}.viewport{--border: rgba(138, 156, 220, .34);--border-strong: rgba(158, 176, 240, .66);position:relative;width:100%;aspect-ratio:16 / 10;min-height:clamp(340px,52vw,540px);border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),var(--bg));overflow:hidden;box-shadow:0 16px 40px #0006,var(--shadow-glow)}@media (max-width: 760px){.viewport{aspect-ratio:4 / 3;min-height:0;max-height:min(68svh,460px)}}@media (max-width: 390px){.viewport{aspect-ratio:1 / 1;max-height:min(64svh,390px)}}.project-stage{margin-bottom:1.25rem}.project-stage .viewport{aspect-ratio:16 / 8;max-height:660px}@media (max-width: 760px){.project-stage .viewport{aspect-ratio:4 / 3;max-height:none}}.viewport canvas,.viewport svg{position:absolute;inset:0;width:100%;height:100%;display:block}.viewport .anim-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;color:var(--text-dim)}.viewport .caption-badge{position:absolute;left:16px;top:14px;background:color-mix(in srgb,var(--bg-2) 90%,transparent);border:1px solid var(--border-strong);border-radius:999px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--text-dim);backdrop-filter:blur(8px);max-width:80%;box-shadow:0 4px 16px #0006}.viewport .caption-badge b{color:var(--text);font-weight:800}.controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.controls .spacer{flex:1}.speed-select{padding:.45rem .6rem;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;font-size:.85rem;cursor:pointer}.step-side{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.5rem .5rem .6rem;max-height:60vh;overflow-y:auto}.step-side-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;padding:.25rem .5rem .5rem}.anim-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.anim-controls:empty{display:none}.anim-controls .ac-label{font-size:.74rem;color:var(--text-faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-right:.2rem}.timeline{margin-top:.7rem}.timeline-track{display:flex;gap:4px;margin:.7rem 0 .55rem}.timeline-seg{flex:1;height:6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;overflow:hidden;position:relative;padding:0}.timeline-seg .fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.timeline-seg.done .fill{width:100%}.timeline-steps{display:flex;flex-direction:column;gap:.3rem}.timeline-step{text-align:left;border:1px solid transparent;background:transparent;color:var(--text-dim);padding:.4rem .6rem;border-radius:var(--radius-sm);font:inherit;font-size:.85rem;cursor:pointer;display:flex;gap:.6rem;align-items:baseline}.timeline-step:hover{background:var(--surface-2)}.timeline-step .num{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);flex:none}.timeline-step.active{background:var(--brand-soft);color:var(--text);border-color:var(--border-strong)}.timeline-step.active .num{color:var(--brand)}.explain .step-title{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.explain .step-body{color:var(--text-dim)}.explain .step-formula{margin-top:.7rem}.hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);min-height:420px;display:grid;align-items:center;margin-bottom:2.5rem}.hero canvas{position:absolute;inset:0;width:100%;height:100%}.hero .hero-inner{position:relative;padding:clamp(1.5rem,5vw,3.5rem);max-width:720px}.hero h1{margin-bottom:.6rem}.hero .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.stat-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.stat b{display:block;font-size:1.6rem;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--text-faint);font-size:.82rem}.flashcard{perspective:1200px;min-height:240px;cursor:pointer}.flashcard-inner{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-height:240px;transition:transform .5s var(--ease);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{grid-area:1 / 1;min-width:0;backface-visibility:hidden;padding:1.4rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;justify-content:center}.flashcard-face.back{transform:rotateY(180deg);background:var(--surface-2)}.flashcard-face .fc-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.5rem}.hero-premium{min-height:520px;background:radial-gradient(900px 480px at 70% 10%,rgba(34,211,238,.14),transparent 65%),radial-gradient(760px 420px at 20% 0%,rgba(244,114,182,.12),transparent 62%),linear-gradient(135deg,#818cf81a,#0f172a2e)}.hero-premium:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 34%,rgba(34,211,238,.08));mix-blend-mode:screen}.hero-premium .hero-inner{max-width:860px}.hero-premium h1{font-weight:900;letter-spacing:-.055em}.track-glyph{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--track) 22%,transparent);border:1px solid color-mix(in srgb,var(--track) 45%,transparent);color:var(--track);font:900 1rem var(--font-mono);box-shadow:0 0 24px color-mix(in srgb,var(--track) 18%,transparent)}.feature-panel{position:relative;overflow:hidden}.feature-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--brand),var(--brand-2));opacity:.8}.hero{background:radial-gradient(900px 420px at 8% 12%,rgba(34,211,238,.16),transparent 60%),radial-gradient(820px 460px at 86% 0%,rgba(244,114,182,.12),transparent 58%),linear-gradient(135deg,#ffffff08,#ffffff03);box-shadow:0 22px 70px #0000006b,var(--shadow-glow)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060912d1,#06091240,#060912ad)}.hero .hero-inner{z-index:1}.home-section{--sec: var(--brand);margin:3.4rem 0}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--sec);font:700 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.55rem}.section-eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sec),transparent)}.section-title{width:fit-content;max-width:100%;background:linear-gradient(92deg,var(--sec),color-mix(in srgb,var(--sec) 60%,var(--text)));-webkit-background-clip:text;background-clip:text;color:transparent}.section-sub{margin:.1rem 0 1.3rem;max-width:760px}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.4rem 0 0}.hero-tags li{font:600 .76rem var(--font-mono);letter-spacing:.02em;color:var(--text-dim);padding:.28rem .7rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.hero-tags li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:.45rem;vertical-align:middle;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.grid.cat-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem}.cat-card{display:flex;align-items:center;gap:.8rem;padding:.85rem .95rem;color:inherit;transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur)}.cat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--track) 55%,var(--border));box-shadow:0 10px 30px color-mix(in srgb,var(--track) 14%,transparent);text-decoration:none}.cat-glyph{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;line-height:1;color:var(--track);background:color-mix(in srgb,var(--track) 16%,transparent);border:1px solid color-mix(in srgb,var(--track) 40%,transparent)}.cat-body{display:flex;flex-direction:column;min-width:0}.cat-name{font-weight:700;font-size:.92rem;line-height:1.2}.cat-count{color:var(--text-faint);font:500 .74rem var(--font-mono);margin-top:.15rem}.cat-arrow{margin-left:auto;color:var(--text-faint);display:grid;place-items:center;transition:transform var(--dur) var(--ease),color var(--dur)}.cat-card:hover .cat-arrow{color:var(--track);transform:translate(3px)}.grid.steps-flow{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.step-card{position:relative;padding-top:1.3rem}.step-num{font:800 .95rem var(--font-mono);color:var(--brand-2);letter-spacing:.05em;display:inline-block;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--brand-soft)}.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);margin:3.4rem 0 1rem;padding:clamp(2rem,6vw,3.4rem) 1.5rem;text-align:center;background:radial-gradient(700px 320px at 50% -10%,rgba(129,140,248,.22),transparent 65%),radial-gradient(600px 300px at 80% 120%,rgba(34,211,238,.16),transparent 60%),linear-gradient(135deg,#818cf814,#0f172a33)}.cta-band .cta-inner{position:relative;max-width:640px;margin:0 auto}.cta-band h2{font-weight:900;letter-spacing:-.04em;margin-bottom:.5rem}.cta-band .btn-row{display:flex;flex-wrap:wrap;gap:.6rem}.shell-body{display:flex;align-items:flex-start;width:100%;overflow-x:clip}main#main{flex:1 1 auto;min-width:0}.explorer{flex:0 0 264px;width:264px;position:sticky;top:var(--header-h);align-self:flex-start;height:calc(100vh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 55%,transparent);backdrop-filter:blur(8px);padding:10px 8px 40px;transition:margin-left .28s cubic-bezier(.22,1,.36,1),opacity .2s}body:not(.explorer-open) .explorer{margin-left:-264px;opacity:0;pointer-events:none}.explorer-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 8px}.explorer-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.exp-collapse{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;font-size:1.1rem;line-height:1}.exp-collapse:hover{color:var(--text);background:var(--surface-2)}.explorer-tree{display:flex;flex-direction:column;gap:1px}.exp-group{display:flex;flex-direction:column}.exp-section{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px;border:none;background:transparent;cursor:pointer;color:var(--text-dim);font-size:.82rem;font-weight:700;text-align:left;border-radius:7px;letter-spacing:.01em}.exp-section:hover{background:var(--surface);color:var(--text)}.exp-section-static{cursor:default}.exp-caret{display:inline-block;width:12px;font-size:.62rem;color:var(--text-faint);transition:transform .18s var(--sb-ease, ease);transform:rotate(90deg)}.exp-section.is-collapsed .exp-caret{transform:rotate(0)}.exp-caret-spacer{display:inline-block;width:12px}.exp-section-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-count{font-family:var(--font-mono);font-size:.66rem;color:var(--text-faint);background:var(--surface);padding:1px 6px;border-radius:999px}.exp-items{display:flex;flex-direction:column;padding-left:9px;margin-left:9px;border-left:1px solid var(--border)}.exp-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;color:var(--text-dim);font-size:.82rem;text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s}.exp-item:hover{background:var(--surface);color:var(--text)}.exp-item.is-active{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--text);border-left-color:var(--brand);font-weight:600}.exp-dot{width:6px;height:6px;border-radius:999px;flex:0 0 auto;background:var(--text-faint)}.exp-dot[data-level=Beginner]{background:#34d399}.exp-dot[data-level=Intermediate]{background:#fbbf24}.exp-dot[data-level=Advanced]{background:#f87171}.exp-dot[data-level=Project]{background:#a78bfa}.exp-fire{width:6px;height:6px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;overflow:visible;filter:saturate(1.15) drop-shadow(0 0 6px rgba(249,115,22,.55))}.exp-item:hover .exp-fire,.exp-item.is-active .exp-fire{filter:saturate(1.3) drop-shadow(0 0 9px rgba(249,115,22,.8))}@media (prefers-reduced-motion: no-preference){.exp-item.is-active .exp-fire{animation:exp-fire-pulse 2.4s ease-in-out infinite}}@keyframes exp-fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.exp-item-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-check{color:#34d399;display:inline-flex}.btn.rail-toggle{display:inline-flex;align-items:center;gap:.4rem;flex:none;width:auto;padding:.42rem .7rem;color:var(--text-dim)}.btn.rail-toggle:hover{color:var(--text)}.btn.rail-toggle[aria-expanded=true]{color:var(--text);background:var(--brand-soft);border-color:var(--border)}.rail-toggle-label{font-size:.82rem;font-weight:600;letter-spacing:.01em}@media (max-width: 900px){.rail-toggle-label{display:none}}.explorer-backdrop{display:none}@media (max-width: 1023px){.explorer{position:fixed;top:0;left:0;height:100vh;z-index:80;width:82vw;max-width:320px;padding-top:16px;margin-left:0}body:not(.explorer-open) .explorer{margin-left:0;transform:translate(-100%)}body.explorer-open .explorer-backdrop{display:block;position:fixed;inset:0;z-index:70;background:#00000080}}.page.home{padding-top:0}.home-hero{position:relative;overflow:hidden;padding:clamp(2rem,6vh,5rem) 0 clamp(2.5rem,7vh,5rem);border-bottom:1px solid var(--border);background:radial-gradient(120% 80% at 80% -10%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 60%),radial-gradient(90% 70% at 0% 110%,color-mix(in srgb,var(--brand-2) 14%,transparent),transparent 55%)}.neural-hero{position:absolute;inset:0;width:100%;height:100%;opacity:.9;pointer-events:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%)}.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.home-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-2);margin-bottom:1rem}.home-title{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1rem;font-weight:800}.home-title .grad{background:linear-gradient(100deg,var(--brand),var(--brand-2) 55%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.home-lead{font-size:clamp(1rem,1.3vw,1.15rem);max-width:40ch;margin-bottom:1.6rem}.home-start{font-size:1.02rem;padding:.7rem 1.3rem;box-shadow:0 8px 30px color-mix(in srgb,var(--brand) 45%,transparent);display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;max-width:100%;text-align:left}.home-start-sep{opacity:.5}.home-start-arrow{display:inline-flex}.home-next-note{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.7rem 0 0;font-size:.8rem;color:var(--text-faint)}.home-next-why{font-weight:700;color:var(--text-dim)}.home-next-dot{opacity:.45}.home-next-note a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}.home-next-note a:hover{color:var(--text)}.home-hero-stats{display:flex;gap:2rem;margin-top:1.8rem;flex-wrap:wrap}.home-stat{display:flex;flex-direction:column}.home-stat-v{font-size:1.5rem;font-weight:800;color:var(--text);font-family:var(--font-mono)}.home-stat-l{font-size:.78rem;color:var(--text-faint)}.home-hero-visual{position:relative;z-index:1}.hero-code-wrap{border-radius:14px;border:1px solid var(--border-strong);background:color-mix(in srgb,#05070f 78%,transparent);backdrop-filter:blur(8px);box-shadow:0 24px 60px #00000080;overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transform-origin:center}.hero-code-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--border);background:#ffffff05}.hero-code-bar .dot{width:11px;height:11px;border-radius:50%;display:inline-block}.hero-code-bar .dot.r{background:#ff5f57}.hero-code-bar .dot.y{background:#febc2e}.hero-code-bar .dot.g{background:#28c840}.hero-code-name{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.hero-code{margin:0;padding:16px 18px;min-height:168px;font-family:var(--font-mono);font-size:.92rem;line-height:1.7;white-space:pre-wrap}.code-line{min-height:1.7em}.hero-code .c,.builder-code .c{color:#64748b;font-style:italic}.hero-code .v,.builder-code .v{color:#7dd3fc}.hero-code .p,.builder-code .p{color:#94a3b8}.hero-code .f,.builder-code .f{color:#e2e8f0}.hero-code .k,.builder-code .k{color:#c084fc;font-weight:600}.hero-code .t,.builder-code .t{color:#fbbf24}.hero-code .s,.builder-code .s{color:#86efac}.hero-code:after{content:"▌";color:var(--brand-2);animation:home-blink 1s steps(2) infinite}@keyframes home-blink{50%{opacity:0}}.home-sec{padding-top:clamp(2.5rem,6vh,4.5rem)}.home-sec-head{margin-bottom:1.6rem}.home-sec-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:.2rem 0 .4rem}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.section-card{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);transition:transform .18s var(--sb-ease, ease),border-color .18s,background .18s}.section-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sc) 55%,var(--border));background:color-mix(in srgb,var(--sc) 8%,var(--surface))}.section-glyph{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;font-weight:700;color:var(--sc);background:color-mix(in srgb,var(--sc) 15%,transparent);border:1px solid color-mix(in srgb,var(--sc) 30%,transparent)}.section-card-body{flex:1 1 auto;min-width:0}.section-card-name{font-weight:700;font-size:.98rem}.section-card-count{font-size:.78rem;color:var(--text-faint)}.section-arrow{color:var(--text-faint);display:inline-flex;transition:transform .18s,color .18s}.section-card:hover .section-arrow{color:var(--sc);transform:translate(3px)}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.track-card{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);transition:transform .18s var(--sb-ease, ease),border-color .18s}.track-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.track-card-name{font-weight:700;font-size:1.05rem}.track-card-desc{font-size:.88rem;line-height:1.5;flex:1 1 auto}.track-card-go{font-size:.82rem;color:var(--brand-2);font-weight:600;display:inline-flex;align-items:center;gap:4px}.home-builder{padding:clamp(3rem,8vh,6rem) 0 clamp(2rem,5vh,4rem)}.builder-credit{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;padding:clamp(1.6rem,4vw,2.6rem);border-radius:18px;border:1px solid var(--border-strong);background:radial-gradient(90% 130% at 50% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 62%),var(--surface)}.builder-name{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.01em}.builder-role{font-size:.95rem}.home-hot .home-sec-head .eyebrow{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.home-hot-cta{margin-top:.9rem}.home-prod{padding-top:clamp(3rem,7vh,5rem)}.home-prod-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:center;padding:clamp(1.4rem,4vw,2.8rem);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--brand-2) 26%,var(--border));background:radial-gradient(80% 130% at 10% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 62%),radial-gradient(70% 120% at 92% 100%,rgba(34,211,238,.14),transparent 64%),var(--surface);box-shadow:inset 0 1.5px #ffffff0d,var(--e1)}.home-prod-copy{min-width:0}.home-prod-copy .eyebrow{color:var(--brand-2);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}.home-prod-copy h2{font-size:clamp(1.7rem,4.2vw,2.8rem);letter-spacing:-.035em;margin:.45rem 0 .6rem;line-height:1.05}.home-prod-copy p{margin:0 0 .8rem;color:var(--text-dim);line-height:1.65;max-width:54ch}.home-prod-test{padding:.75rem .9rem;border-radius:var(--radius);background:color-mix(in srgb,var(--brand-2) 9%,transparent);border:1px solid color-mix(in srgb,var(--brand-2) 26%,var(--border));color:var(--text)!important;font-weight:500;font-size:.94rem}.home-prod-pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.5rem;min-width:0}.home-prod-pill{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.65rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,var(--surface));border:1px solid var(--border);color:var(--text);transition:transform .18s var(--ease),border-color .18s var(--ease)}.home-prod-pill:hover{text-decoration:none;transform:translateY(-2px);border-color:color-mix(in srgb,var(--pa) 50%,var(--border))}.hp-glyph{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-family:var(--font-mono);font-size:.95rem;color:var(--pa);background:color-mix(in srgb,var(--pa) 14%,transparent)}.hp-body{min-width:0}.hp-title{display:block;font-weight:700;font-size:.9rem;letter-spacing:-.015em}.hp-sub{display:block;font-size:.74rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 980px){.home-prod-card{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.home-hero-grid{grid-template-columns:minmax(0,1fr)}.home-hero-visual{order:2}.hero-code-wrap{transform:none}.neural-hero{opacity:.5}}@media (max-width: 420px){.home-prod-card{padding:1rem;border-radius:var(--radius)}}@media (prefers-reduced-motion: reduce){.hero-code:after{animation:none}}.section-bar{display:block;height:3px;margin-top:.4rem;border-radius:999px;background:color-mix(in srgb,var(--sc) 16%,transparent);overflow:hidden}.section-bar-fill{display:block;height:100%;border-radius:999px;background:var(--sc)}.nav-due{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:linear-gradient(135deg,#f97316,#f472b6);color:#fff;font-size:.68rem;font-weight:800;line-height:1;vertical-align:middle}.review-page{max-width:760px}.review-progress{margin-bottom:1rem}.review-progress-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.review-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .35s cubic-bezier(.22,1,.36,1)}.review-progress-text{margin-top:.4rem;font-size:.78rem;color:var(--text-faint);font-family:var(--font-mono)}.review-card{padding:1.4rem 1.5rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--e2, 0 8px 30px rgba(0, 0, 0, .18))}.review-card-cat{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.review-card-title{margin:.25rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.01em}.review-prompt{padding:1rem 1.1rem;border-radius:var(--radius);background:var(--surface-2);border-left:3px solid var(--brand)}.review-prompt-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.4rem}.review-prompt-q{margin:0;font-size:1.08rem;line-height:1.5;color:var(--text)}.review-answer-area{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.review-reveal{min-height:48px}.review-open{display:inline-flex;align-items:center;gap:4px}.review-reveal-block{width:100%;padding:1rem 1.1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--brand) 8%,transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);animation:review-reveal-in .28s cubic-bezier(.22,1,.36,1)}@keyframes review-reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.review-reveal-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand);margin-bottom:.4rem}.review-answer{margin:0;font-size:1rem;font-weight:600;line-height:1.5}.review-explain{margin:.6rem 0 0;font-size:.88rem;color:var(--text-dim);line-height:1.55}.review-rate{width:100%;margin-top:1.1rem}.review-rate-label{font-size:.82rem;color:var(--text-dim);margin-bottom:.55rem}.review-rate-btns{display:flex;gap:.5rem;flex-wrap:wrap}.review-rate-btn{flex:1 1 0;min-width:96px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.review-rate-btn:hover{transform:translateY(-1px);background:var(--surface)}.review-rate-btn.is-bad:hover{border-color:color-mix(in srgb,#f87171 65%,transparent)}.review-rate-btn.is-ok:hover{border-color:color-mix(in srgb,#fbbf24 65%,transparent)}.review-rate-btn.is-best:hover{border-color:color-mix(in srgb,#34d399 65%,transparent)}.review-rate-t{font-weight:700;font-size:.95rem}.review-rate-h{font-size:.68rem;color:var(--text-faint);font-family:var(--font-mono)}.review-empty{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.review-empty-glyph{font-size:3rem;line-height:1;margin-bottom:.3rem}.review-empty h2{margin:0}.review-empty p{max-width:46ch;margin:0 0 .8rem}.home-loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}@media (max-width: 760px){.home-loop{grid-template-columns:minmax(0,1fr)}}.loop-card{padding:1.2rem 1.3rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.loop-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.8rem}.loop-card-title{font-weight:700;font-size:1.05rem}.loop-card-due{font-size:.72rem;font-weight:800;color:#f97316;font-family:var(--font-mono)}.loop-list{display:flex;flex-direction:column;gap:.4rem}.loop-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;border:1px solid transparent;color:var(--text);transition:background .15s ease,border-color .15s ease}.loop-item:hover{background:var(--surface-2);border-color:var(--border)}.loop-item-dot{flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:var(--brand)}.loop-item-dot.is-due{background:#f97316}.loop-item-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.loop-item-meta{flex:0 0 auto;font-size:.72rem;color:var(--text-faint);font-family:var(--font-mono)}.loop-cta{margin-top:.9rem}.loop-empty{font-size:.88rem;color:var(--text-faint)}.badge.badge-time{color:var(--text-dim);font-variant-numeric:tabular-nums}.keepgoing{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 60%),var(--surface)}.keepgoing-bridge{margin-bottom:1rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--surface-2);border-left:3px solid var(--brand-2, var(--brand))}.keepgoing-bridge-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-2, var(--brand));margin-bottom:.3rem}.keepgoing-bridge p{margin:0;font-size:.92rem;line-height:1.55;color:var(--text)}.keepgoing-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.keepgoing-review{display:inline-flex;align-items:center;gap:5px;min-height:44px}.keepgoing-review.is-scheduled{color:var(--ok, #34d399);border-color:color-mix(in srgb,#34d399 45%,transparent)}.keepgoing-next{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto}.keepgoing-next-label{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.keepgoing-next-title{font-weight:700;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.keepgoing-next{margin-left:0;width:100%;justify-content:center}.keepgoing-next-title{max-width:none}}.plain-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(.9rem,2.4vw,1.8rem);align-items:start;margin:0 0 1.2rem;padding:clamp(1rem,2.6vw,1.5rem);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--brand-2) 22%,var(--border));background:radial-gradient(70% 130% at 0% 0%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 62%),var(--surface);box-shadow:inset 0 1px #ffffff0d,var(--e1)}.plain-main{min-width:0;display:grid;gap:.9rem}.plain-label,.plain-why-label,.plain-keys-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--brand-2);margin-bottom:.3rem}.plain-text{margin:0;font-size:clamp(1.02rem,2.1vw,1.22rem);line-height:1.55;font-weight:500;color:var(--text);letter-spacing:-.012em}.plain-why-label{color:var(--text-faint)}.plain-why p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-dim)}.plain-keys{min-width:0;padding:.85rem .95rem;border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 45%,var(--surface-2));border:1px solid var(--border)}.plain-keys-label{color:var(--text-faint)}.plain-keys-list{margin:0;padding:0;list-style:none;counter-reset:pk;display:grid;gap:.5rem}.plain-keys-list li{counter-increment:pk;display:grid;grid-template-columns:20px minmax(0,1fr);gap:.55rem;align-items:start;font-size:.9rem;line-height:1.5;color:var(--text-dim)}.plain-keys-list li:before{content:counter(pk);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-family:var(--font-mono);font-size:.68rem;font-weight:800;color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 14%,transparent)}.recipe-panel .panel-title{color:var(--text-dim)}.recipe-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}.recipe-block+.recipe-block{margin-top:1rem}.recipe-h{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:color-mix(in srgb,var(--ok) 70%,var(--text-faint));margin-bottom:.5rem}.recipe-h.is-break{color:color-mix(in srgb,var(--bad) 72%,var(--text-faint))}.recipe-defaults{margin:0;display:grid;gap:.55rem}.recipe-defaults dt{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text);overflow-wrap:anywhere}.recipe-defaults dd{margin:.1rem 0 0;font-size:.88rem;line-height:1.55;color:var(--text-dim);overflow-wrap:anywhere}.recipe-breaks{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.recipe-breaks li{display:grid;gap:.15rem;padding-left:.75rem;border-left:2px solid color-mix(in srgb,var(--bad) 40%,transparent)}.rb-sym{font-weight:700;font-size:.87rem;color:var(--text)}.rb-fix{font-size:.86rem;line-height:1.55;color:var(--text-dim)}.rb-tag{display:inline-block;margin-right:.4rem;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);vertical-align:1px}.recipe-skip{margin-top:1rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 8%,transparent);border:1px solid color-mix(in srgb,var(--warn) 24%,var(--border))}.recipe-skip-l{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:color-mix(in srgb,var(--warn) 78%,var(--text-faint));margin-bottom:.25rem}.recipe-skip p{margin:0;font-size:.87rem;line-height:1.55;color:var(--text-dim)}.recipe-notes{margin-top:1rem;border-top:1px solid var(--border);padding-top:.7rem}.recipe-notes summary{cursor:pointer;font-size:.8rem;font-weight:700;color:var(--text-faint);list-style:none}.recipe-notes summary::-webkit-details-marker{display:none}.recipe-notes summary:before{content:"▸ ";color:var(--brand-2)}.recipe-notes[open] summary:before{content:"▾ "}.recipe-notes summary:hover{color:var(--text-dim)}.recipe-notes[open] ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;font-size:.87rem;line-height:1.55;color:var(--text-dim)}@media (max-width: 880px){.plain-card{grid-template-columns:minmax(0,1fr)}}@media (max-width: 420px){.plain-card{padding:.9rem;border-radius:var(--radius)}.plain-keys{padding:.75rem .8rem}}.recall-check{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:radial-gradient(80% 130% at 100% 0%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 62%),var(--surface)}.rc-pulse{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.rc-sub{margin-left:auto;text-transform:none;letter-spacing:.01em;font-weight:500;font-size:.72rem;color:var(--text-faint)}.rc-head{display:flex;align-items:center;gap:.7rem;margin:.15rem 0 .85rem}.rc-dots{display:flex;gap:5px;flex:1 1 auto;min-width:0}.rc-dot{height:4px;flex:1 1 auto;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);transition:background var(--dur) var(--ease)}.rc-dot.is-on{background:var(--brand);box-shadow:none}.rc-counter{flex:none;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-faint)}.rc-kind{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--brand);margin-bottom:.4rem}.rc-prompt{margin:0 0 .8rem;font-size:1.02rem;line-height:1.5;font-weight:600;color:var(--text);letter-spacing:-.012em}.rc-cover{display:grid;place-items:center;min-height:76px;padding:.9rem;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--bg) 60%,var(--surface-2)),color-mix(in srgb,var(--bg) 60%,var(--surface-2)) 7px,color-mix(in srgb,var(--bg) 74%,var(--surface-2)) 7px 14px)}.rc-cover-t{font-size:.83rem;color:var(--text-faint);text-align:center;max-width:34ch}.rc-answer{padding:.85rem .95rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--ok)}.rc-answer-l{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:color-mix(in srgb,var(--ok) 74%,var(--text-faint));margin-bottom:.3rem}.rc-answer-text{margin:0;line-height:1.6;color:var(--text);font-size:.94rem}.rc-answer-list{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;line-height:1.55;color:var(--text);font-size:.92rem}.rc-actions{margin-top:.85rem}.rc-reveal[hidden]{display:none}.rc-rate{display:none;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}.rc-rate.is-on{display:flex}.rc-rate-l{font-size:.78rem;color:var(--text-faint);font-weight:600}.rc-rate-btns{display:flex;gap:.4rem;flex-wrap:wrap}.rc-done{display:none;margin:.8rem 0 0;padding:.6rem .8rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 26%,var(--border));font-size:.87rem;color:var(--text)}.rc-done.is-on{display:block}@media (max-width: 420px){.rc-sub{display:none}.rc-rate{align-items:stretch}.rc-rate-btns{width:100%}.rc-rate-btns .btn{flex:1 1 0;justify-content:center}}@media (prefers-reduced-motion: reduce){.rc-dot{transition:none}}.plain-main,.plain-keys-list,.recipe-defaults,.recipe-breaks,.recipe-breaks li,.rc-answer-list{grid-template-columns:minmax(0,1fr)}.plain-keys-list>li,.recipe-breaks>li{min-width:0}.takeaway{margin-top:1.2rem;padding:clamp(.95rem,2.4vw,1.3rem);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--ok) 24%,var(--border));background:radial-gradient(70% 130% at 0% 0%,color-mix(in srgb,var(--ok) 8%,transparent),transparent 60%),var(--surface);display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}.tk-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.65rem;align-items:start}.tk-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}.tk-body{min-width:0}.tk-label{display:block;font-size:.63rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.1rem}.tk-body p{margin:0;font-size:.94rem;line-height:1.6;color:var(--text)}.tk-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.2rem;border-top:1px solid var(--border);margin-top:.1rem}.depth-ladder{margin-top:1.4rem}.dl-lead{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;font-size:.95rem;line-height:1.55;color:var(--text-dim)}.dl-lead strong{color:var(--text)}.dl-lead-ic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.dl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:.6rem}.dl-btn{display:flex;align-items:center;gap:.7rem;text-align:left;min-width:0;padding:.8rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease),transform var(--t-fast) var(--ease)}.dl-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.dl-btn.is-open{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.dl-btn-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 12%,transparent)}.dl-btn.is-open .dl-btn-ic{color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,transparent)}.dl-btn-text{min-width:0;flex:1 1 auto}.dl-btn-label{display:block;font-weight:700;font-size:.94rem;letter-spacing:-.015em;line-height:1.3}.dl-btn-hint{display:block;margin-top:.1rem;font-size:.78rem;color:var(--text-faint);line-height:1.4}.dl-btn-state{flex:none;display:inline-flex;color:var(--text-faint)}.dl-panels{display:grid;gap:1rem}.dl-panel[hidden]{display:none}.dl-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1rem;padding-left:.9rem;border-left:2px solid color-mix(in srgb,var(--brand) 32%,transparent)}.concept-sb .sb-hero,.concept-simple .simple-stage{margin-bottom:1.2rem}.concept-simple .simple-stage{display:grid;gap:.9rem}.concept-sb>.recall-check,.concept-simple>.recall-check{margin-top:0}.concept-sb>.plain-card,.concept-sb>.takeaway,.concept-sb>.depth-ladder,.concept-sb>.recall-check,.concept-sb>.keepgoing,.concept-simple>.plain-card,.concept-simple>.takeaway,.concept-simple>.depth-ladder,.concept-simple>.recall-check,.concept-simple>.keepgoing{max-width:1080px}@media (max-width: 560px){.dl-btn-hint{display:none}.dl-panel{padding-left:.6rem}}.cv-card{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "holder" "meta";align-items:start;padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--brand-2) 18%,var(--border));background:radial-gradient(80% 140% at 100% 0%,color-mix(in srgb,var(--brand-2) 9%,transparent),transparent 60%),var(--surface);box-shadow:inset 0 1px #ffffff0d,var(--e1)}.cv-head{grid-area:head;min-width:0}.cv-holder{grid-area:holder;min-width:0}.cv-meta{grid-area:meta;min-width:0}.cv-card[data-playing] .cv-holder{max-width:min(100%,880px);margin-inline:auto}@media (min-width: 700px){.cv-card:not([data-playing]){grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"holder head" "holder meta";column-gap:var(--sp-6);row-gap:var(--sp-3)}}.cv-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2)}.cv-eyebrow-ic{display:inline-flex;opacity:.9}.cv-sub{margin:var(--sp-2) 0 0;font-size:.86rem;line-height:1.5;color:var(--text-faint)}.cv-holder{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--border)}.cv-trigger,.cv-frame{position:absolute;inset:0;display:block}.cv-trigger{cursor:pointer;text-decoration:none}.cv-thumb{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.005);transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease);filter:saturate(.92) brightness(.86)}.cv-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#fff;background:color-mix(in srgb,var(--brand) 78%,#000);box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff40;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);padding-left:3px}.cv-len{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:7px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:#fff;background:#000000c7;letter-spacing:.02em}.cv-trigger:hover .cv-thumb,.cv-trigger:focus-visible .cv-thumb{transform:scale(1.045);filter:saturate(1) brightness(1)}.cv-trigger:hover .cv-play,.cv-trigger:focus-visible .cv-play{transform:translate(-50%,-50%) scale(1.09);background:var(--brand)}.cv-trigger:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}.cv-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.cv-title{display:block;font-weight:650;line-height:1.35;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cv-title:hover{color:var(--brand-2);text-decoration:underline;text-underline-offset:2px}.cv-byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-2);font-size:.82rem;color:var(--text-faint);min-width:0}.cv-channel{font-weight:600;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cv-dur{font-family:var(--font-mono)}.cv-sep{opacity:.5}.cv-out{color:var(--brand-2);text-decoration:none;font-weight:600;white-space:nowrap}.cv-out:hover{text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion: reduce){.cv-thumb,.cv-play{transition:none}.cv-trigger:hover .cv-thumb{transform:scale(1.005)}.cv-trigger:hover .cv-play{transform:translate(-50%,-50%)}}:root[data-theme=light] .cv-card{background:radial-gradient(80% 140% at 100% 0%,color-mix(in srgb,var(--brand-2) 10%,transparent),transparent 60%),var(--surface)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:none;box-shadow:var(--clay-edge),var(--e1)}.concept-card:hover,.cat-card:hover{box-shadow:var(--clay-edge),var(--e2);border-color:var(--border-strong);transform:translateY(-3px)}[data-theme=light] .card:after{display:none}.btn{border:1px solid var(--border);background:var(--surface);box-shadow:var(--clay-edge),var(--e1)}.btn:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--clay-edge),var(--e2)}.btn:active{transform:translateY(1px);box-shadow:var(--well);transition-duration:90ms}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent}.btn.ghost:hover{background:var(--surface-2);border-color:var(--border);box-shadow:var(--clay-edge),var(--e1)}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,#fff),var(--brand));border:1px solid color-mix(in srgb,var(--brand) 70%,#000 12%);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.22);box-shadow:inset 0 1.5px #ffffff59,inset 0 -2px 4px #0000002e,0 6px 16px color-mix(in srgb,var(--brand) 42%,transparent),0 2px 4px #2832782e}.btn.primary:hover{box-shadow:inset 0 1.5px #fff6,inset 0 -2px 4px #00000029,0 10px 24px color-mix(in srgb,var(--brand) 48%,transparent),0 3px 6px #28327833}.btn.primary:active{box-shadow:inset 0 3px 8px #0000004d;transform:translateY(1px)}.btn[aria-pressed=true]{background:var(--brand-soft);box-shadow:var(--well);border-color:var(--border-strong)}.chip{background:var(--surface);box-shadow:var(--clay-edge),0 2px 6px #46509612}[data-theme=dark] .chip{box-shadow:var(--clay-edge),0 2px 6px #0000004d}.chip:active{box-shadow:var(--well)}.chip[aria-pressed=true]{background:var(--brand-soft);box-shadow:var(--well);color:var(--text)}.badge{box-shadow:inset 0 1px #ffffff80,0 1px 3px #46509614}[data-theme=dark] .badge{box-shadow:inset 0 1px #ffffff0f,0 1px 3px #0000004d}[data-theme=light] .badge.b-beginner{color:#0f6e45;border-color:#18794e66;background:#34d3991f}[data-theme=light] .badge.b-intermediate{color:#1d4ed8;border-color:#3b82f666;background:#60a5fa1f}[data-theme=light] .badge.b-advanced{color:#b91c1c;border-color:#dc262659;background:#f871711f}[data-theme=light] .badge.b-production{color:#92400e;border-color:#b4530966;background:#fbbf2424}[data-theme=light] .badge.hi{color:#a61e7c;border-color:#d6409f66}[data-theme=light] .badge.hot{color:#c2410c;border-color:#ea580c73;background:linear-gradient(135deg,#fb923c2e,#f8717124)}.input{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--well)}.input:focus{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}.seg{background:var(--surface-2);box-shadow:var(--well);border:1px solid var(--border)}.seg button{border-radius:999px}.seg button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--clay-edge),0 2px 8px #46509629}[data-theme=dark] .seg button[aria-selected=true]{box-shadow:var(--clay-edge),0 2px 8px #0006}.code,[data-theme=light] .code{background:linear-gradient(180deg,#10142a,#0a0d1d);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);box-shadow:var(--bezel)}.code pre,[data-theme=light] .code pre{color:#cdd6f4}.code .lang,[data-theme=light] .code .lang{color:#8a94b8}[data-theme=light] .tok-com{color:#7c86a8}.formula,[data-theme=light] .formula{background:linear-gradient(180deg,#10142a,#0b0e20);border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--brand);color:#dfe6ff;box-shadow:var(--bezel)}.viewport{border:1px solid var(--border);box-shadow:var(--well),0 10px 26px #3c468c1a}[data-theme=dark] .viewport,.sb-root .sb-stage{border:1px solid rgba(255,255,255,.08);box-shadow:var(--bezel)}.sb-root .sb-stage:focus-visible{box-shadow:var(--bezel),0 0 0 2px color-mix(in srgb,var(--acc, var(--brand)) 60%,transparent)}[data-theme=dark] .viewport:after,.sb-root .sb-stage:after{content:"";position:absolute;inset:0 0 62%;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(172deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 55%,transparent 75%)}.quiz-opt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--clay-edge),var(--e1);transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur),background var(--dur)}.quiz-opt:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--clay-edge),var(--e2)}.quiz-opt:active:not(:disabled){transform:translateY(1px);box-shadow:var(--well)}.quiz-opt.correct{border-color:color-mix(in srgb,var(--ok) 55%,var(--border));background:color-mix(in srgb,var(--ok) 12%,var(--surface));box-shadow:var(--well)}.quiz-opt.wrong{border-color:color-mix(in srgb,var(--bad) 50%,var(--border));background:color-mix(in srgb,var(--bad) 10%,var(--surface));box-shadow:var(--well)}.site-header{top:10px;margin:0 clamp(8px,1.4vw,18px);border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);box-shadow:var(--clay-edge),var(--e3)}.nav a{transition:background var(--dur),color var(--dur),box-shadow var(--dur)}.nav a.active{background:var(--brand-soft);box-shadow:var(--well)}html{scroll-padding-top:calc(var(--header-h) + 1.6rem)}@media (max-width: 720px){.nav{inset:calc(var(--header-h) + 14px) 10px auto 10px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--clay-edge),var(--e4)}}.explorer{box-shadow:var(--clay-edge),var(--e2);border-radius:var(--radius)}.exp-item.is-active{box-shadow:var(--well)}.explorer-fab{box-shadow:var(--clay-edge),var(--e3)}.explorer-fab:active{box-shadow:var(--well);transform:translateY(1px)}.section-card,.track-card{border-radius:var(--radius);box-shadow:var(--clay-edge),var(--e1)}.section-card:hover,.track-card:hover{box-shadow:var(--clay-edge),var(--e2)}.section-glyph{box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000014;border-radius:14px}.hero-code-wrap{box-shadow:var(--bezel),0 30px 70px #323c823d}[data-theme=dark] .hero-code-wrap{box-shadow:var(--bezel),0 30px 70px #00000080}.toast{box-shadow:var(--clay-edge),var(--e4);border-radius:999px}.notice,.pill-list a,.pill-list span{box-shadow:inset 0 1px #fff6,0 1px 3px #46509612}[data-theme=dark] .notice,[data-theme=dark] .pill-list a,[data-theme=dark] .pill-list span{box-shadow:inset 0 1px #ffffff0d,0 1px 3px #0000004d}.progress-ring{box-shadow:var(--well);border-radius:50%}.progress-ring span{box-shadow:var(--clay-edge),0 1px 3px #46509624}.divider{height:2px;border-radius:2px;background:linear-gradient(180deg,#4650961f,#fff9)}[data-theme=dark] .divider{background:linear-gradient(180deg,#0006,#ffffff12)}.deep-dive>summary:hover{color:var(--text)}.sb-root .sb-side{box-shadow:var(--clay-edge),var(--e1);border-radius:var(--radius)}.sb-root .sb-ctrl{box-shadow:var(--clay-edge),var(--e1)}.sb-root .sb-ctrl:active{box-shadow:var(--well);transform:translateY(1px)}.sb-root .sb-play{text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset 0 1.5px #ffffff4d,inset 0 -2px 4px #0000002e,0 4px 12px color-mix(in srgb,var(--acc, var(--brand)) 40%,transparent)}[data-theme=light] .neural-hero{opacity:.32;filter:saturate(1.1)}[data-theme=light] .home-hero{border-bottom:none}@media (prefers-reduced-motion: reduce){.btn:hover,.btn:active,.quiz-opt:hover:not(:disabled),.quiz-opt:active:not(:disabled),.concept-card:hover,.section-card:hover,.track-card:hover{transform:none}}.grid.cards,.grid.tracks,.grid.two,.grid.three,.concept-grid{perspective:1400px}.card{--tx: 0;--ty: 0;transform-style:preserve-3d;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur)}.card:hover{transform:perspective(1400px) rotateX(calc(var(--ty) * var(--tilt) * -1)) rotateY(calc(var(--tx) * var(--tilt))) translateY(-3px);box-shadow:var(--clay-edge),var(--e2)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease);background:linear-gradient(calc(180deg + var(--tx) * 45deg),var(--sheen),transparent 42%);mix-blend-mode:overlay}.card:hover:before{opacity:1}.panel{box-shadow:var(--clay-edge),var(--e1)}.panel:where(.keepgoing,.pseudo-panel){box-shadow:var(--clay-edge),var(--e2)}.site-header{box-shadow:0 1px 0 var(--border),var(--e1)}@media (hover: none),(pointer: coarse){:root{--tilt: 0deg}}@media (prefers-reduced-motion: reduce){:root{--tilt: 0deg}.card,.card:hover{transform:none}}:root{--level-beginner: #34d399;--level-intermediate: #60a5fa;--level-advanced: #a78bfa;--sem-hot: #fbbf24;--sem-interview: #f472b6;--sem-production: #2dd4bf;--sem-done: #34d399;--sem-quiet: var(--text-faint);--t-fast: .14s;--t-base: .2s;--t-slow: .32s}[data-theme=light]{--level-beginner: #047857;--level-intermediate: #1d4ed8;--level-advanced: #6d28d9;--sem-hot: #b45309;--sem-interview: #be185d;--sem-production: #0f766e;--sem-done: #047857}.ic{flex:none;display:block;vertical-align:middle}:where(.btn,.tag,.chip,.seg button,.nav a,a)>.ic{margin-block:-.1em}.tag{--tone: var(--sem-quiet);display:inline-flex;align-items:center;gap:.32rem;padding:.22rem .55rem;border-radius:7px;font-size:.735rem;font-weight:600;line-height:1.35;letter-spacing:.005em;white-space:nowrap;max-width:100%;overflow-wrap:anywhere;color:var(--text-faint);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid transparent;transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.tag--level,.tag--hot,.tag--interview,.tag--done,.tag--production,.tag[data-tone]{color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent);border-color:color-mix(in srgb,var(--tone) 26%,transparent)}.tag--level{--tone: var(--level-beginner)}.tag--level[data-level=Intermediate]{--tone: var(--level-intermediate)}.tag--level[data-level=Advanced]{--tone: var(--level-advanced)}.tag--hot{--tone: var(--sem-hot)}.tag--interview{--tone: var(--sem-interview)}.tag--done{--tone: var(--sem-done)}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.tag--num{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:-.01em}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;min-width:0}.seg{position:relative;display:inline-flex;padding:3px;gap:2px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 55%,var(--surface-2));box-shadow:var(--well, inset 0 1px 3px rgba(0, 0, 0, .28));flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg:before{content:"";position:absolute;top:3px;left:0;height:calc(100% - 6px);width:var(--seg-w, 0px);transform:translate(var(--seg-x, 0px));border-radius:7px;background:var(--surface-solid);box-shadow:0 1px 2px #00000047,inset 0 1px #ffffff14;transition:transform var(--t-slow) var(--ease),width var(--t-slow) var(--ease);pointer-events:none}.seg[data-ready=false]:before{opacity:0}.seg button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35rem;border:none;background:transparent;color:var(--text-faint);padding:.42rem .8rem;border-radius:7px;font:inherit;font-size:.84rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color var(--t-base) var(--ease)}.seg button:hover{color:var(--text-dim)}.seg button[aria-selected=true],.seg button[aria-pressed=true]{color:var(--text);background:transparent}@media (prefers-reduced-motion: reduce){.seg:before{transition:none}}.filter-bar{display:grid;gap:.7rem;padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);margin-bottom:1.1rem}.filter-group{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem}.filter-label{font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .7rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text-dim);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}.chip:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);border-color:var(--border-strong)}.chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text)}[data-theme=dark] .chip[aria-pressed=true]{color:#0a0d19;background:#dfe5f2;border-color:#dfe5f2}.chip-count{font-family:var(--font-mono);font-size:.68rem;opacity:.6}.concept-card{display:flex;flex-direction:column;gap:.5rem;min-width:0;position:relative;overflow:hidden}.cc-rail{position:absolute;inset:0 0 auto;height:2px;background:var(--card-accent, transparent);opacity:.9;pointer-events:none}.cc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;min-width:0}.cc-top h3{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.018em;line-height:1.32;min-width:0}.concept-card>p{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;flex:1 1 auto}.cc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;min-width:0;margin-top:auto;padding-top:.15rem}.cc-flags{display:contents}.eyebrow,.page-head .eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2)}.page-head h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.06;letter-spacing:-.035em;margin:.5rem 0}.page-head .lead{max-width:68ch;font-size:clamp(.97rem,1.5vw,1.08rem);line-height:1.62;color:var(--text-dim)}.panel-title{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.btn{transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease)}.btn:active{transform:translateY(1px) scale(.995)}.btn.primary{font-weight:650;letter-spacing:-.005em}.btn.icon:not(.rail-toggle){min-width:38px;min-height:38px;padding-inline:0;justify-content:center}@media (pointer: coarse){.btn.icon,.seg button,.chip{min-height:44px}.seg button,.chip{padding-block:.6rem}}.state-glyph{width:56px;height:56px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:16px;color:var(--tone, var(--brand-2));background:color-mix(in srgb,var(--tone, var(--brand-2)) 13%,transparent);border:1px solid color-mix(in srgb,var(--tone, var(--brand-2)) 28%,transparent)}a.card,.concept-card,.hot-item,.section-card,.track-card,.pl-concept,.ht-step,.home-prod-pill,.loop-item{cursor:pointer}.tag--mark{padding:.22rem;min-width:1.55rem;justify-content:center}.home-loop{align-items:start}.section-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,252px),1fr))}.paper-panel{border-color:color-mix(in srgb,var(--brand-2) 24%,var(--border))}.pc-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.pc-entry+.pc-entry{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--border)}.pc-badge{justify-self:start;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:.16rem .45rem;border-radius:5px;color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 13%,transparent)}.pc-badge.is-more{color:var(--text-faint);background:color-mix(in srgb,var(--text) 6%,transparent)}.pc-title{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.018em;line-height:1.35;color:var(--text)}.pc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-faint)}.pc-dot-sep{opacity:.5}.pc-arxiv{font-family:var(--font-mono);font-size:.75rem;color:var(--brand-2)}.pc-block{display:grid;gap:.15rem}.pc-label{font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.pc-block p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-dim)}.pc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.25rem}.pc-diff{display:inline-flex;gap:3px}.pc-diff>span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--text) 16%,transparent)}.pc-diff>span.is-on{background:var(--brand-2)}.pc-time{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.pc-actions{display:flex;gap:.4rem;margin-left:auto;flex-wrap:wrap}.pc-more{margin-top:1rem;border-top:1px solid var(--border);padding-top:.7rem}.pc-more summary{cursor:pointer;list-style:none;font-size:.8rem;font-weight:700;color:var(--text-faint)}.pc-more summary::-webkit-details-marker{display:none}.pc-more summary:before{content:"▸ ";color:var(--brand-2)}.pc-more[open] summary:before{content:"▾ "}.pc-more summary:hover{color:var(--text-dim)}.pc-more[open] .pc-more-list{margin-top:.6rem}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;margin:.2rem 0 .9rem;font-size:.79rem;min-width:0}.crumb{color:var(--text-faint);font-weight:600}a.crumb:hover{color:var(--brand-2);text-decoration:none}.crumb.is-here{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}.crumb-sep{display:inline-flex;color:var(--text-faint);opacity:.55}.crumb-pos{margin-left:.3rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint);padding:.1rem .4rem;border-radius:5px;background:color-mix(in srgb,var(--text) 6%,transparent)}.tracknav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.4rem}.tracknav-item{display:grid;gap:.15rem;min-width:0;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}a.tracknav-item:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-2px)}.tracknav-item.is-empty{border-style:dashed;opacity:.35}.tracknav-item.is-next{text-align:right}.tracknav-dir{display:inline-flex;align-items:center;gap:.3rem;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-2)}.tracknav-item.is-next .tracknav-dir{justify-content:flex-end}.tracknav-title{font-weight:700;font-size:.97rem;letter-spacing:-.015em;line-height:1.3;overflow-wrap:anywhere}.tracknav-time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}@media (max-width: 560px){.tracknav{grid-template-columns:minmax(0,1fr)}.tracknav-item.is-next{text-align:left}.tracknav-item.is-next .tracknav-dir{justify-content:flex-start}.tracknav-item.is-empty{display:none}.pc-actions{margin-left:0;width:100%}}.relgraph{--stage-bg-a: #0a1020;--stage-bg-b: #060a14;display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:0}.relgraph [hidden]{display:none!important}.relgraph-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:32px}.relgraph-crumbs{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0;flex:1}.relgraph-crumb{background:none;border:0;padding:.2rem .1rem;font:inherit;font-size:.86rem;font-weight:600;color:var(--text-dim);cursor:pointer;border-radius:6px}.relgraph-crumb:hover{color:var(--text)}.relgraph-crumb.is-here{color:var(--text);cursor:default}.relgraph-crumb-sep{display:inline-flex;color:var(--text-faint);opacity:.6}.relgraph-back{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:.8rem;font-weight:600;cursor:pointer;flex:none}.relgraph-back:hover{color:var(--text);border-color:var(--border-strong)}.relgraph-play{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);background:var(--brand-soft);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;flex:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.relgraph-play:hover{background:color-mix(in srgb,var(--brand) 26%,transparent);border-color:color-mix(in srgb,var(--brand) 65%,transparent)}.relgraph-chips{display:flex;gap:.4rem;flex-wrap:wrap}.relgraph-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.relgraph-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);flex:none}.relgraph-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--acc) 55%,transparent)}.relgraph-chip.is-active{color:var(--text);background:color-mix(in srgb,var(--acc) 14%,transparent);border-color:color-mix(in srgb,var(--acc) 55%,transparent)}.relgraph-stage{position:relative;width:100%;aspect-ratio:16 / 9;min-height:300px;max-height:640px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 90% at 30% 15%,#131c33 0%,transparent 60%),radial-gradient(100% 80% at 80% 90%,#101a2e 0%,transparent 55%),linear-gradient(160deg,var(--stage-bg-a),var(--stage-bg-b));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0d,var(--shadow-2);touch-action:pan-y}.relgraph-canvas{display:block;width:100%;height:100%;outline:none}.relgraph-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.relgraph-caption{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);min-height:96px}.relgraph-cap-main{flex:1;min-width:240px}.relgraph-cap-t{display:block;font-weight:800;font-size:.95rem;color:var(--text);margin-bottom:.25rem}.relgraph-cap-b{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.55}.relgraph-cap-link{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;background:var(--brand-soft);color:var(--text);font-size:.82rem;font-weight:700;white-space:nowrap;flex:none}.relgraph-cap-link:hover{text-decoration:none;background:color-mix(in srgb,var(--brand) 26%,transparent)}.relgraph-cap-enjoy{margin:.45rem 0 0;font-size:.85rem;line-height:1.5;color:var(--text-dim)}.relgraph-cap-enjoy b{color:var(--text);font-weight:700}.relgraph-picker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px dashed var(--border);transition:border-color .35s var(--ease),box-shadow .35s var(--ease)}.relgraph-picker-q{font-size:.83rem;font-weight:800;color:var(--text);margin-right:.25rem}.relgraph-pick{font-style:italic;font-weight:600}.relgraph-picker.is-cued{border-style:solid;border-color:color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent),0 0 24px color-mix(in srgb,var(--brand) 18%,transparent)}@media (prefers-reduced-motion: no-preference){.relgraph-picker.is-cued{animation:relgraph-cue 1.6s var(--ease) infinite alternate}@keyframes relgraph-cue{0%{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent),0 0 12px color-mix(in srgb,var(--brand) 10%,transparent)}to{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent),0 0 28px color-mix(in srgb,var(--brand) 26%,transparent)}}}.relgraph-hint{margin:0;display:flex;align-items:center;gap:.4rem;color:var(--text-faint);font-size:.76rem}@media (max-width: 780px){.relgraph-stage{aspect-ratio:4 / 3;max-height:460px}.relgraph-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}.relgraph-chips::-webkit-scrollbar{display:none}.relgraph-chip{flex:none}.relgraph-caption{min-height:120px}.relgraph-hint{font-size:.72rem}}.tr-head .eyebrow{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tr-updated{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:.72rem;color:var(--text-faint);padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.ht-list{display:grid;gap:.85rem}.ht-card{--ha: var(--brand);position:relative;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0a,var(--e1);padding:clamp(1rem,2.6vw,1.5rem);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.ht-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--ha),color-mix(in srgb,var(--ha) 25%,transparent));opacity:.85}.ht-card[data-open=true]{border-color:color-mix(in srgb,var(--ha) 42%,var(--border));box-shadow:inset 0 1px #ffffff0f,var(--e2)}.ht-head{display:flex;align-items:flex-start;gap:.8rem}.ht-rank{flex:none;font-family:var(--font-mono);font-size:1.5rem;font-weight:800;line-height:1;color:color-mix(in srgb,var(--ha) 55%,transparent);letter-spacing:-.04em;padding-top:.1rem}.ht-glyph{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:1.15rem;font-family:var(--font-mono);color:var(--ha);background:color-mix(in srgb,var(--ha) 13%,transparent);border:1px solid color-mix(in srgb,var(--ha) 30%,transparent)}.ht-head-text{flex:1 1 auto;min-width:0;cursor:pointer}.ht-title{font-size:clamp(1.1rem,2.7vw,1.45rem);letter-spacing:-.028em;margin:0;line-height:1.2}.ht-tagline{display:block;margin-top:.15rem;font-size:.82rem;font-weight:600;color:color-mix(in srgb,var(--ha) 70%,var(--text-faint))}.ht-head-side{flex:none;display:flex;align-items:center;gap:.6rem}.ht-progress{font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap}.ht-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);transition:all var(--dur) var(--ease)}.ht-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--ha) 50%,var(--border))}.ht-toggle svg{transition:transform var(--dur) var(--ease)}.ht-card[data-open=true] .ht-toggle svg{transform:rotate(90deg)}.ht-why{margin:.85rem 0 0;font-size:.96rem;line-height:1.6;color:var(--text-dim);max-width:76ch}.ht-why-label{display:inline-block;margin-right:.5rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--ha);vertical-align:1px}.ht-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease),opacity .3s var(--ease),margin-top .4s var(--ease);opacity:0;margin-top:0}.ht-body-inner{min-height:0;min-width:0;overflow:hidden}.ht-card[data-open=true] .ht-body{grid-template-rows:1fr;opacity:1;margin-top:1.05rem}.ht-card[data-open=false] .ht-body-inner{visibility:hidden;transition:visibility 0s linear .4s}.ht-label,.ht-col-title,.ht-skip-label,.ht-path-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--text-faint)}.ht-breath{padding:.9rem 1rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--ha) 70%,transparent);margin-bottom:.9rem}.ht-breath p{margin:.3rem 0 0;line-height:1.68;color:var(--text);font-size:.97rem}.ht-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:.9rem}.ht-col{min-width:0;padding:.95rem 1rem;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.ht-col-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;color:var(--text-dim)}.ht-dot{width:7px;height:7px;border-radius:50%;background:var(--ha);box-shadow:0 0 0 3px color-mix(in srgb,var(--ha) 20%,transparent)}.is-breaks .ht-dot{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 20%,transparent)}.ht-defaults{margin:0;display:grid;gap:.55rem}.ht-defaults dt{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:color-mix(in srgb,var(--ha) 72%,var(--text))}.ht-defaults dd{margin:.1rem 0 0;font-size:.88rem;line-height:1.55;color:var(--text-dim)}.ht-breaks{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.ht-breaks li{display:grid;gap:.15rem;padding-left:.8rem;border-left:2px solid color-mix(in srgb,var(--bad) 40%,transparent)}.ht-sym{font-weight:700;font-size:.88rem;color:var(--text)}.ht-cause{font-size:.84rem;color:var(--text-faint);font-style:italic}.ht-fix{font-size:.87rem;line-height:1.55;color:var(--text-dim)}.ht-fix-tag{display:inline-block;margin-right:.4rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);vertical-align:1px}.ht-skip{padding:.8rem 1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 8%,transparent);border:1px solid color-mix(in srgb,var(--warn) 26%,var(--border));margin-bottom:.9rem}.ht-skip-label{color:color-mix(in srgb,var(--warn) 78%,var(--text-faint))}.ht-skip p{margin:.25rem 0 0;line-height:1.6;font-size:.92rem;color:var(--text-dim)}.ht-path-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;margin-bottom:.55rem}.ht-path-meta{font-size:.76rem;font-weight:600;color:var(--text-faint)}.ht-path-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.ht-step{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.58rem .8rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.9rem;font-weight:600;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ht-step:hover{text-decoration:none;transform:translate(2px);border-color:color-mix(in srgb,var(--ha) 50%,var(--border))}.ht-step-n{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-family:var(--font-mono);font-size:.7rem;font-weight:800;color:var(--ha);background:color-mix(in srgb,var(--ha) 14%,transparent)}.ht-step.is-done .ht-step-n{background:var(--ok);color:#0a0d19}.ht-step-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-step-m{flex:none;font-size:.73rem;font-family:var(--font-mono);color:var(--text-faint)}.tr-outro{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-lg);text-align:center;background:var(--surface);border:1px solid var(--border)}.tr-outro p{margin:0 0 .9rem;color:var(--text-dim)}.hot-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:.7rem}.hot-item{--ha: var(--brand);position:relative;display:flex;align-items:flex-start;gap:.7rem;min-width:0;padding:.85rem .95rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.hot-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ha);opacity:.7}.hot-item:hover{text-decoration:none;transform:translateY(-2px);border-color:color-mix(in srgb,var(--ha) 45%,var(--border))}.hot-rank{flex:none;font-family:var(--font-mono);font-size:.92rem;font-weight:800;color:color-mix(in srgb,var(--ha) 65%,transparent);padding-top:.05rem}.hot-item-body{min-width:0}.hot-item-t{display:block;font-weight:700;font-size:.95rem;letter-spacing:-.015em;line-height:1.3}.hot-item-s{display:block;margin-top:.18rem;font-size:.79rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 780px){.ht-cols{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.ht-head{flex-wrap:wrap;gap:.6rem}.ht-head-side{order:3;width:100%;justify-content:space-between}.ht-rank{font-size:1.2rem}.ht-glyph{width:32px;height:32px;font-size:1rem}.ht-head-text{flex-basis:calc(100% - 110px)}}@media (max-width: 420px){.ht-card{border-radius:var(--radius);padding:.9rem}.ht-col,.ht-breath,.ht-skip{padding:.75rem .8rem}}@media (prefers-reduced-motion: reduce){.ht-body,.ht-step,.hot-item,.ht-toggle svg{transition:none}}.ht-list,.ht-defaults,.ht-breaks,.ht-breaks li,.ht-path-list{grid-template-columns:minmax(0,1fr)}.ht-path-list>li,.ht-breaks>li,.ht-list>*{min-width:0}.ht-anim{margin-bottom:.9rem;padding:.9rem 1rem 1rem;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.ht-anim-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;margin-bottom:.6rem}.ht-anim-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:color-mix(in srgb,var(--ha) 76%,var(--text-faint))}.ht-anim-meta{font-size:.74rem;font-weight:600;color:var(--text-faint);font-family:var(--font-mono)}.ht-anim-seg{max-width:100%;margin-bottom:.7rem}.ht-anim-stage{min-width:0}.ht-anim-stage .sb-root{--sb-embedded: 1}.ht-anim-stage .sb-root .sb-side{padding-top:0}@media (max-width: 480px){.ht-anim{padding:.7rem .75rem .8rem}}.production-page{padding-bottom:2rem}.prod-hero{position:relative;padding:clamp(2rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,3rem);overflow:hidden}.prod-hero:before{content:"";position:absolute;inset:-20% -10% auto;height:80%;background:radial-gradient(ellipse 60% 70% at 30% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%),radial-gradient(ellipse 50% 60% at 78% 10%,rgba(34,211,238,.16),transparent 70%);filter:blur(10px);pointer-events:none;z-index:0}.prod-hero-inner{position:relative;z-index:1;max-width:900px}.prod-eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--brand-2);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.prod-updated{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:.72rem;color:var(--text-faint);padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.prod-title{font-size:clamp(2.1rem,6.4vw,4.2rem);line-height:1.02;letter-spacing:-.035em;margin:.7rem 0 .9rem;background:linear-gradient(100deg,var(--text) 8%,color-mix(in srgb,var(--brand) 82%,var(--text)) 52%,var(--brand-2) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.prod-lead{font-size:clamp(1rem,1.9vw,1.2rem);max-width:62ch;color:var(--text-dim)}.prod-test{display:flex;gap:.9rem;align-items:flex-start;margin:1.6rem 0 1.2rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand-2) 34%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-2) 10%,transparent),color-mix(in srgb,var(--brand) 7%,transparent));max-width:66ch}.prod-test-mark{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:.95rem;color:var(--bg);background:var(--brand-2)}.prod-test p{margin:0;font-size:1rem;line-height:1.6;color:var(--text);font-weight:500}.prod-stack{display:flex;flex-direction:column;gap:.25rem}.prod-stack-lead{font-size:1.05rem;letter-spacing:-.01em}.prod-stack-sub{color:var(--text-faint);font-size:.92rem}.oi-section{padding:clamp(1rem,3vw,2rem) 0 clamp(1.5rem,4vw,3rem)}.oi-head{margin-bottom:1.2rem}.oi-title{font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.025em;margin:0 0 .35rem}.oi-sub{margin:0;max-width:62ch;font-size:.95rem}.oi-wrap{position:relative;width:100%;padding:clamp(1rem,3vw,2rem);border-radius:var(--radius-lg);background:radial-gradient(ellipse 90% 120% at 50% -10%,#16203a,#0c1120 55%,#080c17);border:1px solid rgba(140,160,220,.16);box-shadow:inset 0 1.5px #ffffff12,0 18px 48px #0000006b;overflow:hidden}.oi-canvas{display:block;width:100%}.oi-jumps{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.oi-jump{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .8rem;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--text-dim);border:1px solid var(--border);background:var(--surface);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.oi-jump:hover{text-decoration:none;color:var(--text);border-color:color-mix(in srgb,var(--pa) 55%,var(--border));transform:translateY(-1px)}.oi-jump-g{color:var(--pa);font-family:var(--font-mono);font-weight:700}.oi-jump-go{display:inline-flex;color:var(--pa);opacity:.55;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.oi-jump:hover .oi-jump-go{opacity:1;transform:translate(2px)}.pillar-list{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem)}.pillar{position:relative;scroll-margin-top:calc(var(--header-h) + 16px);padding:clamp(1.1rem,3vw,1.9rem);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0b,var(--e1);background-image:linear-gradient(100deg,color-mix(in srgb,var(--pa) 9%,transparent),transparent 32%)}.pillar-head{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:.9rem}.pillar-glyph{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-size:1.35rem;font-family:var(--font-mono);color:var(--pa);background:color-mix(in srgb,var(--pa) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa) 34%,transparent)}.pillar-head-text{min-width:0;margin-right:auto}.pillar-open{flex:none;align-self:center;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap;color:var(--pa);border:1px solid color-mix(in srgb,var(--pa) 38%,transparent);background:color-mix(in srgb,var(--pa) 10%,transparent);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.pillar-open:hover{text-decoration:none;background:color-mix(in srgb,var(--pa) 20%,transparent);transform:translateY(-1px)}.pillar-open-g{display:inline-flex}@media (max-width: 640px){.pillar-head{flex-wrap:wrap}.pillar-open{order:3;width:100%;justify-content:center}}.pillar-layer{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:color-mix(in srgb,var(--pa) 78%,var(--text-faint))}.pillar-title{font-size:clamp(1.35rem,3.4vw,1.85rem);letter-spacing:-.028em;margin:.1rem 0 .4rem}.pillar-keys{display:flex;flex-wrap:wrap;gap:.35rem}.pillar-key{font-size:.74rem;font-weight:600;padding:.16rem .5rem;border-radius:999px;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border)}.pillar-owns{font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;font-weight:500;color:var(--text);max-width:74ch;margin:0 0 1rem}.pillar-breath{padding:.95rem 1.05rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--pa) 70%,transparent);margin-bottom:1.1rem}.pillar-breath-label,.pillar-signal-label,.pillar-concepts-title{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--text-faint);margin-bottom:.35rem}.pillar-breath p{margin:0;line-height:1.68;color:var(--text-dim)}.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.1rem}.pillar-card{min-width:0;padding:1rem 1.05rem;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.pillar-card-title{display:flex;align-items:center;gap:.5rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-dim);margin-bottom:.75rem}.pc-dot{width:7px;height:7px;border-radius:50%;background:var(--pa);box-shadow:0 0 0 3px color-mix(in srgb,var(--pa) 20%,transparent)}.is-breaks .pc-dot{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 20%,transparent)}.std-list{margin:0;display:grid;gap:.6rem}.std-list dt{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--pa) 72%,var(--text));font-family:var(--font-mono)}.std-list dd{margin:.12rem 0 0;font-size:.9rem;line-height:1.55;color:var(--text-dim)}.breaks-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.breaks-list li{display:grid;gap:.2rem;padding-left:.85rem;border-left:2px solid color-mix(in srgb,var(--bad) 40%,transparent)}.break-sym{font-weight:700;font-size:.9rem;color:var(--text)}.break-fix{font-size:.88rem;line-height:1.55;color:var(--text-dim)}.pillar-signal{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem;padding:.8rem 1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--ok) 9%,transparent);border:1px solid color-mix(in srgb,var(--ok) 28%,var(--border));margin-bottom:1.1rem}.pillar-signal-label{margin:0;color:color-mix(in srgb,var(--ok) 75%,var(--text-faint))}.pillar-signal-v{font-size:.95rem;font-weight:500;color:var(--text);flex:1 1 22ch;min-width:0}.pillar-concepts-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;margin-bottom:.6rem}.pillar-concepts-title{margin:0}.pillar-concepts-meta{font-size:.78rem;color:var(--text-faint);font-weight:600}.pillar-concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.55rem}.pl-concept{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.62rem .8rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.9rem;font-weight:600;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.pl-concept:hover{text-decoration:none;transform:translate(2px);border-color:color-mix(in srgb,var(--pa) 52%,var(--border));background:color-mix(in srgb,var(--pa) 8%,var(--surface-2))}.pl-concept-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-concept-m{flex:none;font-size:.74rem;font-weight:600;color:var(--text-faint);font-family:var(--font-mono)}.pl-concept-go{flex:none;display:inline-flex;color:var(--pa);opacity:.7}.psec-head{margin:clamp(2rem,5vw,3.5rem) 0 1.3rem;max-width:68ch}.psec-head .eyebrow{color:var(--brand-2);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em}.psec-head h2{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.03em;margin:.4rem 0 .5rem}.psec-head p{margin:0;line-height:1.65}.bo-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.bo-item{display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:1.1rem;padding:1.05rem 1.15rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0a;position:relative}.bo-item:not(:last-child):after{content:"";position:absolute;left:calc(1.15rem + 52px);bottom:-.85rem;width:1px;height:.85rem;background:linear-gradient(var(--border-strong),transparent);z-index:0}.bo-phase{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--brand-2);padding-top:.2rem}.bo-body{min-width:0}.bo-title{font-size:1.08rem;letter-spacing:-.02em;margin:0 0 .35rem}.bo-body p{margin:0 0 .65rem;line-height:1.62;color:var(--text-dim);font-size:.94rem}.bo-pills{display:flex;flex-wrap:wrap;gap:.4rem}.bo-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;padding:.22rem .6rem;border-radius:999px;color:color-mix(in srgb,var(--pa) 82%,var(--text));background:color-mix(in srgb,var(--pa) 12%,transparent);border:1px solid color-mix(in srgb,var(--pa) 32%,transparent)}.bo-pill:hover{text-decoration:none;background:color-mix(in srgb,var(--pa) 20%,transparent)}.bo-pill-g{font-family:var(--font-mono)}.sc-meter{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.sc-meter-track{flex:1 1 auto;min-width:0;height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.sc-meter-fill{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .45s var(--ease)}.sc-score{flex:none;display:flex;align-items:baseline;gap:.3rem}.sc-score-n{font-family:var(--font-mono);font-weight:800;font-size:1.05rem;color:var(--text)}.sc-score-l{font-size:.76rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.sc-rows{display:grid;gap:.45rem}.sc-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.7rem .85rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:.93rem;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.sc-row:hover{border-color:var(--border-strong)}.sc-check{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;border:1.5px solid var(--border-strong);color:transparent;transition:all var(--dur) var(--ease)}.sc-row[aria-pressed=true]{color:var(--text);background:color-mix(in srgb,var(--pa, var(--ok)) 9%,var(--surface));border-color:color-mix(in srgb,var(--pa, var(--ok)) 45%,var(--border))}.sc-row[aria-pressed=true] .sc-check{background:var(--pa, var(--ok));border-color:var(--pa, var(--ok));color:#0a0d19}.sc-claim{flex:1 1 auto;min-width:0}.sc-pillar{flex:none;font-size:.72rem;font-weight:700;color:var(--text-faint);padding:.15rem .5rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.sc-verdict{margin:1rem 0 0;padding:.9rem 1.05rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--brand);line-height:1.62;color:var(--text);font-weight:500}.prod-outro{padding:clamp(2rem,5vw,3.5rem) 0 1rem}.prod-outro-card{padding:clamp(1.4rem,4vw,2.6rem);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);background:radial-gradient(ellipse 70% 140% at 50% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),var(--surface)}.prod-outro-card h2{font-size:clamp(1.3rem,3.4vw,2rem);letter-spacing:-.03em;margin:0 0 .6rem}.prod-outro-card p{margin:0 auto 1.3rem;max-width:58ch;color:var(--text-dim);line-height:1.65}.prod-outro-cta{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}@media (max-width: 860px){.pillar-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.bo-item{grid-template-columns:minmax(0,1fr);gap:.5rem}.bo-item:not(:last-child):after{display:none}.pillar-head{gap:.7rem}.pillar-glyph{width:38px;height:38px;font-size:1.1rem}.prod-test{padding:.85rem .95rem}.sc-pillar{display:none}}@media (max-width: 420px){.pillar,.pillar-card,.bo-item{padding-left:.9rem;padding-right:.9rem}.oi-wrap{padding:.7rem;border-radius:var(--radius)}}@media (prefers-reduced-motion: reduce){.sc-meter-fill,.pl-concept,.oi-jump{transition:none}}.std-list,.breaks-list,.breaks-list li,.bo-list,.sc-rows,.pillar-list{grid-template-columns:minmax(0,1fr)}.breaks-list>li,.bo-list>li,.sc-rows>*{min-width:0}.ca{min-width:0;padding:.9rem 1rem 1rem;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.ca-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;margin-bottom:.6rem}.ca-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:color-mix(in srgb,var(--pa, var(--ha, var(--brand-2))) 76%,var(--text-faint))}.ca-meta{font-size:.74rem;font-weight:600;color:var(--text-faint);font-family:var(--font-mono)}.ca-seg{max-width:100%;margin-bottom:.7rem}.ca-stage{min-width:0}.pillar-anim{margin-bottom:1.1rem}@media (max-width: 480px){.ca{padding:.7rem .75rem .8rem}}.dom-sw{position:relative;flex:none}.dom-sw-btn{display:inline-flex;align-items:center;gap:.45rem;height:34px;padding:0 .6rem 0 .55rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.dom-sw-btn:hover,.dom-sw-btn.is-open{border-color:color-mix(in srgb,var(--dom-acc, var(--brand)) 60%,transparent);background:color-mix(in srgb,var(--dom-acc, var(--brand)) 12%,var(--surface-2))}.dom-sw-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.dom-sw-caret{display:inline-flex;transform:rotate(90deg);color:var(--text-faint)}.dom-sw-btn.is-open .dom-sw-caret{transform:rotate(-90deg)}.dom-sw-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:min(340px,calc(100vw - 2rem));border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);padding:.5rem;overflow:hidden}.dom-sw-pop-head{padding:.35rem .6rem .5rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.dom-sw-list{display:flex;flex-direction:column;gap:.2rem}.dom-sw-item{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;padding:.6rem;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--text);cursor:pointer;font:inherit}.dom-sw-item:hover{background:var(--surface-2)}.dom-sw-item.is-active{background:color-mix(in srgb,var(--dom-acc) 12%,transparent);border-color:color-mix(in srgb,var(--dom-acc) 40%,transparent)}.dom-sw-item-glyph{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;flex:none;color:var(--dom-acc);background:color-mix(in srgb,var(--dom-acc) 14%,transparent)}.dom-sw-item-body{min-width:0;display:flex;flex-direction:column;gap:.12rem}.dom-sw-item-t{font-weight:700;font-size:.88rem}.dom-sw-item-s{font-size:.76rem;color:var(--text-dim);line-height:1.4}.dom-sw-item-tick{margin-left:auto;color:var(--dom-acc);flex:none}.dom-sw-pop-foot{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.35rem;padding:.55rem;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.78rem;font-weight:700;color:var(--text-dim)}.dom-sw-pop-foot:hover{color:var(--text);text-decoration:none}@media (max-width: 560px){.dom-sw-name{display:none}.dom-sw-btn{padding:0 .5rem}}.track-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.track-pick-card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);overflow:hidden;isolation:isolate;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.track-pick-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 100% at 100% 0%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 62%);opacity:.85}.track-pick-card:hover{text-decoration:none;transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:var(--shadow-2)}.track-pick-card.is-current{border-color:color-mix(in srgb,var(--acc) 60%,transparent)}.track-pick-top{display:flex;align-items:center;gap:.6rem}.track-pick-glyph{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;flex:none;color:var(--acc);background:color-mix(in srgb,var(--acc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent)}.track-pick-kicker{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.track-pick-badge{margin-left:auto;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;color:var(--acc);background:color-mix(in srgb,var(--acc) 15%,transparent);white-space:nowrap}.track-pick-t{font-size:1.28rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.track-pick-s{margin:0;color:var(--text-dim);font-size:.9rem;line-height:1.55}.track-pick-lanes{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.track-pick-lane{font-size:.72rem;font-weight:600;padding:.22rem .5rem;border-radius:999px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border)}.track-pick-foot{margin-top:auto;padding-top:.7rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-faint)}.track-pick-go{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--acc)}.syllabus{--acc: var(--brand)}.syl-hero{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;padding:1.6rem 0 1.4rem}.syl-hero-copy{flex:1;min-width:300px}.syl-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.syl-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}.syl-title{margin:.5rem 0 .4rem;font-size:clamp(1.9rem,4.4vw,2.9rem);letter-spacing:-.03em;line-height:1.05}.syl-lead{max-width:62ch}.syl-outcome{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;margin:1rem 0 0;padding:.7rem .9rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--acc) 9%,transparent);border:1px solid color-mix(in srgb,var(--acc) 26%,transparent);color:var(--text);font-size:.9rem;line-height:1.5}.syl-outcome-l{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);white-space:nowrap}.syl-roles{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.syl-role{font-size:.75rem;font-weight:600;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);padding:.25rem .6rem;border-radius:999px}.syl-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.syl-start{gap:.45rem}.syl-start-sep{opacity:.5}.syl-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:.6rem;flex:none}.syl-stat{padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);min-width:104px}.syl-stat-v{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.syl-stat-l{display:block;font-size:.72rem;color:var(--text-faint);margin-top:.1rem}.syl-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1.6rem}.syl-progress-bar{flex:1;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.syl-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc2, var(--brand-2)))}.syl-progress-l{font-size:.8rem;color:var(--text-faint);white-space:nowrap}.syl-stage{margin-bottom:1.6rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden}.syl-stage-head{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--acc) 7%,transparent)}.syl-stage-num{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--acc);opacity:.75}.syl-stage-glyph{display:inline-flex;color:var(--acc)}.syl-stage-copy{min-width:0;flex:1}.syl-stage-name{margin:0;font-size:1.05rem;letter-spacing:-.01em}.syl-stage-hint{margin:.15rem 0 0;font-size:.82rem;color:var(--text-dim)}.syl-stage-count{font-family:var(--font-mono);font-size:.82rem;color:var(--text-faint);flex:none}.syl-stage-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.2rem 1.4rem;padding:1rem 1.2rem 1.2rem}.syl-sec{padding:.6rem 0 .8rem;min-width:0}.syl-sec-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.syl-sec-name{font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.syl-sec-name:hover{color:var(--acc);text-decoration:none}.syl-sec-count{margin-left:auto;font-family:var(--font-mono);font-size:.74rem;color:var(--text-faint)}.syl-sec-bar{display:block;height:3px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-bottom:.45rem}.syl-sec-fill{display:block;height:100%;background:var(--acc)}.syl-items{display:flex;flex-direction:column}.syl-item{display:flex;align-items:center;gap:.5rem;padding:.36rem .5rem;margin:0 -.5rem;border-radius:8px;color:var(--text-dim);font-size:.86rem;min-width:0}.syl-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.syl-item-mark{display:inline-flex;color:var(--text-faint);opacity:.6;flex:none}.syl-item.is-done .syl-item-mark{color:var(--ok);opacity:1}.syl-item.is-done .syl-item-t{color:var(--text-faint)}.syl-item-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syl-item-hot{display:inline-flex;color:var(--warn);flex:none}.syl-item-m{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);flex:none}.syl-others{margin:2.4rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--border)}.syl-others-h{margin:0 0 .3rem;font-size:1.15rem}.syl-others-s{margin:0 0 1rem;font-size:.88rem;max-width:60ch}.syl-others-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.syl-other{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text)}.syl-other:hover{text-decoration:none;border-color:color-mix(in srgb,var(--acc) 50%,transparent);background:color-mix(in srgb,var(--acc) 8%,var(--surface))}.syl-other-glyph{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;flex:none;color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,transparent)}.syl-other-body{min-width:0;display:flex;flex-direction:column}.syl-other-t{font-weight:700;font-size:.92rem}.syl-other-s{font-size:.78rem;color:var(--text-dim);line-height:1.4}.syl-other-n{margin-left:auto;font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--acc);flex:none}@media (max-width: 700px){.syl-hero{gap:1.2rem}.syl-hero-stats{grid-template-columns:repeat(4,1fr);width:100%}.syl-stat{min-width:0;padding:.6rem .5rem;text-align:center}.syl-stat-v{font-size:1.1rem}.syl-stat-l{font-size:.64rem}.syl-stage-body{padding:.8rem .9rem 1rem;gap:0}.syl-stage-head{padding:.85rem .9rem}}.sb-guide{display:flex;flex-direction:column;gap:10px;min-width:0;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.25,1)}.sb-guide.is-in{opacity:1;transform:none}.sb-guide .g-top{display:flex;align-items:center;gap:10px;min-width:0}.sb-guide .g-avatar{--g-skin: #f6d3b4;--g-skin-2: #e6b591;--g-hair: #3b2b4f;--g-hair-2: #6d4a7d;--g-iris: #4a3a6b;--g-cloth: var(--acc, #22d3ee);--g-cloth-2: color-mix(in srgb, var(--acc, #22d3ee) 55%, #7c5cff);flex:0 0 auto;width:58px;height:58px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--acc, #22d3ee) 22%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--acc, #22d3ee) 34%,transparent);box-shadow:0 4px 14px #00000047}.sb-guide .g-av{display:block}.sb-guide .g-id{display:flex;flex-direction:column;min-width:0;margin-right:auto}.sb-guide .g-name{font-weight:800;font-size:.94rem;letter-spacing:-.01em;color:var(--text);line-height:1.15;white-space:nowrap}.sb-guide .g-role{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--acc);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-guide .g-acts{display:flex;align-items:center;gap:6px;flex:0 0 auto}.sb-guide .g-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2, rgb(255 255 255 / .04));color:var(--text-dim);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .12s ease}.sb-guide .g-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--acc) 55%,var(--border));transform:translateY(-1px)}.sb-guide .g-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.sb-guide .g-voice[aria-pressed=true]{color:#06121a;background:var(--acc);border-color:var(--acc)}.sb-guide .g-hint{display:block;font-size:.72rem;font-weight:650;letter-spacing:.01em;color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent);border:1px dashed color-mix(in srgb,var(--acc) 30%,transparent);padding:5px 10px;border-radius:9px;animation:g-nudge 1.6s ease 2}.sb-guide .g-hint:before{content:"↑ ";opacity:.7}@keyframes g-nudge{0%,to{transform:none}50%{transform:translateY(-2px)}}.sb-guide .g-voicerow{display:flex}.sb-guide .g-voicerow[hidden]{display:none}.sb-guide .g-voices{width:100%;min-width:0;appearance:none;font:inherit;font-size:.76rem;font-weight:600;color:var(--text-dim);background:var(--surface-2, rgb(255 255 255 / .04));border:1px solid var(--border);border-radius:9px;padding:5px 26px 5px 10px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.sb-guide .g-voices:hover{color:var(--text);border-color:color-mix(in srgb,var(--acc) 50%,var(--border))}.sb-guide .g-voices:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.sb-guide.is-fs .g-voicerow{display:none}.sb-guide .g-aside{border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--acc) 8%,transparent);border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);border-left:3px solid var(--acc);animation:g-aside-in .4s ease both}@keyframes g-aside-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sb-guide .g-aside-tag{display:block;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}.sb-guide .g-aside-text{margin:0;font-size:.855rem;line-height:1.5;color:var(--text-dim)}.sb-guide .g-head,.sb-guide .g-eye,.sb-guide .g-mouth,.sb-guide .g-lock,.sb-guide .g-hand,.sb-guide .g-wave path{transform-box:fill-box;transform-origin:center}.sb-guide .g-head{animation:g-bob 4.6s ease-in-out infinite;transform-origin:50% 100%}@keyframes g-bob{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-1.1px) rotate(-1.1deg)}70%{transform:translateY(.6px) rotate(.9deg)}}.sb-guide .g-eye{animation:g-blink 5.6s infinite}.sb-guide .g-eye-r{animation-delay:.04s}@keyframes g-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.sb-guide .g-lock-l{animation:g-sway 5.2s ease-in-out infinite;transform-origin:50% 0%}.sb-guide .g-lock-r{animation:g-sway 5.2s ease-in-out infinite reverse;transform-origin:50% 0%}@keyframes g-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2.4deg)}}.sb-guide .g-mouth{transform:scaleY(.34)}.sb-guide.is-talking .g-mouth{animation:g-talk .34s ease-in-out infinite}@keyframes g-talk{0%,to{transform:scaleY(.34) scaleX(1)}30%{transform:scaleY(1.12) scaleX(.94)}62%{transform:scaleY(.6) scaleX(1.02)}}.sb-guide .g-hand{opacity:0;transform:translate(6px,8px) scale(.7);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.9,.3,1.4)}.sb-guide.is-pointing .g-hand{opacity:1;transform:translateY(-4px) scale(1) rotate(-12deg)}.sb-guide.is-waving .g-hand{opacity:1;animation:g-wave-hand 1s ease-in-out}@keyframes g-wave-hand{0%{transform:translateY(-6px) rotate(-8deg)}25%{transform:translateY(-8px) rotate(16deg)}50%{transform:translateY(-6px) rotate(-12deg)}75%{transform:translateY(-8px) rotate(14deg)}to{transform:translateY(-6px) rotate(0)}}.sb-guide .g-wave{opacity:0;transition:opacity .25s ease}.sb-guide.is-voiced.is-talking .g-wave{opacity:1}.sb-guide.is-voiced.is-talking .g-wave-1{animation:g-pulse 1.1s ease-in-out infinite}.sb-guide.is-voiced.is-talking .g-wave-2{animation:g-pulse 1.1s ease-in-out infinite .22s}@keyframes g-pulse{0%,to{opacity:.25}50%{opacity:1}}.sb-guide.is-talking .g-avatar{border-color:color-mix(in srgb,var(--acc) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 16%,transparent),0 4px 14px #00000047}.sb-guide.is-compact .g-avatar{width:42px;height:42px}.sb-guide.is-compact .g-role{display:none}.sb-guide.is-fs{position:static;flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top cap aside";align-items:center;gap:0 18px;opacity:1;transform:none}.sb-guide.is-fs .g-top{grid-area:top;flex-direction:column;align-items:center;gap:7px}.sb-guide.is-fs .g-id,.sb-guide.is-fs .g-hint{display:none}.sb-guide.is-fs .sb-caption{grid-area:cap;min-height:0;padding:0 0 0 12px;border:0;border-left:2px solid var(--acc);border-radius:0;background:none;box-shadow:none}.sb-guide.is-fs .sb-caption-say{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sb-guide.is-fs .g-aside{grid-area:aside;width:min(38ch,30vw);margin:0;padding:8px 12px;animation:none}.sb-guide.is-fs .sb-caption-idx{margin-bottom:3px}.sb-guide.is-fs .sb-caption-title{font-size:.98rem}.sb-guide.is-fs .sb-caption-say{margin-top:4px;font-size:.88rem}@media (max-width: 900px){.sb-guide.is-fs{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"top cap"}.sb-guide.is-fs .g-aside{display:none}.sb-guide.is-fs .sb-caption-say{-webkit-line-clamp:2}}@media (max-width: 560px){.sb-guide .g-avatar{width:46px;height:46px}.sb-guide .g-hint{display:none}.sb-guide .g-aside-text{font-size:.82rem}}@media (prefers-reduced-motion: reduce){.sb-guide,.sb-guide .g-head,.sb-guide .g-eye,.sb-guide .g-lock,.sb-guide .g-hint,.sb-guide .g-aside,.sb-guide.is-talking .g-mouth,.sb-guide.is-voiced.is-talking .g-wave-1,.sb-guide.is-voiced.is-talking .g-wave-2{animation:none!important;transition:none!important}.sb-guide{opacity:1;transform:none}}.sb-root{--sb-ease: cubic-bezier(.22, 1, .36, 1);--sb-card-bg: color-mix(in srgb, var(--surface-solid) 82%, transparent);position:relative;display:grid;grid-template-columns:clamp(288px,23vw,366px) minmax(0,1fr);grid-template-areas:"controls stage";align-items:start;column-gap:20px;row-gap:16px;width:100%;max-width:1360px;margin:0 auto}.sb-stagewrap{grid-area:stage;align-self:start;min-width:0;display:flex;align-items:center;justify-content:center}.sb-stage{position:sticky;top:calc(var(--header-h) + 12px);flex:0 0 auto;height:min(66vh,620px);min-height:340px;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;outline:none;background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 55%),radial-gradient(90% 70% at 50% 120%,rgba(0,0,0,.35),transparent 60%),linear-gradient(180deg,#070b16,#05070f);box-shadow:var(--e3),inset 0 1px #ffffff08}[data-theme=light] .sb-stage{background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 55%),linear-gradient(180deg,#0a1020,#070b16)}.sb-stage:focus-visible{box-shadow:var(--e3),0 0 0 2px color-mix(in srgb,var(--acc) 60%,transparent)}.sb-stage:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(85% 80% at 50% 45%,#000 25%,transparent 100%);mask-image:radial-gradient(85% 80% at 50% 45%,#000 25%,transparent 100%)}.sb-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.sb-root.is-recap .sb-canvas{opacity:0;transition:opacity .3s ease}.sb-root.sb-has-viz .sb-stage:before{opacity:.35}.sb-root.sb-has-viz .sb-stagewrap{align-self:stretch;align-items:flex-start}.sb-root.sb-has-viz .sb-stage{flex:0 1 auto;width:100%;align-self:stretch;min-height:300px}.sb-root.sb-has-viz .sb-example{z-index:4}.sb-flow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px 26px 22px;z-index:2}.sb-has-example .sb-flow{padding-top:54px}.sb-flow-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vh,16px);transform-origin:center center}.sb-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:clamp(16px,3vw,40px);width:100%;perspective:1000px}.sb-card{position:relative;box-sizing:border-box;min-width:236px;max-width:380px;padding:12px 18px 13px;border-radius:var(--radius);background:var(--sb-card-bg);border:1px solid color-mix(in srgb,var(--acc) 32%,var(--border));backdrop-filter:blur(4px);text-align:center;opacity:0;transform:translateY(26px) rotateX(-16deg) scale(.92);transform-origin:50% 100%;filter:blur(3px);transition:opacity .6s var(--sb-ease),transform .6s var(--sb-ease),filter .6s var(--sb-ease),box-shadow .4s var(--sb-ease),border-color .4s var(--sb-ease);will-change:transform,opacity}.sb-card.is-in{opacity:1;transform:none;filter:none;box-shadow:0 6px 22px #00000059,0 18px 34px -24px #0000008c,0 0 0 1px color-mix(in srgb,var(--acc) 18%,transparent),inset 0 1px #ffffff12}.sb-card.is-dim{opacity:.52;filter:saturate(.72);transform:scale(.985)}.sb-card.is-focus{transform:translateY(-2px) scale(1.035);border-color:color-mix(in srgb,var(--acc) 62%,transparent);box-shadow:0 12px 34px #0000006b,0 26px 48px -26px #0009,0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent),0 0 30px color-mix(in srgb,var(--acc) 26%,transparent),inset 0 1px #ffffff17;animation:sb-focus-float 3.4s ease-in-out infinite alternate}@keyframes sb-focus-float{0%{transform:translateY(-2px) scale(1.035)}to{transform:translateY(-7px) scale(1.035)}}@keyframes sb-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--acc) 55%,transparent)}to{box-shadow:0 0 0 16px transparent}}.sb-card.is-pulse.is-in:after{content:"";position:absolute;inset:-1px;border-radius:inherit;animation:sb-pulse .6s var(--sb-ease) forwards;pointer-events:none}.sb-card-head{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.sb-card-icon{font-size:1rem;line-height:1;filter:grayscale(.1)}.sb-card-title{font-weight:700;font-size:1.18rem;letter-spacing:-.01em;color:var(--acc)}.sb-card-desc{margin-top:4px;font-size:.94rem;line-height:1.35;color:var(--text-dim)}.sb-card-essence{margin-top:7px;padding:3px 9px;display:inline-block;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.01em;color:color-mix(in srgb,var(--acc) 78%,var(--text));background:var(--acc-soft);border-radius:7px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sb-chip{font-family:var(--font-mono);font-size:.66rem;font-weight:600;padding:2px 7px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.sb-chip.is-run{color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent);animation:sb-blink 1s steps(3,end) infinite}.sb-chip.is-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent)}.sb-chip.is-bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 16%,transparent)}.sb-chip.is-neutral{color:var(--text-dim);background:var(--surface-2)}@keyframes sb-blink{50%{opacity:.45}}.sb-links{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.sb-link{stroke:color-mix(in srgb,var(--border-strong) 90%,transparent);stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .4s var(--sb-ease)}.sb-link.is-drawn{opacity:.6}.sb-link.is-live{stroke:color-mix(in srgb,var(--acc) 55%,var(--border-strong));opacity:.9}.sb-dot{pointer-events:none}.sb-dot-trail{pointer-events:none;transition:opacity .2s}.sb-dot-land{transition:opacity .25s;opacity:0}.sb-example{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 80%,transparent);border:1px solid var(--border);font-size:.76rem;backdrop-filter:blur(6px);box-shadow:var(--e2);max-width:min(90%,460px)}.sb-example-rail{position:static;transform:none;flex:0 0 auto;align-self:stretch;display:flex;max-width:none;padding:7px 12px;border-radius:var(--radius);background:var(--surface);backdrop-filter:none;box-shadow:none}.sb-example-rail .sb-example-body{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-example-tag{flex:0 0 auto;font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--acc)}.sb-example-body{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-recap{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--sb-ease),visibility 0s linear .5s;background:radial-gradient(60% 60% at 50% 50%,#05070fb8,#05070ff0);backdrop-filter:blur(3px)}.sb-recap.is-in{opacity:1;visibility:visible;transition:opacity .5s var(--sb-ease)}.sb-root.is-recap .sb-flow,.sb-root.is-recap .sb-links{opacity:.12;filter:blur(2px);transition:opacity .5s,filter .5s}.sb-root.is-recap .sb-example{opacity:0;transition:opacity .4s}.sb-recap-row{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;opacity:0;transform:translateY(10px);animation:sb-recap-in .55s var(--sb-ease) forwards;animation-delay:calc(var(--i) * .28s + .2s)}.sb-recap-term{font-weight:800;font-size:clamp(1.25rem,2.6vw,1.85rem);line-height:1.15;letter-spacing:-.02em;color:var(--acc);text-shadow:0 0 26px color-mix(in srgb,var(--acc) 40%,transparent);text-align:center}.sb-recap-line{font-size:.82rem;line-height:1.3;color:var(--text-dim);text-align:center}.sb-recap-arrow{color:var(--text-faint);font-size:1rem;line-height:1;opacity:0;animation:sb-recap-in .5s var(--sb-ease) forwards;animation-delay:calc(var(--i) * .28s + .42s)}.sb-recap-arrow:before{content:"↓"}@media (min-width: 900px){.sb-recap{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:0 20px}.sb-recap-row{flex:1 1 0;max-width:none}.sb-recap-term{font-size:clamp(1.05rem,1.7vw,1.6rem)}.sb-recap-line{font-size:.76rem}.sb-recap-arrow{flex:0 0 auto;font-size:.95rem}.sb-recap-arrow:before{content:"→"}}@keyframes sb-recap-in{to{opacity:1;transform:none}}.sb-side{grid-area:controls;align-self:start;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:visible}.sb-caption{flex:0 0 auto;min-height:6.5rem;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--acc);box-shadow:var(--clay-edge),var(--e1)}.sb-caption-idx{display:inline-block;font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:7px}.sb-caption-title{display:block;font-weight:700;font-size:1.06rem;line-height:1.25;color:var(--text);letter-spacing:-.01em}.sb-caption-say{margin:8px 0 0;font-size:.92rem;color:var(--text-dim);line-height:1.55}.concept-sb .page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:1.5rem;margin-bottom:1rem}.concept-sb .page-head .eyebrow,.concept-sb .page-head h1,.concept-sb .page-head .lead{grid-column:1}.concept-sb .page-head h1{margin-bottom:.2rem!important;font-size:clamp(1.75rem,3.4vw,2.45rem)}.concept-sb .page-head .lead{font-size:.98rem;margin-bottom:0;max-width:68ch}.concept-sb .page-head .chip-row{grid-column:2;grid-row:1 / span 3;align-self:end;justify-content:flex-end;max-width:32ch;margin-top:0!important}@media (max-width: 880px){.concept-sb .page-head{grid-template-columns:minmax(0,1fr)}.concept-sb .page-head .chip-row{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none;margin-top:.7rem!important}}.sb-hero{margin-bottom:1.5rem}.sb-hero3{display:flex;align-items:flex-start;justify-content:center;gap:22px;margin-bottom:1.5rem}.sb-hero3>.sb-rail{flex:1 1 0;min-width:0;max-width:400px;display:flex;flex-direction:column;gap:1rem}.sb-hero3>*:not(.sb-rail){flex:0 0 auto;min-width:0}.sb-hero3 .sb-rail .panel{margin:0}.sb-hero3.is-stacked{flex-direction:column;align-items:stretch;gap:1rem}.sb-hero3.is-stacked>.sb-rail{max-width:none;flex-direction:row;flex-wrap:wrap}.sb-hero3.is-stacked>.sb-rail>.panel{flex:1 1 280px}.sb-hero3.is-stacked>*:not(.sb-rail){order:-1}.sb-hero3 .sb-rail .formula{overflow-x:auto}@media (max-width: 1040px){.sb-hero3{flex-direction:column;align-items:stretch;gap:1rem}.sb-hero3>.sb-rail{max-width:none;flex-direction:row;flex-wrap:wrap}.sb-hero3>.sb-rail>.panel{flex:1 1 280px}.sb-hero3>*:not(.sb-rail){order:-1}}.concept-below{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.25rem;align-items:start}.concept-col{display:flex;flex-direction:column;gap:1rem;min-width:0}@media (max-width: 900px){.concept-below{grid-template-columns:minmax(0,1fr)}}.sb-hud{flex:0 0 auto;display:flex;align-items:center;gap:8px}.sb-ctrl{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:1.05rem;cursor:pointer;transition:color .2s var(--sb-ease),background .2s var(--sb-ease),border-color .2s var(--sb-ease)}.sb-ctrl:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}@media (pointer: coarse){.sb-ctrl{width:44px;height:44px}.sb-play{width:48px;height:48px}}.sb-play{color:#fff;background:var(--acc);border-color:var(--acc)}.sb-play:hover{color:#fff;background:color-mix(in srgb,var(--acc) 86%,#000);border-color:var(--acc)}.sb-speed{width:auto;padding:0 12px;margin-left:auto;font-family:var(--font-mono);font-size:.8rem;font-weight:600}.sb-steplist{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;padding-right:2px}.sb-step{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-dim);text-align:left;cursor:pointer;transition:background .18s var(--sb-ease),color .18s var(--sb-ease)}.sb-step:hover{background:var(--surface);color:var(--text)}.sb-step-n{flex:0 0 22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;background:var(--surface-2);color:var(--text-faint);transition:all .2s var(--sb-ease)}.sb-step-t{font-size:.86rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-step.is-done .sb-step-n{background:color-mix(in srgb,var(--acc) 30%,transparent);color:color-mix(in srgb,var(--acc) 92%,var(--text))}.sb-step.is-active{background:var(--acc-soft);color:var(--text);border-color:color-mix(in srgb,var(--acc) 35%,transparent)}.sb-step.is-active .sb-step-n{background:var(--acc);color:#fff;box-shadow:0 0 10px color-mix(in srgb,var(--acc) 50%,transparent)}.sb-step.is-active .sb-step-t{font-weight:600}@media (max-width: 880px){.sb-root{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "controls";row-gap:18px;height:auto!important}.sb-stagewrap{align-self:stretch}.sb-stage,.sb-root.sb-has-viz .sb-stage{min-height:0}.sb-side{align-self:start;max-height:none!important;overflow:visible}.sb-caption{max-height:none;overflow:visible}.sb-steplist{overflow:visible;min-height:0}}@media (prefers-reduced-motion: reduce){.sb-card,.sb-link,.sb-recap,.sb-recap-row,.sb-recap-arrow{transition:none!important;animation:none!important}.sb-card{filter:none;transform:none}.sb-card.is-focus{animation:none!important}.sb-dot-trail{display:none}.sb-recap-row,.sb-recap-arrow{opacity:1;transform:none}}@media (max-width: 720px){.sb-card{max-width:300px}}.sb-ctrl.sb-fs{font-size:1rem}.sb-zoom-reset{position:absolute;top:12px;right:12px;z-index:6;padding:6px 13px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-solid) 86%,transparent);color:var(--text);font:600 .76rem/1 var(--font-mono);cursor:pointer;backdrop-filter:blur(6px);box-shadow:var(--e2)}.sb-zoom-reset[hidden]{display:none}.sb-zoom-reset:hover{border-color:var(--acc);color:var(--acc)}.sb-fs-controls{display:none}.sb-stagewrap:fullscreen,.sb-stagewrap:-webkit-full-screen{width:100vw;height:100vh;padding:0;background:#05070f;flex-direction:column;align-items:stretch;justify-content:flex-start}.sb-fs-dock{display:none}.sb-stagewrap:fullscreen .sb-fs-dock,.sb-stagewrap:-webkit-full-screen .sb-fs-dock{display:flex;align-items:center;gap:18px;flex:0 0 auto;padding:12px clamp(14px,3vw,34px);background:#070a12;border-top:1px solid var(--border)}.sb-stagewrap:fullscreen .sb-stage,.sb-stagewrap:-webkit-full-screen .sb-stage{position:relative;top:auto;border-radius:0;border:none;box-shadow:none}.sb-stagewrap:fullscreen .sb-fs-controls,.sb-stagewrap:-webkit-full-screen .sb-fs-controls{display:flex;gap:8px;position:static;transform:none;flex:0 0 auto;padding:0;background:none;border:0;box-shadow:none;opacity:1}@media (max-width: 720px){.sb-stagewrap:fullscreen .sb-fs-controls,.sb-stagewrap:-webkit-full-screen .sb-fs-controls{gap:6px}}.sb-control{flex:0 0 auto;padding:12px 14px 11px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--clay-edge),var(--e1)}.sb-control-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.sb-control-label{font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.sb-control-val{font-family:var(--font-mono);font-size:.92rem;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums}.sb-control-caption{margin:9px 0 0;font-size:.82rem;line-height:1.45;color:var(--text-dim);min-height:2.4em}.sb-control-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.sb-control-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 65%,transparent),color-mix(in srgb,var(--acc) 22%,transparent));box-shadow:var(--well)}.sb-control-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 65%,transparent),color-mix(in srgb,var(--acc) 22%,transparent));box-shadow:var(--well)}.sb-control-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));border:1px solid color-mix(in srgb,var(--acc) 70%,#000 18%);box-shadow:inset 0 1.5px #fff6,0 3px 10px color-mix(in srgb,var(--acc) 45%,transparent);transition:transform .15s var(--sb-ease)}.sb-control-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));border:1px solid color-mix(in srgb,var(--acc) 70%,#000 18%);box-shadow:inset 0 1.5px #fff6,0 3px 10px color-mix(in srgb,var(--acc) 45%,transparent)}.sb-control-range:hover::-webkit-slider-thumb,.sb-control-range:active::-webkit-slider-thumb{transform:scale(1.12)}.sb-control-range:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:999px}@media (pointer: coarse){.sb-control-range{height:44px}.sb-control-range::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.sb-control-range::-moz-range-thumb{width:26px;height:26px}}.sb-scrub{position:relative;height:26px;margin:.55rem 0 .2rem;cursor:pointer;touch-action:none;display:flex;align-items:center}.sb-scrub-track,.sb-scrub-fill{position:absolute;left:0;right:0;height:4px;border-radius:999px;pointer-events:none}.sb-scrub-track{background:#ffffff1a;box-shadow:inset 0 1px 2px #00000059}.sb-scrub-fill{right:auto;width:0%;background:linear-gradient(90deg,var(--sb-acc, #22d3ee),color-mix(in srgb,var(--sb-acc, #22d3ee) 60%,#ffffff))}.sb-scrub-marks{position:absolute;inset:0;pointer-events:none}.sb-scrub-mark{position:absolute;top:50%;width:2px;height:9px;margin-left:-1px;transform:translateY(-50%);border-radius:1px;background:#ffffff47}.sb-scrub-handle{position:absolute;top:50%;width:13px;height:13px;margin-left:-6.5px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080,0 0 0 3px color-mix(in srgb,var(--sb-acc, #22d3ee) 35%,transparent);pointer-events:none;transition:width .15s ease,height .15s ease}.sb-scrub:hover .sb-scrub-handle,.sb-scrub:focus-visible .sb-scrub-handle,.sb-scrub.is-dragging .sb-scrub-handle{width:16px;height:16px;margin-left:-8px}.sb-scrub:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;border-radius:6px}@media (pointer: coarse){.sb-scrub{height:40px}}@media (prefers-reduced-motion: reduce){.sb-scrub-handle{transition:none}}.system-page{padding-bottom:4rem}.sys-top{padding-top:1.6rem}.sys-back{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--text-dim);text-decoration:none;margin-bottom:1.1rem}.sys-back:hover{color:var(--pa, var(--accent))}.sys-back-g{display:inline-flex;transform:rotate(180deg)}.sys-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.15rem}.sys-glyph{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--pa, var(--accent));background:color-mix(in srgb,var(--pa, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa, var(--accent)) 34%,transparent)}.sys-hero-t{min-width:0}.sys-layer{display:block;font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pa, var(--accent))}.sys-title{margin:2px 0 8px;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.08;letter-spacing:-.025em}.sys-keys{display:flex;flex-wrap:wrap;gap:6px}.sys-key{font-size:.74rem;font-weight:600;color:var(--text-dim);background:var(--surface-2, rgb(255 255 255 / .04));border:1px solid var(--border);border-radius:999px;padding:3px 9px}.sys-meta{text-align:right;line-height:1.1}.sys-meta-n{display:block;font-size:1.8rem;font-weight:800;color:var(--pa, var(--accent));letter-spacing:-.03em}.sys-meta-l{font-size:.72rem;color:var(--text-dim)}.sys-owns{margin:0;font-size:1.02rem;line-height:1.6;color:var(--text-dim);max-width:76ch;border-left:3px solid color-mix(in srgb,var(--pa, var(--accent)) 60%,transparent);padding-left:14px}@media (max-width: 760px){.sys-hero{grid-template-columns:auto minmax(0,1fr)}.sys-meta{grid-column:1 / -1;text-align:left;display:flex;align-items:baseline;gap:8px}.sys-meta-n{font-size:1.3rem}}.theatre{margin:1.15rem 0 2.2rem;border-radius:var(--radius-lg, 20px);border:1px solid var(--border);background:var(--surface);padding:1.1rem 1.1rem .9rem;box-shadow:var(--e1)}.thr-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.75rem;min-width:0}.thr-eyebrow{flex:none;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pa, var(--accent))}.thr-now-t{flex:1 1 auto;min-width:0;font-size:1.14rem;font-weight:800;letter-spacing:-.02em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thr-now-l{margin:.7rem 0 0;font-size:.87rem;line-height:1.5;color:var(--text-dim);max-width:78ch}.thr-open{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;white-space:nowrap;color:var(--pa, var(--accent));border:1px solid color-mix(in srgb,var(--pa, var(--accent)) 36%,transparent);background:color-mix(in srgb,var(--pa, var(--accent)) 10%,transparent);border-radius:999px;padding:6px 12px;text-decoration:none}.thr-open:hover{background:color-mix(in srgb,var(--pa, var(--accent)) 20%,transparent)}.thr-stage{min-height:320px}.thr-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--border)}.thr-nav{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2, rgb(255 255 255 / .04));color:var(--text-dim);cursor:pointer}.thr-nav:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--pa, var(--accent)) 55%,var(--border))}.thr-nav:disabled{opacity:.34;cursor:default}.thr-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;scroll-snap-type:x proximity}.thr-chips::-webkit-scrollbar{height:5px}.thr-chips::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.thr-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;scroll-snap-align:start;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.78rem;font-weight:650;padding:6px 13px;cursor:pointer;white-space:nowrap;transition:color .16s ease,border-color .16s ease,background .16s ease}.thr-chip:hover{color:var(--text)}.thr-chip[aria-pressed=true]{color:var(--pa, var(--accent));border-color:color-mix(in srgb,var(--pa, var(--accent)) 60%,transparent);background:color-mix(in srgb,var(--pa, var(--accent)) 12%,transparent)}.thr-chip-n{font-family:var(--font-mono);font-size:.66rem;opacity:.65}.thr-count{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);white-space:nowrap;padding-left:4px}@media (max-width: 720px){.theatre{padding:.9rem .75rem .75rem;border-radius:16px}.thr-head{flex-wrap:wrap}.thr-now-t{flex-basis:100%;white-space:normal}.thr-count{display:none}}.sys-body{display:flex;flex-direction:column;gap:1.5rem}.sys-breath{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.05rem 1.15rem}.sys-breath-label{display:block;font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pa, var(--accent));margin-bottom:7px}.sys-breath p{margin:0;line-height:1.65;color:var(--text-dim);max-width:82ch}.sys-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:.6rem}.sys-pager-i{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.sys-pager-i:hover{border-color:color-mix(in srgb,var(--pa, var(--accent)) 60%,var(--border));transform:translateY(-2px)}.sys-pager-i.is-next{text-align:right}.sys-pager-l{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.sys-pager-t{font-size:1rem;font-weight:750;color:var(--pa, var(--accent))}@media (max-width: 560px){.sys-pager{grid-template-columns:minmax(0,1fr)}.sys-pager-i.is-next{text-align:left}}.map-page{padding-bottom:3rem}.map-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}.map-filters{flex:1 1 auto;min-width:0}.map-progress{display:inline-flex;align-items:baseline;gap:.4rem;padding:.3rem .7rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 4%,transparent)}.map-progress-n{font-family:var(--font-mono);font-weight:800;font-size:.95rem;color:var(--text)}.map-progress-l{font-size:.74rem;color:var(--text-faint)}.map-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:1.2rem;font-size:.76rem;color:var(--text-faint)}.map-key{display:inline-flex;align-items:center;gap:.4rem}.map-key-dot{width:9px;height:9px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border-strong)}.map-key-dot.is-self{background:var(--brand);border-color:var(--brand)}.map-key-dot.is-chain{background:color-mix(in srgb,var(--brand-2) 60%,transparent);border-color:var(--brand-2)}.map-key-dot.is-next{background:color-mix(in srgb,var(--warn) 55%,transparent);border-color:var(--warn)}.map-key-dot.is-done{background:var(--ok);border-color:var(--ok)}.map-root{display:grid;gap:1.1rem}.map-lane{--lane: var(--brand);min-width:0;padding:.85rem 0 .9rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent)}.map-lane[hidden]{display:none}.map-lane-head{display:flex;align-items:center;gap:.7rem;padding:0 1rem .6rem;min-width:0}.map-lane-name{font-size:.86rem;font-weight:700;letter-spacing:-.01em;color:var(--lane);white-space:nowrap}.map-lane-count{font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.map-lane-bar{flex:1 1 auto;min-width:40px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--lane) 14%,transparent);overflow:hidden}.map-lane-fill{display:block;height:100%;border-radius:999px;background:var(--lane)}.map-lane-track{display:flex;align-items:flex-start;gap:.8rem;padding:0 1rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;--fade: 34px;mask-image:none}.map-lane-track.has-more{mask-image:linear-gradient(to right,#000 calc(100% - var(--fade)),transparent)}.map-lane-track.has-prev{mask-image:linear-gradient(to right,transparent,#000 var(--fade))}.map-lane-track.has-prev.has-more{mask-image:linear-gradient(to right,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}.map-col{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;flex:none}.map-col+.map-col{padding-left:.8rem;border-left:1px dashed color-mix(in srgb,var(--lane) 24%,transparent)}.map-node{display:flex;align-items:center;gap:.5rem;width:186px;padding:.45rem .6rem;border-radius:9px;border:1px solid var(--border);background:var(--surface-solid);color:var(--text-dim);font-size:.8rem;font-weight:600;line-height:1.3;cursor:pointer;transition:border-color var(--t-base, .2s) var(--ease),background var(--t-base, .2s) var(--ease),opacity var(--t-base, .2s) var(--ease),color var(--t-base, .2s) var(--ease)}.map-node[hidden]{display:none}.map-node:hover{text-decoration:none}.map-node-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node-m{flex:none;font-family:var(--font-mono);font-size:.66rem;color:var(--text-faint)}.map-node.is-done{color:var(--text);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 9%,var(--surface-solid))}.map-node.is-self{color:var(--bg);background:var(--brand);border-color:var(--brand)}[data-theme=dark] .map-node.is-self{color:#0a0d19}.map-node.is-self .map-node-m{color:inherit;opacity:.7}.map-node.is-chain{color:var(--text);border-color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 16%,var(--surface-solid))}.map-node.is-next{color:var(--text);border-color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface-solid))}.map-root.is-focusing .map-node.is-dim{opacity:.22}@media (hover: none){.map-node.is-self .map-node-m{font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.02em}.map-node.is-self .map-node-m:after{content:" · tap again"}}@media (max-width: 640px){.map-node{width:158px;font-size:.76rem}.map-lane-head{flex-wrap:wrap}.map-lane-bar{order:3;flex-basis:100%}}@media (prefers-reduced-motion: reduce){.map-node{transition:none}}.prereqs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:0 0 1rem;min-width:0}.prereqs-label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.prereqs-list{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.prereq{display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .6rem;border-radius:7px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text-dim);font-size:.78rem;font-weight:600;transition:border-color var(--t-base, .2s) var(--ease),color var(--t-base, .2s) var(--ease)}.prereq:hover{text-decoration:none;color:var(--text);border-color:var(--border-strong)}.prereq-tick{display:inline-flex;color:var(--text-faint)}.prereq.is-done{color:var(--sem-done, var(--ok));border-color:color-mix(in srgb,var(--ok) 32%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent)}.prereq.is-done .prereq-tick{color:var(--sem-done, var(--ok))}.builds-toward{margin-top:1.4rem;padding:.95rem 1.05rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent)}.bt-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.55rem}.bt-list{display:flex;flex-wrap:wrap;gap:.4rem}.bt-item{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-solid);color:var(--text);font-size:.85rem;font-weight:600;transition:transform var(--t-base, .2s) var(--ease),border-color var(--t-base, .2s) var(--ease)}.bt-item:hover{text-decoration:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-2) 45%,var(--border))}.bt-time{font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint)}.pal-root[hidden]{display:none}.pal-root{position:fixed;inset:0;z-index:200;display:grid;align-content:start;justify-items:center;padding:clamp(3rem,12vh,8rem) 1rem 2rem}.pal-backdrop{position:fixed;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg-2) 72%,transparent);backdrop-filter:blur(6px);animation:pal-fade .16s var(--ease)}body.pal-open{overflow:hidden}.pal-panel{width:min(100%,640px);max-height:min(70vh,560px);display:flex;flex-direction:column;min-height:0;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-solid);box-shadow:var(--e4, 0 24px 64px rgba(0, 0, 0, .55));overflow:hidden;animation:pal-rise .18s var(--ease)}@keyframes pal-fade{0%{opacity:0}}@keyframes pal-rise{0%{opacity:0;transform:translateY(-8px) scale(.985)}}@media (prefers-reduced-motion: reduce){.pal-backdrop,.pal-panel{animation:none}}.pal-search{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex:none}.pal-search-ic{display:inline-flex;color:var(--text-faint)}.pal-input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:1rem;outline:none}.pal-input::placeholder{color:var(--text-faint)}.pal-esc{flex:none}.pal-body{overflow-y:auto;overscroll-behavior:contain;padding:.4rem;min-height:0}.pal-group{padding:.55rem .6rem .3rem;font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.pal-item{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.55rem .6rem;border-radius:9px;color:var(--text);cursor:pointer}.pal-item:hover{text-decoration:none}.pal-item.is-active{background:color-mix(in srgb,var(--brand) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 32%,transparent)}.pal-item-ic{flex:none;display:inline-flex;color:var(--text-faint)}.pal-item.is-active .pal-item-ic{color:var(--brand-2)}.pal-item-body{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.pal-item-t{font-weight:650;font-size:.93rem;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-item-s{font-size:.79rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-item-m{flex:none;font-size:.7rem;font-weight:600;color:var(--text-faint);padding:.14rem .45rem;border-radius:5px;background:color-mix(in srgb,var(--text) 6%,transparent);max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-empty{padding:1.6rem 1rem;text-align:center;color:var(--text-faint);font-size:.9rem}.pal-foot{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;padding:.55rem .9rem;border-top:1px solid var(--border);font-size:.74rem;color:var(--text-faint);flex:none}.pal-foot-hint{margin-left:auto}.pal-sc-title{padding:.7rem .6rem .4rem;font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.pal-sc-list{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1rem;align-items:center;padding:0 .6rem .7rem}.pal-sc-list dt{display:inline-flex;gap:.25rem;align-items:center;justify-self:start}.pal-sc-list dd{margin:0;font-size:.88rem;color:var(--text-dim)}.pal-kbd-sep{color:var(--text-faint);font-size:.72rem}kbd{display:inline-block;min-width:1.5em;text-align:center;padding:.1rem .34rem;border-radius:5px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;line-height:1.5;color:var(--text-dim);background:color-mix(in srgb,var(--text) 7%,transparent);border:1px solid var(--border);border-bottom-width:2px}.pal-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.34rem .6rem .34rem .55rem;border-radius:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text-faint);font:inherit;font-size:.84rem;cursor:pointer;transition:color var(--t-base, .2s) var(--ease),border-color var(--t-base, .2s) var(--ease)}.pal-trigger:hover{color:var(--text-dim);border-color:var(--border-strong)}.pal-trigger-label{display:none}@media (min-width: 1500px){.pal-trigger-label{display:inline}}@media (max-width: 560px){.pal-panel{max-height:80vh}.pal-foot-hint{display:none}}@media (max-width: 1240px){.pal-trigger kbd{display:none}.pal-trigger{padding:.34rem .5rem}}