:root{--bg0:#06090f;--bg1:#0f1621;--bg2:#131d2d;--ink0:#eef4ff;--ink1:#b9c8df;--ink2:#8da3c3;--line:#2f3f58;--accent:#4de6b2;--accent-soft:#4de6b229;--warn:#ffd36a;--danger:#ff8b84;--ok:#5dfc95;--shadow:0 12px 35px #00000059;--sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Menlo, monospace;--serif:"Libre Baskerville", Georgia, serif}*{box-sizing:border-box}.skip-link{z-index:1000;background:var(--accent);color:#062117;border-radius:8px;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-height:100%;margin:0}body{color:var(--ink1);font:16px/1.5 var(--sans);background:radial-gradient(circle at 15% 12%, #4de6b229, transparent 28%), radial-gradient(circle at 88% 8%, #ffd36a21, transparent 30%), linear-gradient(160deg, var(--bg0), var(--bg1) 45%, var(--bg2))}code{font:12px/1.4 var(--mono);color:var(--ink0);border:1px solid var(--line);word-break:break-all;background:#0d1521b8;border-radius:6px;padding:.15rem .35rem}.shell{gap:1.1rem;width:min(1200px,100% - 2.5rem);margin:2rem auto 3rem;animation:.46s fade-in;display:grid}.hero-header{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#08101beb,#101d2dd9);border-radius:18px;padding:1.4rem 1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0;font-size:12px}h1,h2,h3{color:var(--ink0);margin:0 0 .6rem;font-weight:700}h1{margin-top:.55rem;font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1.1}h2{font-size:clamp(1.1rem,1.8vw,1.6rem)}h3{font-size:1.1rem}.subhead{color:var(--ink1);margin:0}.tabs{flex-wrap:wrap;gap:.45rem;padding:.25rem;display:flex}.tab,.pill,button{border:1px solid var(--line);color:var(--ink1);font:600 .9rem var(--sans);cursor:pointer;background:#0e1622e0;border-radius:999px;padding:.52rem .95rem;transition:transform .12s,border-color .12s,background .12s}button:hover,.tab:hover,.pill:hover{border-color:var(--accent);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,.tab:focus-visible,.pill:focus-visible,textarea:focus-visible,.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab.active,.pill.active{color:#062117;background:linear-gradient(145deg, var(--accent), #89ffd8);border-color:#0000}.panel{gap:.95rem;display:none}.panel.visible{animation:.28s slide-in;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#0c141fe0;border-radius:16px;padding:1rem 1.1rem}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.clickable{cursor:pointer}.clickable:hover{border-color:var(--accent)}.pill-row,.controls{flex-wrap:wrap;gap:.5rem;display:flex}.stepper{gap:.55rem;margin-bottom:.7rem;display:grid}.step{border:1px solid var(--line);background:#080e1899;border-radius:10px;padding:.5rem .7rem}.step.current{border-color:var(--warn);color:#ffe8b0}.step.done{border-color:var(--ok);color:#c8ffd9}.status{margin:.25rem 0 .7rem}.sizes{flex-wrap:wrap;gap:.55rem;display:flex}.sizes span{border:1px dashed var(--line);border-radius:10px;padding:.25rem .5rem;font-size:.85rem}.match{text-align:center;border-radius:10px;margin-top:.8rem;padding:.7rem;font-weight:700}.match.ok{color:#b6ffcb;background:#5dfc9526;border:1px solid #5dfc9580}.match.bad{color:#ffd1cd;background:#ff8b8426;border:1px solid #ff8b8473}textarea{border:1px solid var(--line);width:100%;font:.95rem/1.45 var(--mono);color:var(--ink0);resize:vertical;background:#040a12e6;border-radius:12px;margin:.5rem 0 .8rem;padding:.7rem}.ok-text{color:#c0ffd7}.bad-text{color:#ffc7c1}.matrix{gap:.35rem;margin:.6rem 0 .8rem;display:grid}.matrix-row{gap:.32rem;display:flex}.cell{background:linear-gradient(180deg, rgba(77, 230, 178, calc(var(--intensity) * .006)), #0c141ff2);width:2rem;height:2rem;font:700 .82rem var(--mono);color:var(--ink0);border:1px solid #8da3c33d;border-radius:8px;place-items:center;display:grid}.bar{height:10px;width:var(--w);background:linear-gradient(90deg,#45a4ff,#4de6b2);border-radius:99px;margin-top:.6rem}.ntt-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.8rem 0;display:grid}.ntt-butterflies{margin-top:.5rem}.ntt-layer{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.ntt-layer-label{font:600 .78rem var(--sans);color:var(--accent);min-width:4.5rem}.ntt-butterfly{border:1px solid var(--line);font:700 .75rem var(--mono);color:var(--ink0);cursor:default;background:linear-gradient(#4de6b214,#0c141ff2);border-radius:8px;place-items:center;padding:.2rem .45rem;display:inline-grid}.ntt-butterfly:hover{border-color:var(--accent)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #8da3c33d;padding:.45rem}th{color:var(--ink0)}blockquote{border-left:3px solid var(--accent);color:#d3ffe9;font-family:var(--serif);background:#0b171373;margin:.9rem 0;padding:.65rem .85rem}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.shell{width:min(1200px,100% - 1rem);padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);margin:.7rem auto 2.1rem}.grid-two,.grid-three,.ntt-result-grid{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr;display:grid}.tab{text-align:center}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.cell{width:1.6rem;height:1.6rem;font-size:.7rem}code{overflow-wrap:break-word;max-width:100%;font-size:11px}.hero-header{padding:1rem}.card{padding:.8rem}}@media (width<=480px){.shell{width:calc(100% - .5rem);margin:.4rem auto 1.2rem}.tabs{grid-template-columns:1fr}.tab,.pill,button{padding:.6rem .8rem;font-size:.82rem}h1{font-size:1.4rem}.controls{flex-direction:column}.controls button{width:100%}.sizes{flex-direction:column}}@media (pointer:coarse){.tab,.pill,button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}