:root{--paper:#f6f1ea;--stage:#efe8de;--ink:#1f2430;--muted:#776f64;--line:#e0d5c7;--accent:#c4412b;--accent-ink:#fff;--accent-bg:#f7ddd5;--panel:#fffdf9;--mark-plate:#efe6d8;--ok:#2f7a55;--ok-bg:#dcefe4;--warn:#9a5b00;--warn-bg:#f6e6c8;--tok-brace:#1f2430;--tok-name:#6b4fb3;--tok-quote:#2f7a55;--tok-bare:#1f2430;--tok-sep:#a79c8e;--shadow:0 1px 2px #1f24300f, 0 8px 24px #1f24300f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111318;--stage:#171a21;--ink:#e8e4de;--muted:#8d877c;--line:#272b34;--accent:#ff7a5c;--accent-ink:#1a0d09;--accent-bg:#3a1f19;--panel:#14171d;--mark-plate:#1d2129;--ok:#6fcf9a;--ok-bg:#173226;--warn:#f0b449;--warn-bg:#33270f;--tok-brace:#e8e4de;--tok-name:#b9a2ff;--tok-quote:#6fcf9a;--tok-bare:#e8e4de;--tok-sep:#6c6a66;--shadow:0 1px 2px #0006, 0 10px 30px #00000059}}:root[data-theme=dark]{--paper:#111318;--stage:#171a21;--ink:#e8e4de;--muted:#8d877c;--line:#272b34;--accent:#ff7a5c;--accent-ink:#1a0d09;--accent-bg:#3a1f19;--panel:#14171d;--mark-plate:#1d2129;--ok:#6fcf9a;--ok-bg:#173226;--warn:#f0b449;--warn-bg:#33270f;--tok-brace:#e8e4de;--tok-name:#b9a2ff;--tok-quote:#6fcf9a;--tok-bare:#e8e4de;--tok-sep:#6c6a66;--shadow:0 1px 2px #0006, 0 10px 30px #00000059}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:clamp(16px,4vw,48px);line-height:1.5}.wrap{max-width:940px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand .logo{flex-shrink:0;width:46px;height:46px}.m-plate{fill:var(--mark-plate)}.m-s{stroke:var(--ink)}.m-cut{stroke:var(--accent)}.m-dot{fill:var(--accent)}h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,5vw,40px);font-weight:600}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.nav{align-items:center;gap:14px;display:flex}.home{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.home:hover{color:var(--accent)}.theme{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px;font-family:var(--sans);background:0 0;border-radius:999px;padding:5px 11px}.promise{font-family:var(--serif);color:var(--ink);text-wrap:balance;max-width:34ch;margin:14px 0 0;font-size:clamp(21px,3vw,27px);line-height:1.3}.sub{color:var(--muted);max-width:66ch;margin:8px 0 0;font-size:15px}.sub code{font-family:var(--mono);font-size:.92em}h2 .exp{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);vertical-align:middle;border:1px solid;border-radius:999px;padding:2px 7px;font-size:10px}.sub b{color:var(--ink);font-weight:600}section.stage{background:var(--stage);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:26px 0 0;padding:clamp(18px,4vw,32px)}h2{font-family:var(--serif);margin:0 0 4px;font-size:20px;font-weight:600}.lede{color:var(--muted);max-width:70ch;margin:0 0 16px;font-size:13.5px}.lede code,.foot code,td code{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:.92em}.slots{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.slot-group{flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 12px;display:flex}.slot-group .slots{margin-bottom:0}.chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:transform 80ms,border-color .12s}.chip:hover{border-color:var(--accent);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.editor{position:relative}.editor input{width:100%;font-family:var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;outline:none;padding:14px 16px;font-size:17px}.editor input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.tokens{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;min-height:26px;margin-top:10px;font-size:15px}.tokens .brace{color:var(--tok-brace);font-weight:700}.tokens .sep{color:var(--tok-sep)}.tokens .name{color:var(--tok-name)}.tokens .quote{color:var(--tok-quote)}.tokens .bare{color:var(--tok-bare);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.tokens .bad{background:var(--accent-bg);color:var(--accent);border-bottom:2px solid var(--accent)}.result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px;display:grid}@media (width<=640px){.result{grid-template-columns:minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:12px 14px}.card .label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700}.card pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px}.status{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.status .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.status[data-ok=true] .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.status[data-ok=false] .dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.fix{border:1px solid var(--accent);color:var(--accent);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:600}.why{color:var(--muted);margin-top:6px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px}td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px}#gallery td:last-child{white-space:nowrap;width:1%}.try{border:1px solid var(--line);background:var(--panel);color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);border-radius:8px;padding:5px 10px}.try:hover{border-color:var(--accent)}.scroll{overflow-x:auto}@media (width<=640px){#gallery thead{display:none}#gallery,#gallery tbody,#gallery tr,#gallery td{width:auto;display:block}#gallery tr{border-bottom:1px solid var(--line);padding:10px 0}#gallery td{white-space:normal;border:0;padding:2px 0}#gallery td:first-child{font-weight:600}#gallery td[data-k]:before{content:attr(data-k);letter-spacing:.08em;text-transform:uppercase;min-width:58px;color:var(--muted);font-size:11px;font-weight:700;display:inline-block}#gallery td:last-child{width:auto;padding-top:6px}}.deck{width:100%;min-height:150px;font-family:var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);resize:vertical;border-radius:12px;padding:12px 14px;font-size:13.5px}.findings{gap:8px;margin-top:12px;display:grid}.finding{background:var(--warn-bg);color:var(--ink);border-radius:10px;padding:9px 12px;font-size:13px}.finding b{color:var(--warn)}.clean{background:var(--ok-bg);border-radius:10px;padding:9px 12px;font-size:13px}.presets{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.code{background:var(--panel);border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:12px 14px;font-size:12.5px}.verdict{font-size:13px;font-family:var(--mono);white-space:pre-wrap;border-radius:10px;margin-top:10px;padding:10px 12px}.verdict[data-ok=true]{background:var(--ok-bg)}.verdict[data-ok=false]{background:var(--accent-bg)}.run{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600}.run:disabled{opacity:.5;cursor:default}.bars{gap:10px;margin-top:14px;display:grid}.bar-row{grid-template-columns:minmax(120px,190px) minmax(0,1fr);align-items:center;gap:12px;font-size:12.5px;display:grid}.bar-row .nm{color:var(--muted)}@media (width<=640px){.bar-row{grid-template-columns:minmax(0,1fr);gap:4px}}.bar-row svg{width:100%;height:26px;display:block}.bar-row .fill{fill:var(--accent)}.bar-row .track{fill:var(--panel);stroke:var(--line)}.bar-row text{fill:var(--ink);font-family:var(--mono);font-size:11px}.note{color:var(--muted);margin-top:12px;font-size:12.5px}.gram{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;display:grid}@media (width<=900px){.gram{grid-template-columns:minmax(0,1fr)}}.gram-col{flex-direction:column;gap:8px;min-width:0;display:flex}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.gram-code{tab-size:2;white-space:pre;min-height:360px;font-size:12.5px;line-height:1.55;overflow:auto}@media (width<=720px){.gram-code{min-height:300px;font-size:12px}}.gram-input{width:100%;font-family:var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;outline:none;padding:11px 13px;font-size:15px}.gram-input:focus,.gram-code:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.gram .verdict{margin-top:0}.caret{color:var(--accent);font-weight:700}.gram-tree{min-height:90px}.tree{font-family:var(--mono);border-left:1px solid var(--line);margin:0;padding:0 0 0 16px;font-size:12.5px;list-style:none}#gramTree>.tree{border-left:0;padding-left:0}.tree li{padding:2px 0}.tree .k{color:var(--tok-name);font-weight:600}.tree .t{color:var(--tok-quote)}.tree .at{color:var(--muted);font-size:11px}.samples{flex-wrap:wrap;gap:6px;display:flex}.samples[hidden]{display:none}.samples .try{font-family:var(--mono)}.gen{margin-top:14px}.gen summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600}.gen .code{white-space:pre;word-break:normal;max-height:360px;overflow:auto}.vs{border-collapse:collapse;width:100%;font-size:13.5px}.vs th,.vs td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px}.vs th{white-space:normal;vertical-align:bottom}@media (width<=900px){.vs th:nth-child(2),.vs td:nth-child(2){display:none}}@media (width<=640px){.vs thead{display:none}.vs,.vs tbody{display:block}.vs tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:10px 8px;display:grid}.vs td{white-space:normal;text-align:left;border:0;padding:0}.vs td:first-child{grid-column:1/-1;font-weight:600}.vs td:nth-child(2){display:none}.vs td.num{text-align:left;white-space:nowrap}.vs td.bad{white-space:normal}.vs tr.me{background:var(--accent-bg);border-radius:10px}.vs tr.me td{background:0 0}.vs td[data-k]:before{content:attr(data-k);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700;display:block}}.vs .num{text-align:right;font-family:var(--mono);font-size:12.5px}.vs tr.me td{background:var(--accent-bg);font-weight:600}.vs tr.me td:first-child,.vs .bad{color:var(--accent)}.foot{color:var(--muted);margin-top:26px;font-size:12.5px;line-height:1.7}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}