:root{color-scheme:light dark;--bg:#f4f4ec;--surface:#fffef9;--ink:#163c33;--muted:#586d63;--line:#d8dfd4;--accent:#0b5745;--soft:#e3ecdf;--warning:#895110;--danger:#9d352d;--shadow:0 12px 38px #123c3207;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}main{max-width:560px;margin:auto;padding:30px 22px max(35px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;font-size:24px;letter-spacing:-1px}.mark{display:block;width:38px;height:38px;flex-shrink:0;border-radius:8px}.place{font-size:14px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--muted);margin:0 0 18px}h1{font-size:clamp(35px,9vw,48px);font-weight:650;letter-spacing:-2px;line-height:1.08;margin:0 0 20px}h2{font-size:17px;letter-spacing:-.3px;margin:0 0 22px;font-weight:650}.intro{line-height:1.65;font-size:16px;margin:0 0 32px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;margin:18px 0;box-shadow:var(--shadow)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row h2{margin:0}.result{border-top:4px solid var(--accent)}.result-title{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:27px 0 12px}.result p:not(.result-title){line-height:1.6}.pill{white-space:nowrap;border-radius:40px;padding:6px 11px;background:var(--soft);font-size:12px;font-weight:650}.pill[data-tone=warning]{color:var(--warning);background:#f8ead1}.pill[data-tone=error]{color:var(--danger);background:#f9e5de}.small{font-size:13px;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin:21px 0 9px}input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:17px}input.plate{font-family:ui-monospace,monospace;font-size:23px;letter-spacing:3px;text-transform:uppercase}button{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:11px;padding:15px 18px;min-height:46px;background:var(--accent);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}form button{width:100%;margin-top:24px}button:disabled{opacity:.6;cursor:wait}.secondary{background:var(--soft);color:var(--ink);width:100%;justify-content:center}.toggle{display:flex;align-items:center;gap:10px;font-weight:500;margin-top:24px}.toggle input{width:20px;height:20px;accent-color:var(--accent);margin:0}.text-button{background:transparent;color:var(--muted);padding:8px 0;font-size:13px;min-height:44px;font-weight:500}.push-actions{flex-wrap:wrap;gap:4px;margin-top:9px}a{color:var(--accent);text-underline-offset:4px;font-size:14px}.warning{color:var(--warning)}footer{display:flex;justify-content:space-between;margin:30px 4px}summary{cursor:pointer;font-size:15px;font-weight:600;min-height:25px}ol{list-style:none;padding:0;margin:16px 0 0}li{padding:16px 0;border-top:1px solid var(--line);line-height:1.55;font-size:14px}li strong{display:block;margin-bottom:4px}#message{position:sticky;bottom:18px;padding:16px 20px;border-radius:12px;background:var(--ink);color:var(--surface);line-height:1.5;box-shadow:0 6px 28px #0002}#message[data-error=true]{background:var(--danger);color:white}:focus-visible{outline:3px solid #bb812c;outline-offset:4px}[hidden]{display:none!important}
@media(prefers-color-scheme:dark){:root{--bg:#11251f;--surface:#193128;--ink:#e4eddf;--muted:#adc0b1;--line:#365044;--accent:#98d1b1;--soft:#2a4838;--warning:#e9bd7a;--danger:#f3b1a5;--shadow:none}.mark{outline:1px solid var(--line);outline-offset:-1px}button{color:#11251f}.pill[data-tone=warning]{background:#4b3d25}.pill[data-tone=error]{background:#51342c}#message[data-error=true]{background:#6c302b}}
@media(prefers-reduced-motion:no-preference){button,a{transition:opacity .15s}button:hover,a:hover{opacity:.83}}
@media(max-width:360px){main{padding-left:15px;padding-right:15px}.card{padding:21px}.row{flex-wrap:wrap}}