.credit-area{margin:24px 0 36px;min-width:0;font-size:16px}.credit-area [hidden]{display:none!important}.credit-hero{padding:28px;border:1px solid #dcd1fa;border-radius:24px;background:linear-gradient(120deg,#eee7ff,#faf7ff);display:flex;justify-content:space-between;align-items:center;gap:20px}.credit-eyebrow{font-size:14px;letter-spacing:1.4px;color:#7050eb;margin:0}.credit-total{font-size:46px;font-weight:700;line-height:1.2;margin:10px 0}.credit-total small{font-size:16px;font-weight:400}.credit-area p{line-height:1.7}.credit-subtle{color:#746b82;font-size:14px;margin:8px 0}.credit-area .button-row{display:flex;gap:10px;flex-wrap:wrap}.credit-area button,.credit-area a.secondary{font:inherit;font-size:14px;min-height:44px;cursor:pointer}.credit-area .credit-action{background:#7050eb;color:white;border:0;border-radius:16px;padding:13px 23px;font-weight:600}.credit-area button:disabled{cursor:not-allowed;opacity:.6}.credit-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.credit-pack{padding:22px 18px;border:1px solid #ded7ea;border-radius:20px;background:white;min-width:0}.credit-pack strong{display:block;font-size:28px}.credit-pack p{margin:8px 0 18px}.credit-pack button{width:100%;margin:0}.credit-pack.featured{border-color:#9470ef;box-shadow:0 5px 24px #7952d90d}.credit-section{margin-top:24px}.credit-section h2{font-size:23px;margin:0 0 14px}.credit-section summary{cursor:pointer;font-size:18px;font-weight:600;padding:16px 0}.credit-rows{display:grid;gap:10px}.credit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border:1px solid #e6e0ee;border-radius:16px;background:white;min-width:0}.credit-row>div{min-width:0;overflow-wrap:anywhere}.credit-row p{margin:3px 0}.credit-row .credit-subtle{margin:3px 0}.credit-positive{color:#25885a}.credit-negative{color:#a74c61}.credit-pill{padding:5px 11px;border-radius:20px;background:#eee8fb;color:#6c4eb3;white-space:nowrap;font-size:14px}.credit-blank{padding:22px;text-align:center;border:1px dashed #d7cdeb;border-radius:18px;color:#807488}.credit-activity{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0;font-size:14px;color:#817987}.credit-note{padding:14px 18px;border-radius:16px;background:#f0eafa;color:#6d528f;font-size:14px}.credit-price{margin:12px 0;font-size:14px;line-height:1.7;padding:12px 15px;border:1px solid #dcd1fa;border-radius:14px}.credit-price a{margin-left:10px}.credit-area input,.credit-area select{font:inherit;min-height:44px;max-width:100%}.credit-admin-form{display:grid;gap:12px}.credit-admin-form label{display:grid;gap:5px}.credit-row .button-row{justify-content:flex-end}.credit-area a{color:#7050eb}.credit-area button:focus-visible,.credit-area a:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
[data-theme=dark] .credit-hero{background:linear-gradient(120deg,#30213f,#201a2c);border-color:#58416d}[data-theme=dark] .credit-pack,[data-theme=dark] .credit-row{background:#261f32;border-color:#493a59}[data-theme=dark] .credit-subtle,[data-theme=dark] .credit-activity{color:#c0b4cb}[data-theme=dark] .credit-note,[data-theme=dark] .credit-pill{background:#382b49;color:#dbc6ff}[data-theme=dark] .credit-area a,[data-theme=dark] .credit-eyebrow{color:#be9cff}[data-theme=dark] .credit-positive{color:#89dab0}[data-theme=dark] .credit-negative{color:#ffabbd}
@media(max-width:750px){.credit-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-hero{padding:22px}.credit-total{font-size:38px}.credit-row{align-items:flex-start}.credit-hero .button-row{flex-direction:column}}@media(max-width:450px){.credit-hero{align-items:flex-start;flex-direction:column}.credit-hero>.button-row{width:100%;flex-direction:row}.credit-pack{padding:18px 14px}.credit-row{flex-wrap:wrap}.credit-activity{display:grid}.credit-pack strong{font-size:25px}}