:root{--bg: #f4efe6;--bg-alt: #fff9f0;--panel: #fffdf8;--text: #1f1b16;--muted: #4c4337;--line: #d4c8b6;--accent: #0f6a55;--accent-2: #b3432f;--focus: #005fcc;--ok: #165b33;--bad: #8f1d1d}:root[data-theme=dark]{--bg: #111417;--bg-alt: #1a2026;--panel: #202731;--text: #f1f4f8;--muted: #ccd3dc;--line: #324052;--accent: #5fe0b5;--accent-2: #ff9878;--focus: #8cc2ff;--ok: #8af0b8;--bad: #ff9b9b}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at 20% 0%,var(--bg-alt),var(--bg));color:var(--text);font-family:Atkinson Hyperlegible,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body{min-height:100vh}.skip-link{position:absolute;left:.5rem;top:-4rem;background:var(--panel);color:var(--text);padding:.65rem .9rem;border-radius:.5rem;border:2px solid var(--focus);z-index:1000}.skip-link:focus{top:.5rem}.page{max-width:1200px;margin:0 auto;padding:.75rem}.hero,.panel,.footer{background:var(--panel);border:1px solid var(--line);border-radius:1rem;box-shadow:0 8px 30px #0000000f}.hero{position:relative;padding:1rem 4.5rem 1rem 1rem}.theme-toggle{position:absolute;top:.6rem;right:.6rem;width:2.6rem;height:2.6rem;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font:inherit;line-height:1;cursor:pointer}.theme-toggle:hover{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent)}h1,h2,h3{line-height:1.2}.subtitle{max-width:72ch}.warning{border-left:5px solid var(--accent-2);padding:.75rem;background:color-mix(in srgb,var(--accent-2) 11%,transparent);border-radius:.5rem}.toc{position:sticky;top:0;z-index:50;margin-top:.9rem;padding:.5rem .6rem;background:color-mix(in srgb,var(--panel) 92%,var(--bg-alt));border:1px solid var(--line);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toc a{text-decoration:none;color:var(--text);padding:.25rem .55rem;border-radius:999px;border:1px solid transparent}.toc a:hover{border-color:var(--line)}.toc a.active{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent);color:var(--text);font-weight:600}.panels{display:grid;gap:.9rem;margin-top:.9rem}.panel{padding:1rem}.chip-row,.callouts,.links,.controls-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.chip.status{background:color-mix(in srgb,var(--accent-2) 18%,transparent)}.btn,select,textarea,.badge{min-height:44px}.btn,select,input[type=number]{border-radius:.6rem;border:1px solid var(--line);padding:.55rem .9rem;font:inherit;color:var(--text);background:var(--panel)}.btn{cursor:pointer;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),var(--panel))}.btn.secondary{background:linear-gradient(130deg,color-mix(in srgb,var(--accent-2) 20%,var(--panel)),var(--panel))}.btn:disabled{opacity:.6;cursor:not-allowed}input[type=range]{accent-color:var(--accent);min-width:200px}textarea{width:100%;border-radius:.6rem;border:1px solid var(--line);padding:.6rem;font:inherit;color:var(--text);background:var(--panel)}a{color:var(--accent)}.badge{text-decoration:none;border-radius:999px;border:1px solid var(--line);padding:.55rem .9rem;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:.75rem}table{width:100%;border-collapse:collapse;min-width:480px}#panel-compare table{min-width:980px}th,td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;font-size:.95rem;vertical-align:top}caption{text-align:left;padding:.55rem;font-weight:600}.output{margin-top:.7rem;border:1px solid var(--line);border-radius:.65rem;padding:.75rem;background:color-mix(in srgb,var(--bg-alt) 65%,var(--panel))}.hex{display:inline-block;max-width:100%;overflow-x:auto;font-family:JetBrains Mono,Cascadia Mono,monospace;font-size:.85rem;word-break:break-all;vertical-align:top}.copy-btn{margin-left:.3rem;font-size:.75rem;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:.4rem;padding:.1rem .4rem;cursor:pointer}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.viz-grid{display:grid;gap:.65rem}.mini-card{border:1px solid var(--line);border-radius:.7rem;padding:.75rem;background:color-mix(in srgb,var(--accent) 8%,transparent)}.bars{margin-top:.8rem;display:grid;gap:.45rem}.bar-row{display:grid;grid-template-columns:minmax(90px,170px) 1fr auto;align-items:center;gap:.55rem}.bar-track{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,var(--bg-alt));border-radius:999px;height:20px}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.small{font-size:.92rem}.small.strong{font-weight:600}.error{color:var(--bad);font-weight:700}.ok{color:var(--ok)}.bad{color:var(--bad)}.threat-list{padding-left:1.2rem;display:grid;gap:.4rem}.gloss{display:inline;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);border:1px dashed color-mix(in srgb,var(--accent) 60%,var(--line));border-radius:.35rem;padding:0 .25rem;font:inherit;cursor:help;text-decoration:underline dotted;text-underline-offset:3px}.gloss:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.gloss-popover{position:absolute;max-width:360px;background:var(--panel);border:1px solid var(--accent);border-radius:.75rem;padding:.85rem;box-shadow:0 14px 40px #0000002e;z-index:200}.gloss-popover h4{margin:0 0 .4rem}.gloss-popover p{margin:0 0 .6rem;font-size:.9rem}.gloss-close{background:var(--panel);border:1px solid var(--line);border-radius:.4rem;padding:.2rem .55rem;font:inherit;cursor:pointer}.glossary-list{display:grid;gap:.5rem}.glossary-list dt{font-weight:600}.glossary-list dd{margin:0 0 .5rem 1rem;color:var(--muted)}.sizing-table{margin-top:.8rem;overflow-x:auto}.sizing-table table{min-width:480px}#qc-viz{margin-top:.6rem;border:1px solid var(--line);border-radius:.75rem;padding:.8rem;background:color-mix(in srgb,var(--bg-alt) 60%,var(--panel))}.qc-block{display:grid;gap:.5rem}.qc-caption{margin:0 0 .4rem;font-size:.9rem}.qc-sparse{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem}.qc-bit{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--muted);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.85rem}.qc-bit.on{background:color-mix(in srgb,var(--accent) 50%,var(--panel));color:var(--text);border-color:var(--accent);font-weight:700}.qc-row{display:grid;grid-template-columns:minmax(4.5rem,auto) 1fr;align-items:center;gap:.5rem}.qc-row.dim{opacity:.65}.qc-label{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--muted)}.qc-cells{display:flex;flex-wrap:wrap;gap:2px}.cell{width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.25rem;background:var(--panel);font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--muted)}.cell.on{background:color-mix(in srgb,var(--accent-2) 40%,var(--panel));color:var(--text);border-color:var(--accent-2);font-weight:700}.cell.marked{outline:2px solid var(--accent);outline-offset:1px}.qc-rotations{display:grid;gap:.3rem}.kem-steps{display:grid;gap:.4rem;margin-top:.8rem}.step{border:1px solid var(--line);border-radius:.6rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--bg-alt) 50%,var(--panel))}.step>summary{cursor:pointer;font-weight:600}.step>div{margin-top:.4rem}.sc-chart{display:grid;gap:.4rem;margin-top:.5rem}.sc-row{display:grid;grid-template-columns:minmax(110px,160px) 1fr;align-items:center;gap:.5rem}.sc-label{font-family:JetBrains Mono,monospace;font-size:.85rem}.sc-bars{display:grid;gap:.25rem}.sc-bar{height:22px;border-radius:.3rem;display:flex;align-items:center;padding:0 .4rem;font-size:.8rem;color:var(--text);overflow:hidden;white-space:nowrap}.sc-bar.naive{background:linear-gradient(90deg,var(--accent-2),color-mix(in srgb,var(--accent-2) 40%,var(--panel)))}.sc-bar.constant{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--panel)))}.verif-bar{display:inline-block;width:160px;height:12px;border:1px solid var(--line);border-radius:999px;overflow:hidden;vertical-align:middle;background:var(--panel);margin-right:.4rem}.verif-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.verif-pct{font-family:JetBrains Mono,monospace;font-size:.85rem}.footer{margin-top:1rem;padding:1rem;display:grid;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (min-width: 760px){.page,.hero,.panel,.footer{padding:1.2rem}.hero{padding-right:4.7rem}.viz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion: no-preference){.hero,.panel{animation:fade-in .4s ease both}.panel:nth-child(2){animation-delay:60ms}.panel:nth-child(3){animation-delay:.1s}.panel:nth-child(4){animation-delay:.14s}.panel:nth-child(5){animation-delay:.18s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}