:root{--bg:#F6F5F1;--ink:#111;--muted:#5B5B57;--accent:#E8590C;--rule:#DDDAD2;--card:#FFFEFB;
--sans:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 var(--sans);min-height:100vh;display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--rule)}
.mark{font-weight:800;text-decoration:none;color:inherit}.lang a{color:var(--muted);font:600 .85rem var(--mono);text-decoration:none;margin-left:10px}.lang a[aria-current]{color:var(--ink);text-decoration:underline}
.progress{height:4px;background:var(--rule)}#bar{height:100%;width:0;background:var(--accent);transition:width .3s ease}
main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 64px}
#intake{width:100%;max-width:640px}
.screen{transition:opacity .18s ease,transform .18s ease}.screen.leave{opacity:0;transform:translateY(-10px)}.screen.enter{opacity:0;transform:translateY(12px)}
h1,h2{letter-spacing:-.02em;line-height:1.15;text-wrap:balance;margin:0 0 .5em}h1{font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800}h2{font-size:clamp(1.4rem,4.5vw,2rem);font-weight:800}
.sub{color:var(--muted);font-size:1.1rem;text-wrap:pretty}.qhint{color:var(--muted);margin:-.2em 0 1em}
.count{font:600 .8rem var(--mono);color:var(--accent);margin:0 0 8px}
.back{background:none;border:0;color:var(--muted);font:inherit;font-size:.9rem;padding:0;margin-bottom:22px;cursor:pointer}
.opts{display:grid;gap:10px;margin:18px 0}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:inherit;background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:14px 16px;min-height:52px;cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--ink)}.opt.on{border-color:var(--accent);background:#FDF0E8}
.key{flex:none;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:3px;font:700 .75rem var(--mono);color:var(--muted);background:var(--bg)}
.opt.on .key{background:var(--accent);color:#fff;border-color:var(--accent)}
.txt{width:100%;font:inherit;padding:14px 16px;border:1px solid var(--rule);border-radius:4px;background:var(--card);color:var(--ink);min-height:52px}
.txt:focus,.opt:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
textarea.txt{resize:vertical}.other{margin-top:-4px}
.xlabel,.field{display:grid;gap:6px;margin:14px 0;font-weight:600;font-size:.95rem}
.phone{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:8px}.code{padding-right:8px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.btn{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:4px;font:700 1rem var(--sans);padding:14px 24px;cursor:pointer;min-height:50px}.btn:hover{background:#c94a07}.btn:disabled{opacity:.6;cursor:default}
.ghost{background:none;border:1px solid var(--rule);border-radius:4px;font:600 .95rem var(--sans);padding:13px 18px;cursor:pointer;color:var(--ink)}
.hint{font:.8rem var(--mono);color:var(--muted)}
.err{color:#B42318;font-weight:600;margin:10px 0 0}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.combo-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain;gap:6px;margin:12px 0;padding:3px;border:1px solid var(--rule);border-radius:4px;background:var(--bg)}
.combo-list{position:relative}.copt{min-height:44px;padding:9px 14px}
.copt.on{border-color:var(--rule);background:var(--card)}.copt.on .key{background:var(--bg);color:var(--muted);border-color:var(--rule)}
.copt.on::after{content:"\2713";margin-left:auto;color:var(--accent);font-weight:800}
.copt.hi{border-color:var(--accent);background:#FDF0E8}.copt.hi .key{background:var(--accent);color:#fff;border-color:var(--accent)}
.toprow{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.restart{background:none;border:0;color:var(--muted);font:inherit;font-size:.9rem;padding:0;margin-bottom:22px;cursor:pointer;text-decoration:underline}.restart:hover{color:var(--ink)}
.resumed{margin:-14px 0 14px}
[hidden]{display:none!important}
@media (max-width:560px){.keyhint{display:none}.phone{grid-template-columns:1fr}.combo-list{max-height:290px}}
@media (prefers-reduced-motion:reduce){.screen,#bar{transition:none}}
a.btn{display:inline-block;text-decoration:none}
.ghost-btn{background:none;color:var(--ink);border:1px solid var(--rule)}.ghost-btn:hover{background:var(--card)}