:root{--bg: #f8fafc;--panel: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #2563eb;--green: #10b981}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.layout{max-width:600px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.panel{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}input{width:100%;font-size:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5rem;text-align:center;text-transform:uppercase;padding:1rem;border:1px solid var(--border);border-radius:.5rem}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;width:100%}button.option{background:#fff;color:var(--text);text-align:left;border:1px solid var(--border);padding:1rem;margin-bottom:.5rem}button.option:hover{border-color:var(--accent)}button.option.selected{border-color:var(--accent);background:#2563eb14}.muted{color:var(--muted);text-align:center}.spinner{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--muted)}.spinner:after{content:"";width:1rem;height:1rem;margin-left:.5rem;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warn{background:#fef2f2;color:#b91c1c;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.checkmark{font-size:4rem;text-align:center;color:var(--green)}