:root{--bg:#f6f5f3;--card:#ffffff;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--accent:#0e7490;--accent-ink:#ffffff;--danger:#b91c1c;--radius:14px;--shadow:0 1px 2px rgba(28,25,23,0.06),0 8px 24px rgba(28,25,23,0.06)}@media (prefers-color-scheme:dark){:root{--bg:#17161a;--card:#201f24;--ink:#f5f5f4;--muted:#a8a29e;--line:#34323a;--accent:#22d3ee;--accent-ink:#08262d}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(16px,4vw,40px) 16px 64px}.masthead{width:100%;max-width:480px;margin-bottom:20px}.masthead h1{font-size:1.5rem;margin:0 0 2px;letter-spacing:-.02em}.masthead p{margin:0;color:var(--muted)}.brand{font-weight:700;letter-spacing:-.03em;color:var(--accent)}.card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,5vw,28px);gap:18px}.card,.field{display:flex;flex-direction:column}.field{gap:7px}.field>span{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%;min-height:48px}.slot:focus-visible,button:focus-visible,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:8px;gap:8px}.slot{font:inherit;cursor:pointer;padding:12px 8px;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}.slot.selected{border-color:var(--accent);font-weight:600}.primary,.slot.selected{background:var(--accent);color:var(--accent-ink)}.primary{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:10px;padding:14px 16px;min-height:50px}.primary:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.error{margin:0;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);padding:10px 12px;border-radius:10px;font-size:.92rem}.confirm{align-items:center;text-align:center}.confirm h2{margin:4px 0}.tick{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.8rem}.footer{margin-top:28px;color:var(--muted);font-size:.82rem}.footer a{color:inherit}body.embed{background:transparent}body.embed .page{padding:8px}body.embed .footer,body.embed .masthead{display:none}body.embed .card{box-shadow:none}