:root{--bg:#f6f6f4;--card:#fff;--ink:#111;--ink-inverse:#fff;--muted:#6b6b70;--line:#e7e7e4;--soft:#f1f1ef;--ok:#16a34a;--error:#dc2626;--shadow:0 1px 2px #0000000a, 0 8px 32px #0000000f}@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--card:#161618;--ink:#f4f4f5;--ink-inverse:#111;--muted:#9a9aa2;--line:#2a2a2e;--soft:#1f1f22;--shadow:0 0 0 1px #222226, 0 8px 32px #0006}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif}.shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.card{background:var(--card);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:28px;padding:32px 24px 24px}.muted{color:var(--muted)}h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:650}.header{text-align:center;margin-bottom:28px}.header p{margin:6px 0 0;font-size:15px}.avatar{background:var(--ink);width:64px;height:64px;color:var(--ink-inverse);letter-spacing:.02em;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:22px;font-weight:600;display:grid}.amounts{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.amount{aspect-ratio:1;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);letter-spacing:-.02em;border-radius:50%;place-items:center;font-size:19px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,color .15s,border-color .15s;display:grid}.amount:hover,.amount:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse);outline:none}.amount:active{transform:scale(.94)}.custom{border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-top:16px;padding:6px 6px 6px 18px;transition:border-color .15s;display:flex}.custom:focus-within{border-color:var(--ink)}.custom-dollar{color:var(--muted);font-size:17px;font-weight:600}.custom input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:600}.custom input::placeholder{color:var(--muted);font-weight:500}.custom button{background:var(--ink);width:40px;height:40px;color:var(--ink-inverse);cursor:pointer;border:0;border-radius:50%;font-size:18px;transition:opacity .15s}.custom button:disabled{opacity:.35;cursor:default}.back{color:var(--muted);margin:-12px 0 8px -4px;padding:4px;font-size:14px;text-decoration:none;display:inline-block}.back:hover{color:var(--ink)}.topbar{grid-template-columns:32px 1fr 32px;align-items:center;margin:-12px -8px 0;display:grid}.topbar-back{width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:18px;text-decoration:none;display:grid}.topbar-back:hover{background:var(--soft);color:var(--ink)}.topbar-title{justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.avatar.small{width:26px;height:26px;margin:0;font-size:11px}.total{text-align:center;letter-spacing:-.04em;margin:20px 0 28px;font-size:56px;font-weight:700}.checkout{width:100%}.checkout-placeholder{min-height:420px}.checkout form{gap:16px;display:grid}.pay{background:var(--ink);height:52px;color:var(--ink-inverse);font:inherit;cursor:pointer;border:0;border-radius:14px;font-size:17px;font-weight:600;transition:opacity .15s,transform .1s}.pay:active{transform:scale(.99)}.pay:disabled{opacity:.5;cursor:default}.pay.test-mode{outline-offset:3px;outline:2px dashed #eab308}.error{color:var(--error);text-align:center;margin:0;font-size:14px}.divider{color:var(--muted);align-items:center;gap:12px;margin:24px 0 16px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.methods ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.method{background:var(--soft);color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}a.method:hover{background:var(--line)}.glyph{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.method-text{flex:1;min-width:0;display:grid}.method-text strong{font-size:15px;font-weight:600}.method-text .muted{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chev{color:var(--muted)}.copy{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.footer{text-align:center;margin:24px 0 0;font-size:12px}.center{text-align:center}.center p{margin:8px 0 0}.badge{background:var(--soft);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;font-weight:700;display:grid}.badge.ok{background:var(--ok);color:#fff}.center-link{margin:24px 0 0}.login{max-width:380px}.wide{width:100%}.banner{background:color-mix(in srgb, var(--error) 10%, transparent);color:var(--error);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:14px}.generator-form{gap:20px;display:grid}.field{border:0;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin:0;padding:0;font-size:14px;display:grid}.field legend{margin-bottom:8px;padding:0}.field .custom{margin-top:0;padding:12px 18px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented label{flex:1;min-width:0}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{text-align:center;border:1.5px solid var(--line);white-space:nowrap;cursor:pointer;border-radius:12px;padding:10px 4px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:block}.segmented input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse)}.segmented input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.result{background:var(--soft);border-radius:16px;margin-top:20px;padding:14px}.result code{word-break:break-all;font-size:13px;line-height:1.5;display:block}.result p{margin:8px 0 12px;font-size:13px}.result-actions{gap:8px;display:flex}.signout{justify-content:space-between;align-items:center;margin-top:24px;font-size:13px;display:flex}.text-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.text-button:hover{color:var(--ink)}