:root{color-scheme:light;--bg:#f5f6f3;--card:#fff;--text:#202b26;--muted:#65716b;--border:#dce2dc;--accent:#187344;--soft:#eef6ef}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;line-height:1.65;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #71ae87;outline-offset:4px}[hidden]{display:none!important}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1100px;margin:auto;min-height:76px;padding:calc(12px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));font-size:14px;border-bottom:1px solid var(--border)}.back{justify-self:start;min-height:44px;display:flex;align-items:center}.topbar>span:nth-child(2){font-weight:600}main{max-width:1100px;min-height:calc(100dvh - 155px);margin:auto;padding:72px 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}.brand{font-size:17px;font-weight:750;letter-spacing:-.4px}.eyebrow{margin:52px 0 18px;color:var(--accent);font-size:13px;letter-spacing:2px}h1{font-size:clamp(42px,5vw,64px);line-height:1.18;letter-spacing:-2px;font-weight:700;margin:0 0 28px}.lead{font-size:17px;line-height:1.9;color:var(--muted)}.note{font-size:13px;color:var(--muted);margin-top:46px;padding-top:20px;border-top:1px solid var(--border)}.payment{background:var(--card);border:1px solid var(--border);padding:32px;border-radius:20px;box-shadow:0 8px 32px #253a2805}h2{margin:0;font-size:21px;letter-spacing:-.5px}.subtle{color:var(--muted);font-size:13px;margin:6px 0 22px}.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tiers button{min-height:80px;border-radius:10px;border:1px solid var(--border);color:var(--text);background:var(--card);font-size:29px;font-weight:650;font-variant-numeric:tabular-nums}.tiers small{font-size:16px;margin-right:5px;font-weight:400}.tiers button[aria-pressed=true]{border:2px solid var(--accent);background:var(--soft);color:var(--accent)}.primary{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:650;margin-top:20px}.hint{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0 0}.hint br{display:block}#message{font-size:14px;color:var(--accent);margin:16px 0 0}#message:empty{display:none}#order{border-top:1px solid var(--border);margin-top:24px;padding-top:22px;text-align:center}.order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h3{font-size:16px;margin:0}.order-heading strong{font-size:24px}#qr{display:block;max-width:100%;width:280px;height:auto;margin:20px auto 12px;background:white;border-radius:8px}#countdown{margin:12px 0 0}#order-state{margin:10px 0;color:var(--accent);font-weight:600}.secondary{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:46px;padding:6px 18px}.order-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.text-button{border:0;color:var(--accent);background:transparent;min-height:44px;margin-top:12px}footer{max-width:1100px;margin:auto;padding:16px 24px calc(24px + env(safe-area-inset-bottom));font-size:12px;color:var(--muted)}footer span{margin:0 8px}@media(max-width:700px){main{grid-template-columns:1fr;gap:28px;padding:30px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left))}.topbar{min-height:64px}.brand{font-size:14px}.eyebrow{margin-top:24px}h1{font-size:43px;margin-bottom:18px}h1 br{display:initial}.lead{font-size:15px}.note{margin-top:20px;padding-top:14px}.payment{padding:24px 20px;border-radius:16px}.desktop-break{display:none}.tiers button{min-height:70px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#151c18;--card:#1e2822;--text:#edf3ee;--muted:#b0bcb3;--border:#37463c;--accent:#8dd7a9;--soft:#2b4032}.primary{background:#8dd7a9;color:#12291b}}