@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--bg-soft:#0d1320;--panel:linear-gradient(160deg, #101c2aeb, #090e18f2);--text:#dde8f9;--muted:#9db0cd;--border:#678bbc59;--rate:#00d4ff;--capacity:#f0a;--msg:#0f8;--tag:gold;--ok:#0f8;--bad:#ff406f;--link:#00d4ff;--shadow:0 24px 60px #00000073}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef6ff;--bg-soft:#d8ebff;--panel:linear-gradient(160deg, #fffffff0, #eff8fffa);--text:#112034;--muted:#3a527a;--border:#38577b40;--shadow:0 24px 55px #1b335933;--ok:#06753a;--bad:#c01233;--tag:#b26a00;--link:#0a58c0}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background-color:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 18% -10%, #00d4ff47, transparent 40%), radial-gradient(circle at 85% 0%, #ff00aa42, transparent 35%), linear-gradient(180deg, var(--bg), var(--bg-soft));font-family:Space Grotesk,sans-serif}a{color:var(--link)}.skip-link{color:#fff;z-index:1000;background-color:#0b1f3f;border:2px solid #fff;border-radius:8px;padding:.5rem .75rem;position:absolute;top:.5rem;left:-9999px}.skip-link:focus{left:1rem}#app{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.cl-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--muted);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab,var(--link) 6%,transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}}.cl-hero-main .badges{justify-content:flex-start;margin:1rem 0 0}.cl-hero-main .ghost{margin-top:1rem}.layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1rem;animation:.55s ease-out both rise}.panel:nth-child(2){animation-delay:80ms}.panel:nth-child(3){animation-delay:.16s}.panel:nth-child(4){animation-delay:.24s}.panel:nth-child(5){animation-delay:.32s}h2{margin-top:0;font-size:1.18rem}p,li,label,td,th{color:var(--muted)}label{margin:.6rem 0;font-size:.9rem;display:block}input,textarea,button{border:1px solid var(--border);width:100%;color:var(--text);background-color:#08122173;border-radius:10px;padding:.6rem .7rem;font-family:IBM Plex Mono,monospace}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] button{background-color:#ffffffd9}button{cursor:pointer;font-weight:600;transition:transform .16s,border-color .16s}button:hover{border-color:var(--rate);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{border-color:var(--border);transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--tag);outline-offset:2px}.ghost{width:auto;max-width:180px;margin:0 auto}.controls{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:.7rem 0;display:grid}.grid2{grid-template-columns:1fr auto;align-items:end;gap:.5rem;display:grid}.state-bars{gap:.5rem;margin:.6rem 0;display:grid}.word{gap:.25rem;display:grid}.word-label{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.72rem}.word-label em{text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-style:normal}.bitgrid{grid-template-columns:repeat(64,1fr);gap:1px;display:grid}.bit{aspect-ratio:1;background-color:#7d96b91f;border-radius:1px;transition:background .18s,box-shadow .18s}.word-0 .bit.on,.word-1 .bit.on{background-color:var(--rate);box-shadow:0 0 3px #00d4ffb3}.word-2 .bit.on,.word-3 .bit.on,.word-4 .bit.on{background-color:var(--capacity);box-shadow:0 0 3px #f0a9}.density{color:var(--muted);margin:.4rem 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.76rem}.copy-btn{font-size:.82rem}.avalanche-grid{grid-template-columns:repeat(32,1fr);gap:1px;margin-top:.6rem;display:grid}.avalanche-grid i{aspect-ratio:1;background-color:#7d96b91a;border-radius:1px}.avalanche-grid i.on{background-color:var(--muted)}.avalanche-grid i.flip{background-color:var(--tag);box-shadow:0 0 4px #ffd700b3}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin:.5rem 0 0;font-size:.74rem;display:flex}.swatch{vertical-align:-1px;background-color:#7d96b91a;border-radius:2px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.swatch.on{background-color:var(--muted)}.swatch.flip{background-color:var(--tag)}.badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.9rem 0 1.1rem;padding:0;list-style:none;display:flex}.badges li{letter-spacing:.02em;border:1px solid var(--border);color:var(--text);background-color:#7d96b914;border-radius:999px;padding:.32rem .7rem;font-family:IBM Plex Mono,monospace;font-size:.72rem}.badges .badge-ok{color:var(--ok);border-color:#00ff8873}.badges .badge-ok:before{content:"✓ ";font-weight:700}h2 .ex-num{background:linear-gradient(135deg, var(--rate), var(--capacity));color:#05070d;vertical-align:middle;border-radius:8px;place-items:center;width:1.6rem;height:1.6rem;margin-right:.55rem;font-size:.95rem;font-weight:700;display:inline-grid}.phase-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:.9rem 0 .2rem;font-size:.78rem;font-weight:700}.phase-label .tagline{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.explainer{border:1px solid var(--border);background-color:#040d1766;border-radius:10px;margin-top:.9rem;padding:.4rem .8rem}.explainer summary{cursor:pointer;color:var(--text);padding:.3rem 0;font-weight:600}.explainer summary:focus-visible{outline:3px solid var(--tag);outline-offset:2px}.explainer ol{margin:.4rem 0;padding-left:1.2rem}.explainer li{margin:.3rem 0}.mono.small{font-size:.76rem;line-height:1.5}.codeblock{white-space:pre;-webkit-overflow-scrolling:touch;overflow-x:auto}@media (prefers-reduced-motion:reduce){.bit{transition:none}}.mono{border:1px solid var(--border);white-space:pre-wrap;background-color:#040d1799;border-radius:10px;padding:.75rem;font-family:IBM Plex Mono,monospace;font-size:.82rem}.status{min-height:1.2rem;font-weight:700}.status.good{color:var(--ok)}.status.bad{color:var(--bad)}.status.neutral{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:.88rem}caption{text-align:left;color:var(--muted);margin-bottom:.5rem}th,td{border:1px solid var(--border);text-align:left;padding:.45rem}.footer{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.92rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.grid2{grid-template-columns:1fr}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}th,td{min-width:140px}#app{padding:1rem .75rem 2rem}}.bit.flip{background-color:var(--tag);box-shadow:0 0 3px #ffd700b3}.bit.col-hl{outline:2px solid var(--tag);outline-offset:0}.sbox-widget{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:.6rem 0 .3rem;font-family:IBM Plex Mono,monospace;display:flex}.sbox-col-head{flex-direction:column;gap:.35rem;padding-top:.1rem;display:flex}.sbox-col-head em{letter-spacing:.08em;text-transform:uppercase;height:2.2rem;color:var(--muted);place-items:center;font-size:.62rem;font-style:normal;display:grid}.sbox-col-head em:nth-child(2){height:.9rem}.sbox-lane{flex-direction:column;align-items:center;gap:.35rem;display:flex}.sbox-toggle{width:2.2rem;height:2.2rem;padding:0;font-weight:700}.sbox-toggle.lit{background-color:var(--rate);border-color:var(--rate);color:#05070d}.sbox-lane-label{height:.9rem;color:var(--muted);font-size:.7rem}.sbox-lamp{border:1px solid var(--border);width:2.2rem;height:2.2rem;color:var(--muted);background-color:#08122173;border-radius:10px;place-items:center;display:grid}:root[data-theme=light] .sbox-lamp{background-color:#ffffffd9}.sbox-lamp.lit{background-color:var(--capacity);border-color:var(--capacity);color:#05070d;font-weight:700}:root[data-theme=light] .sbox-lamp.lit{color:#05070d}.sbox-values{color:var(--text);flex-basis:100%;font-size:.8rem}input[type=range]{accent-color:var(--rate);padding:0}input[type=radio]{width:auto;accent-color:var(--rate)}.quiz-item{border:1px solid var(--border);border-radius:10px;margin:.7rem 0;padding:.5rem .8rem .6rem}.quiz-item legend{color:var(--text);padding:0 .3rem;font-weight:600}.quiz-option{cursor:pointer;align-items:baseline;gap:.5rem;margin:.35rem 0;font-size:.88rem;display:flex}.quiz-feedback{margin:.35rem 0 0;font-size:.82rem}.quiz-feedback.good{color:var(--ok)}.quiz-feedback.bad{color:var(--bad)}.panel:nth-child(6){animation-delay:.4s}.panel:nth-child(7){animation-delay:.44s}.panel:nth-child(n+8){animation-delay:.48s}