:root{--target-size:64px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--surface:#f3f3f1;--surface-raised:#fafaf8;--ink:#1f2226;--ink-muted:#44484f;--line:#6a6e75;--action:#2b2f36;--action-ink:#f3f3f1;--focus:#0b57d0;--ok-ink:#14532d;--ok-surface:#e3efe6;--warning-ink:#6b3300;--warning-surface:#fbecd9;--danger-ink:#8a1c1c;--danger-surface:#f8e4e4;color:var(--ink);background:var(--surface);font-family:system-ui,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{margin:0}main,.app-header{max-width:720px;padding:var(--space-3);margin:0 auto}h1,h2{margin:0 0 var(--space-2);line-height:1.2}h2{margin-top:var(--space-4)}.app-header nav{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.app-header a{min-height:var(--target-size);padding:0 var(--space-3);border:2px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.app-header a[aria-current=page]{background:var(--action);border-color:var(--action);color:var(--action-ink)}button,input,a{font:inherit}button{min-height:var(--target-size);min-width:var(--target-size);padding:0 var(--space-4);border:2px solid var(--action);background:var(--action);color:var(--action-ink);cursor:pointer;border-radius:8px}button.secondary{color:var(--ink);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.form{gap:var(--space-3);margin:var(--space-3) 0;display:grid}label{gap:var(--space-1);display:grid}input[type=text],input[type=number],input:not([type]){min-height:var(--target-size);padding:0 var(--space-3);border:2px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:8px}fieldset{gap:var(--space-2);border:2px solid var(--line);border-radius:8px;display:grid}.choice{align-items:center;gap:var(--space-3);min-height:var(--target-size);display:flex}.choice input{width:32px;height:32px}.indicators,.vias{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.indicator,.via,.notice{padding:var(--space-3);border:2px solid var(--line);background:var(--surface-raised);border-radius:8px}.indicator{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.hint,.via-meta{color:var(--ink-muted);margin:var(--space-1) 0}.via-header{justify-content:space-between;gap:var(--space-2);display:flex}.via-reason{margin:var(--space-1) 0;font-weight:600}.actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}[data-tone=ok]{background:var(--ok-surface);color:var(--ok-ink)}[data-tone=warning]{background:var(--warning-surface);color:var(--warning-ink)}[data-tone=danger]{background:var(--danger-surface);color:var(--danger-ink)}@media (prefers-reduced-motion:no-preference){button{transition:opacity .12s ease-out}}.preview{margin:var(--space-3) 0;overflow-x:auto}.preview canvas{border:2px solid var(--line);image-rendering:pixelated;display:block}.scanner{gap:var(--space-2);margin:var(--space-3) 0;display:grid}.scanner-video{border:2px solid var(--line);background:var(--ink);object-fit:contain;border-radius:8px;width:100%;max-height:50vh}.scanner-video[hidden]{display:none}.readings{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.reading{padding:var(--space-3);border:2px solid var(--line);border-radius:8px}select{font:inherit;min-height:var(--target-size);padding:0 var(--space-3);border:2px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:8px}