.credit-header{display:flex;align-items:center;gap:8px}.credit-balance{white-space:nowrap;font-weight:700}.credit-balance small{font-size:10px;color:#aaa}.credit-pricing{width:min(960px,94vw);max-height:90dvh;padding:32px;border:1px solid #343640;border-radius:24px;background:#121318;color:#f5f5f7;overflow:auto}.credit-pricing::backdrop{background:#000b;backdrop-filter:blur(8px)}.credit-heading{display:flex;justify-content:space-between;gap:20px}.credit-heading h2{font-size:30px;line-height:1.2;margin:12px 0}.credit-heading p,.credit-card>span,.credit-fine{color:#aaaebc}.credit-eyebrow{font-size:11px;letter-spacing:3px;color:#aabaff}.credit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.credit-toolbar label{display:flex;gap:10px;align-items:center}.credit-toolbar select{width:auto}.credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.credit-card{border:1px solid #353844;background:linear-gradient(145deg,#1b1e29,#17181f);border-radius:20px;padding:26px 20px;min-width:0}.credit-card:nth-child(2){border-color:#527cff;background:linear-gradient(145deg,#202c4a,#181e30)}.credit-card h3{font-size:28px;margin:20px 0}.credit-card h3 small{display:block;font-size:15px;font-weight:400;margin-top:5px}.credit-price{display:block;font-size:34px}.credit-card button{width:100%;margin-top:20px}.credit-payment-note{padding:16px;border:1px solid #3b4358;background:#1c2230;border-radius:12px;margin-top:24px}.credit-fine{font-size:13px;line-height:1.6}@media(max-width:650px){.credit-grid{grid-template-columns:1fr}.credit-pricing{padding:20px}.credit-heading h2{font-size:24px}.credit-toolbar{align-items:flex-start;flex-direction:column}.credit-header{gap:3px}.credit-header .small{padding:7px}}

.credit-tabs{display:flex;gap:10px;margin:0 0 24px}.credit-tabs button[aria-pressed="true"]{background:#283961;border-color:#527cff;color:#fff}.credit-heading>[data-credit-close]{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;align-self:flex-start;display:grid;place-items:center;font-size:24px}.credit-card>span{font-size:18px;font-weight:700;color:#eef0ff}

/* Pricing-only premium finish: preserve catalogue, controls and responsive grid. */
body.cinema-theme dialog#creditPricing{
 --plan-blue:#4966ff;--plan-violet:#8055ff;
 background:radial-gradient(ellipse at 50% 0,#4966ff0d,transparent 55%),#0d111b;
 border-color:#6476a740;box-shadow:0 30px 100px #000a;color:#f5f5fa;
 font-family:Inter,'DM Sans',system-ui,sans-serif;
}
body.cinema-theme dialog#creditPricing::backdrop{background:#03050bd4;backdrop-filter:blur(8px)}
#creditPricing .credit-heading h2{letter-spacing:-.7px;color:#fff}
#creditPricing .credit-eyebrow{color:#b3bfff}
#creditPricing .credit-heading p,#creditPricing .credit-fine{color:#aeb8ce}
#creditPricing .credit-card{
 position:relative;overflow:hidden;isolation:isolate;
 background:linear-gradient(155deg,#19233a,#121a2b);
 border:1px solid #4966ff66;box-shadow:0 10px 30px #0004,inset 0 1px 0 #ffffff08;
 transition:border-color 180ms ease,box-shadow 180ms ease;
}
#creditPricing .credit-card::before{
 content:"";position:absolute;inset:0 0 auto;height:4px;
 background:linear-gradient(90deg,#4966ff,#768aff);
}
#creditPricing .credit-card:nth-child(2){
 background:radial-gradient(ellipse at 50% 0,#4966ff24,transparent 75%),#19213b;
 border-color:#637bff;box-shadow:0 12px 36px #4966ff24,inset 0 1px 0 #ffffff0c;
}
#creditPricing .credit-card:nth-child(2)::before{background:linear-gradient(90deg,#4966ff,#8055ff)}
#creditPricing .credit-card:nth-child(3){background:linear-gradient(155deg,#28203e,#181629);border-color:#8055ff66}
#creditPricing .credit-card:nth-child(3)::before{background:linear-gradient(90deg,#8055ff,#b099ff)}
#creditPricing .credit-card:hover{border-color:#8fa0ff;box-shadow:0 12px 32px #4966ff20}
#creditPricing .credit-card>span{color:#b7c4ff;letter-spacing:.2px}
#creditPricing .credit-card:nth-child(2)>span{color:#c1bcff}
#creditPricing .credit-card:nth-child(3)>span{color:#d2c2ff}
#creditPricing .credit-card h3{color:#fff;letter-spacing:-.5px}
#creditPricing .credit-card h3 small{color:#b9c2d8;letter-spacing:0;line-height:1.5}
#creditPricing .credit-price{color:#fff;letter-spacing:-.8px}
#creditPricing .credit-card>p{color:#c1c9dd}
#creditPricing .credit-card button.primary:disabled{
 opacity:1;background:linear-gradient(110deg,#273c87,#3d326b);
 border-color:#7d91ff55;color:#c6ceef;box-shadow:inset 0 1px 0 #ffffff0a;
 cursor:not-allowed;text-shadow:none;
}
#creditPricing .credit-card:nth-child(2) button.primary:disabled{
 background:linear-gradient(110deg,#3654be,#6543b5);border-color:#9a9eff70;color:#e2e5ff;
}
#creditPricing .credit-card:nth-child(3) button.primary:disabled{background:linear-gradient(110deg,#41306c,#503b86);border-color:#a28aff55}
#creditPricing .credit-tabs button{background:#171e2d;border:1px solid #6878a24d;box-shadow:none}
#creditPricing .credit-tabs button[aria-pressed="true"]{
 background:linear-gradient(110deg,#4966ff,#8055ff);border-color:#a6acff77;color:#fff;box-shadow:0 3px 12px #4966ff24;
}
#creditPricing .credit-tabs button:hover{border-color:#9aa8ff}
#creditPricing .credit-toolbar select{background:#141b2b;border-color:#697bb04d;color:#fff}
#creditPricing .credit-toolbar select:focus{border-color:#8093ff;outline-color:#8093ff}
#creditPricing .credit-payment-note{
 background:#4966ff0d;border-color:#7287bf44;box-shadow:none;color:#c5cde0;
}
#creditPricing .credit-heading>[data-credit-close]{background:#1b2232;border-color:#697bb04d;box-shadow:none}
#creditPricing button:focus-visible{outline:2px solid #a5b2ff;outline-offset:3px}
@media(max-width:650px){
 #creditPricing .credit-tabs{flex-wrap:wrap}
 #creditPricing .credit-tabs button{white-space:normal}
}
@media(prefers-reduced-motion:reduce){#creditPricing .credit-card{transition:none}}

/* Editorial plan badges; never imply a current subscription. */
#creditPricing .credit-card{overflow:visible}
#creditPricing .credit-card::before{left:18px;right:18px;border-radius:0 0 4px 4px}
#creditPricing .credit-grid{row-gap:30px;margin-top:12px}
#creditPricing .credit-card>.credit-plan-badge{
 position:absolute;top:-13px;left:18px;display:inline-flex;align-items:center;
 padding:5px 13px;border-radius:999px;font-size:11px;font-weight:750;
 line-height:1.3;letter-spacing:.65px;text-transform:uppercase;color:#fff;
 border:1px solid #a7b2ff66;box-shadow:0 5px 15px #0004;white-space:nowrap;
}
#creditPricing .credit-card>.credit-plan-popular{background:linear-gradient(110deg,#4966ff,#675aff)}
#creditPricing .credit-card>.credit-plan-value{background:linear-gradient(110deg,#7150dc,#8055ff);border-color:#c3aaff66}