.b-pack,.b-pay,.b-offer{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md)}html[data-plate=on] :is(.b-pack,.b-pay,.b-offer){background:color-mix(in srgb,var(--paper-raised) 82%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);border-color:color-mix(in srgb,var(--rule) 60%,var(--ink-faint));box-shadow:0 1px 2px rgb(0 0 0 / .05),0 6px 18px rgb(0 0 0 / .05)}html[data-plate=on] .b-offer{border-color:var(--accent)}.b-offer{margin:0 0 var(--s-3);padding:var(--s-3) var(--s-4);border-color:var(--accent);font-size:var(--t-sm)}.b-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--s-3)}.b-pack{display:grid;gap:var(--s-1);justify-items:start;padding:var(--s-3) var(--s-4);font:inherit;color:inherit;text-align:start;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.b-pack:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.b-pack:disabled{cursor:default}html[data-plate=on] .b-pack[aria-pressed=true],.b-pack[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.b-pack-tokens{font-size:var(--t-md);font-weight:700}.b-pack-price{font-size:var(--t-lg);font-variant-numeric:tabular-nums}.b-pack-was{color:var(--ink-faint);font-size:var(--t-xs);text-decoration:line-through;font-variant-numeric:tabular-nums}.b-pay{margin:var(--s-4) 0 0;padding:var(--s-4) var(--s-5);max-width:28rem}.b-pay-line{margin:0 0 var(--s-3);font-weight:600}.b-pay-buttons{display:grid;gap:var(--s-2);min-height:48px}.b-pay-buttons paypal-button,.b-pay-buttons paypal-basic-card-container,.b-pay-buttons paypal-basic-card-button{display:block;width:100%;max-width:none}.b-say{margin:var(--s-2) 0 0;min-height:1.2em;color:var(--ink-soft);font-size:var(--t-sm)}.b-agree{display:flex;align-items:flex-start;gap:var(--s-2);margin:0 0 var(--s-3);font-size:var(--t-sm);line-height:1.5;color:var(--ink-soft);cursor:pointer}.b-agree input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}.b-agree a{color:var(--ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.b-agree a:hover{color:var(--accent);border-bottom-color:var(--accent)}.b-pay-buttons{transition:opacity var(--dur-s) var(--ease)}.b-pay:not([data-agreed="1"]) .b-pay-buttons{opacity:.55}.b-agree.is-nudged{animation:b-nudge .4s var(--ease)}@keyframes b-nudge{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.b-agree.is-nudged{animation:none}}.b-say[data-kind=error]{color:var(--warn)}.b-redeem{display:grid;gap:var(--s-2);margin:0 0 var(--s-3)}.b-redeem-label{margin:0;color:var(--ink-soft);font-size:var(--t-sm)}.b-redeem-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.b-redeem-input{flex:1 1 10rem;max-width:14rem;min-width:0;padding:var(--s-2) var(--s-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-full);color:inherit;font:600 var(--t-md) var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.b-redeem-input::placeholder{color:var(--ink-faint);font-weight:400;letter-spacing:.02em;text-transform:none}.b-redeem-input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.b-redeem-input.is-nudged{animation:b-nudge .4s var(--ease)}@media(prefers-reduced-motion:reduce){.b-redeem-input.is-nudged{animation:none}}html[data-plate=on] .b-redeem-input{background:color-mix(in srgb,var(--paper-raised) 82%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);border-color:color-mix(in srgb,var(--rule) 60%,var(--ink-faint))}.b-redeem .b-say{margin:0;min-height:0}.b-redeem .b-say:empty{display:none}.buy-dlg{width:min(32rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}.buy-lead{margin:0;color:var(--ink-soft);font-size:var(--t-sm);line-height:1.5}.buy-dlg .b-offer{margin:0}.buy-dlg .b-pay{margin:0;max-width:none}.buy-dlg .b-note{margin:0;color:var(--ink-faint);font-size:var(--t-xs);line-height:1.5}.buy-dlg .b-packs{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--s-2)}@media(max-width:720px){.buy-dlg{width:100%;max-height:92dvh}}