.credit-purchase-dialog{border:1px solid var(--line);background:var(--surface,var(--surface-page));width:min(760px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text-primary);border-radius:22px;padding:24px;overflow:auto;box-shadow:0 24px 80px #0006}.credit-purchase-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080b12b8}.credit-purchase-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.credit-purchase-heading h2{letter-spacing:-.02em;margin:0;font-family:inherit;font-size:24px;font-weight:600;line-height:1.2}.credit-purchase-heading button{border:1px solid var(--line);width:40px;height:40px;color:inherit;background:0 0;border-radius:50%;flex:none;padding:0;font-size:24px}.credit-purchase-dialog>p{margin:12px 0 20px;font-size:14px;line-height:1.5}.credit-purchase-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.credit-purchase-packs article{border:1px solid var(--line);background:var(--surface-page);border-radius:14px;padding:18px 14px}.credit-purchase-packs .purchase-popular{border:2px solid var(--primary,#f0b477);padding:17px 13px}.credit-purchase-packs h3{margin:10px 0;font-family:inherit;font-size:22px;font-weight:600;line-height:1.3}.purchase-badge{margin:0;font-size:12px;font-weight:600}.purchase-amount{margin:12px 0 20px;font-size:24px;font-weight:600}.credit-purchase-packs button{background:var(--primary,#f0b477);color:#201c17;cursor:pointer;border:0;border-radius:9px;width:100%;min-height:44px;padding:10px 8px;font-size:13px;font-weight:700}.credit-purchase-packs button:disabled{opacity:.65;cursor:not-allowed}.credit-purchase-dialog button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (width<=600px){.credit-purchase-dialog{padding:18px}.credit-purchase-heading h2{font-size:21px}.credit-purchase-packs{grid-template-columns:1fr;gap:9px}.credit-purchase-packs article{grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:12px;display:grid}.credit-purchase-packs .purchase-popular{padding:11px}.purchase-badge{grid-column:1}.credit-purchase-packs h3{grid-column:1;margin:0;font-size:20px}.purchase-amount{grid-area:1/2/3;margin:0;font-size:22px}.credit-purchase-packs button{grid-column:1/-1;margin-top:6px}}