:root{color-scheme:light;--bg: #f4f5f7;--ink: #12141a;--muted: #6b7280;--card: #ffffff;--accent: #12141a;--accent-ink: #ffffff;--ok: #0e9f6e;--bad: #e11d48;--line: #e6e8ec;--maroon: #5a161c;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100dvh}.page{width:min(440px,100%);margin:0 auto;padding:28px 20px 48px}.hero{text-align:center;margin-bottom:20px}.logo{width:88px;height:88px;border-radius:50%;display:block;margin:0 auto 16px;object-fit:cover}.hero h1{font-size:clamp(1.6rem,5vw,2rem);letter-spacing:-.04em;margin:0 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--muted);margin:0 0 6px}.lede,.hint{color:var(--muted);line-height:1.45;font-weight:500}.card{background:var(--card);border-radius:24px;padding:22px;display:grid;gap:16px}label,fieldset{display:flex;flex-direction:column;gap:12px;border:0;padding:0;margin:0;font-weight:600;min-inline-size:0}legend{float:none;width:100%;padding:0;margin:0 0 4px}.label-row{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.label-row svg{width:16px;height:16px}input{min-height:52px;border-radius:16px;border:0;background:var(--bg);color:var(--ink);padding:0 16px;font-size:16px}.sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.size{min-height:44px;min-width:52px;padding:0 14px;border-radius:999px;border:0;background:var(--bg);color:var(--ink);font-weight:700}.size[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.total{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;margin:4px 0 0}button{min-height:52px;border:0;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:1.05rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}button svg{width:18px;height:18px}button:disabled{opacity:.65}.error,.form-error{color:var(--bad);font-size:.85rem;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0e127a}.modal-card{position:relative;width:min(400px,100%);background:var(--card);border-radius:24px;padding:28px 22px 22px;z-index:1}.modal-close{position:absolute;top:10px;right:10px;width:40px;min-height:40px;border-radius:20px;background:var(--bg);color:var(--ink)}.status{display:grid;gap:8px;text-align:center;padding-top:8px}.status svg{width:36px;height:36px;margin:0 auto}.status h2{margin:8px 0 0;letter-spacing:-.03em}.status.ok h2,.status.ok svg{color:var(--ok)}.status.bad h2,.status.bad svg{color:var(--bad)}.status.wait svg{color:var(--muted)}.pay-apps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.pay-apps a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:700}