:root{--bg:#070b12;--panel:#0f1624;--panel-border:#273149;--text:#d9e3fb;--muted:#93a6c9;--accent:#00d4ff;--danger:#f36;--warn:#fa0;--ok:#0f8;--purple:#9d4edd;--gold:gold;--mono:"JetBrains Mono", "Cascadia Code", "Fira Mono", monospace;--display:"Sora", "Avenir Next", "Segoe UI", sans-serif;--body:"IBM Plex Sans", "Trebuchet MS", sans-serif}*{box-sizing:border-box}body{color:var(--text);font:16px/1.5 var(--body);background:radial-gradient(circle at 10% 10%,#123766 0,#0000 36%),radial-gradient(circle at 90% 20%,#40103d 0,#0000 40%),linear-gradient(#060911 0,#090f18 100%);margin:0}#app{width:min(1200px,100% - 2rem);margin:1rem auto 2rem}.skip-link{color:#fff;border:2px solid var(--accent);z-index:99;background:#04111f;border-radius:.4rem;padding:.45rem .65rem;position:absolute;top:.5rem;left:-9999px}.skip-link:focus-visible{left:1rem}.lab{gap:1rem;display:grid}.hero{border:1px solid var(--panel-border);background:linear-gradient(140deg,#0b1321,#17142a 60%,#10243a);border-radius:1rem;padding:1.4rem;animation:.6s ease-out riseIn}.eyebrow{color:var(--accent);text-transform:uppercase;font:600 .78rem var(--mono);letter-spacing:.12em;margin:0}h1,h2{font-family:var(--display);margin:0}h1{margin-top:.4rem;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.12}h2{margin-bottom:.6rem;font-size:clamp(1.1rem,2vw,1.6rem)}.lede{color:var(--muted);margin:.7rem 0 0}.card{border:1px solid var(--panel-border);background:color-mix(in oklab, var(--panel) 92%, black);border-radius:1rem;padding:1rem;animation:.7s ease-out riseIn}.controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.7rem 0;display:flex}button{color:var(--text);font:600 .93rem var(--body);cursor:pointer;background:linear-gradient(#102b3d,#0b2232);border:1px solid #2f8ca1;border-radius:.55rem;padding:.5rem .9rem;transition:transform .12s,border-color .12s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;border-color:#4a5b74;transform:none}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid gold}input{width:100%;color:var(--text);font:500 .95rem var(--mono);background:#0a121f;border:1px solid #304158;border-radius:.5rem;margin-top:.35rem;padding:.5rem .7rem}.status{font:500 .88rem var(--mono)}.status.neutral{color:var(--muted)}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.log{color:#b5c4e8;min-height:8.8rem;max-height:15rem;font:500 .8rem/1.45 var(--mono);background:#090f1b;border:1px solid #253046;border-radius:.6rem;margin:0;padding:.7rem;overflow:auto}.ring-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;margin-top:.8rem;display:grid}figure{background:#090f1a;border:1px solid #222c40;border-radius:.8rem;margin:0;padding:.5rem}figcaption{color:var(--muted);font:500 .8rem var(--mono);margin-bottom:.3rem}canvas{border-radius:.45rem;width:100%;height:auto;display:block}.warning{color:#f7c66b}.assistive{color:#c2d2ef;margin:.35rem 0 0;font-size:.84rem}input[aria-invalid=true]{border-color:#ff7f7f;box-shadow:0 0 0 2px #ff7f7f40}.decode{font:500 .85rem var(--mono);color:#ccd9f6}table{border-collapse:collapse;width:100%;font-size:.93rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}caption{text-align:left;color:#c5d2ee;font:500 .86rem var(--mono);margin-bottom:.45rem}th,td{text-align:left;border:1px solid #263048;padding:.45rem .5rem}th{color:#f0f6ff;background:#111b2f}.lineage{color:#f0d189;font-family:var(--mono);margin-top:.65rem}.timeline{margin:.4rem 0 .8rem;padding-left:1.2rem}.timeline li{margin:.15rem 0}.cross-links{color:#cabcf9}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=720px){#app{width:calc(100% - 1rem);margin-top:.5rem}.card,.hero{border-radius:.8rem;padding:.8rem}button{width:100%}.controls{flex-direction:column;align-items:stretch}th,td{min-width:140px;padding:.5rem}}