:root{color-scheme:dark;--ink:#e6edf1;--muted:#a8b9c4;--ground:#111820;--paper:#1b2731;--line:#647d8e;--action:#65d5c8;--hover:#8ae4d9;--danger:#ff9daa;--focus:#87bdff;--on-action:#102a28;--secondary:#283945;--secondary-hover:#344b59}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.55 'Segoe UI',sans-serif}main{max-width:640px;margin:8vh auto;padding:32px}h1{font-size:34px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}.intro{margin:0 0 32px;color:var(--muted)}label{display:block;margin-bottom:8px;font-weight:600}input{color:var(--ink);caret-color:var(--action);font:inherit;max-width:100%}#vin{width:100%;padding:16px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font:clamp(18px,4.6vw,28px)/1.3 Consolas,monospace;text-transform:uppercase}#vin::placeholder{color:var(--muted);font:18px 'Segoe UI',sans-serif;text-transform:none}#status{min-height:25px;color:var(--muted);margin:12px 0 24px}button{font:600 17px/1.4 'Segoe UI',sans-serif;min-height:52px;border:0;border-radius:6px;padding:14px 22px;cursor:pointer;color:var(--on-action);background:var(--action)}#record{width:100%}button:hover{background:var(--hover)}button:disabled{background:#2b3b46;color:#afbec8;cursor:wait}.secondary{font-size:14px;display:block;margin-top:16px;background:var(--secondary);color:var(--ink)}.secondary:hover{background:var(--secondary-hover)}details{margin-top:28px}summary{cursor:pointer;color:var(--muted);text-underline-offset:4px}details[open] summary{margin-bottom:20px}#raw{overflow-wrap:anywhere}audio{width:100%;margin:12px 0}a{color:var(--action);text-underline-offset:4px}footer{margin-top:40px;border-top:1px solid #344652;padding-top:16px;font-size:13px;color:var(--muted)}footer p{margin:8px 0}#error{color:var(--danger)}#timing{font-size:13px;color:var(--muted)}::selection{background:var(--action);color:var(--on-action)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px;margin-top:32px}h1{font-size:30px}}