/* Shared IYB palette for every credit picker, including the admin preview. */
.credit-picker{--credit-bg:#171717;--credit-text:#f3f3f3;--credit-muted:#c6c2bf;--credit-accent:#efbda8;color:var(--credit-text);color-scheme:dark;font-family:inherit;box-sizing:border-box}
.credit-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;border:1px solid #51423d;border-radius:24px;padding:36px;background:var(--credit-bg);box-shadow:0 24px 100px #0009}
.credit-dialog::backdrop{background:#090709b8;backdrop-filter:blur(5px)}
.credit-picker .credit-close{position:absolute;right:4px;top:2px;min-width:44px;min-height:44px;background:transparent;border:0;font-family:inherit;font-size:24px;line-height:1;color:var(--credit-muted);cursor:pointer}
.credit-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--rose-200,#efbda8);margin:0 0 12px}
.credit-picker h2{font-size:clamp(25px,5vw,31px);line-height:1.15;letter-spacing:-.035em;margin:0 0 12px;color:var(--credit-text)}
.credit-picker .credit-lead{font-size:14px;color:var(--credit-muted);line-height:1.6;margin:0 0 24px}
.credit-selection{display:flex;align-items:center;justify-content:space-between;gap:16px}
.credit-picker .credit-custom{margin:0;min-width:0;max-width:55%;font-size:12px;font-weight:600;color:var(--credit-muted)}
.credit-picker .credit-custom span{display:flex;align-items:center;border:1px solid #776a63;border-radius:12px;margin-top:7px;padding:0 10px;background:#0a0a0a}
.credit-picker .credit-custom b{font-size:26px;font-weight:500;color:var(--credit-accent)}
.credit-picker .credit-custom input{width:100%;min-width:0;box-sizing:border-box;border:0;background:transparent;padding:8px 4px;font-family:inherit;font-size:30px;font-weight:600;min-height:48px;color:var(--credit-accent)}
.credit-count{display:flex;flex-direction:column;gap:5px;text-align:right}
.credit-picker .credit-count strong{font-size:18px;color:var(--credit-text)}.credit-picker .credit-count span{font-size:12px;color:var(--credit-muted)}
.credit-picker .credit-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:12px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:linear-gradient(to right,#efbda8 var(--credit-progress,19%),#776a63 var(--credit-progress,19%)) center/100% 6px no-repeat;touch-action:pan-y}
.credit-picker .credit-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:3px solid var(--credit-bg);background:var(--credit-accent);box-shadow:0 1px 5px #0006}
.credit-picker .credit-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:3px solid var(--credit-bg);background:var(--credit-accent);box-shadow:0 1px 5px #0006}
.credit-picker :is(button,input):focus-visible{outline:2px solid var(--credit-accent);outline-offset:3px}.credit-picker .credit-slider:focus-visible{border-radius:8px}
.credit-picker :disabled{cursor:default;opacity:.7}
.credit-range-labels{display:flex;justify-content:space-between;font-size:11px;margin-top:-3px;color:var(--credit-muted)}
.credit-picker .credit-total{margin:20px 0;padding:16px;background:#211e1c;border:1px solid #3c322e;border-radius:14px;display:flex;flex-direction:column;gap:8px;text-align:center}
.credit-picker .credit-total strong{font-size:18px;line-height:1.45;letter-spacing:-.02em;color:var(--credit-text)}
.credit-picker .credit-total strong span{display:block;font:inherit;color:inherit}.credit-picker .credit-total > span{font-size:13px;line-height:1.5;color:var(--credit-muted)}.credit-total span:empty{display:none}
.credit-picker .credit-benefits{text-align:center;font-size:11px;line-height:1.5;color:var(--credit-muted);margin:16px 0}
.credit-picker .credit-buy{display:block;margin:0;width:100%;min-width:0;border:0;min-height:50px;border-radius:13px;background:var(--rose-gradient,linear-gradient(90deg,#b9776a,#f4c9b4));color:#241b17;font-family:inherit;font-weight:700;cursor:pointer}.credit-picker .credit-buy:disabled{cursor:wait}
.credit-picker .credit-status,.credit-picker .credit-renewal{text-align:center;font-size:12px;line-height:1.6;color:var(--credit-muted);margin:16px 0 0;overflow-wrap:anywhere}.credit-status:empty{display:none}
.credit-picker .credit-plan,.credit-picker .credit-check{display:block;margin:8px auto 0;padding:10px 4px;min-height:40px;border:0;background:none;font:inherit;font-size:12px;color:var(--credit-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.credit-picker [hidden],.credit-payonce [hidden],.credit-payonce[hidden],#adminCredits [hidden]{display:none!important}
.credit-inline{max-width:400px;margin:28px auto 0;text-align:left}
.credit-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:15px 0;padding:15px 18px;border:1px solid var(--border,#2a2a2d);border-radius:15px;background:var(--card,#171717);color:var(--text,#f3f3f3);font-size:13px}
.credit-account span{display:block;color:var(--text-secondary,#b7b7bc);font-size:12px;margin-top:4px}.credit-account button{white-space:nowrap}
.credit-payonce{width:min(680px,100%);margin:12px auto 40px;text-align:center;padding:38px 24px;background:var(--card,#171717);border:1px solid var(--border,#2a2a2d);color:var(--text,#f3f3f3);border-radius:24px;box-sizing:border-box}
.credit-payonce h2{margin:0 0 10px;font-size:32px;letter-spacing:-.035em;color:var(--text,#f3f3f3)}.credit-payonce p{color:var(--text-secondary,#b7b7bc);line-height:1.6}.credit-payonce .credit-balance{margin:16px 0 0;font-size:12px}
.credit-inline-offer{font-size:13px;margin:10px 0}.credit-inline-offer button{border:0;background:transparent;color:var(--rose-200,#efbda8);font:inherit;text-decoration:underline;cursor:pointer}
.pricing-payonce-active #planGrid,.pricing-payonce-active #pricingTrialTerms,.pricing-payonce-active #pricingOnboardingPanel,.pricing-payonce-active #pricingBillingNote{display:none!important}
.pricing-payonce-active .pricing-billing-option[data-billing-interval]{background:transparent;box-shadow:none}.pricing-payonce-active .pricing-billing-option[data-payment-mode=credits]{background:var(--bg-active,#2b2b2e);color:var(--rose-100,#f4d3c2)}
.pricing-shared-grid-clean .shared-feature-block{min-width:0}.pricing-shared-grid-clean .pricing-credit-table-wrap{max-width:100%;overflow-x:auto}
/* Stacked savings keep all three choices readable, including at 320px. */
.pricing-billing-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:min(100%,480px);box-sizing:border-box;border-radius:22px}
.pricing-billing-option{flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:9px 8px;border-radius:17px;white-space:nowrap}.pricing-billing-saving{font-size:11px;line-height:1.35;padding:2px 5px;white-space:nowrap}
.pricing-savings-basis{font-size:11px;color:var(--text-secondary,#b7b7bc);margin:0;text-align:center}
@media(max-width:420px){.credit-dialog{padding:32px 20px 24px}.credit-account{padding:14px}.credit-payonce{padding:30px 18px}}
@media(max-width:380px){.pricing-billing-toggle{gap:2px;padding:4px}.pricing-billing-option{font-size:13px;padding:8px 3px}.pricing-billing-saving{font-size:10px;padding:2px 3px}.credit-dialog .credit-lead{margin-bottom:18px}.credit-picker .credit-total strong{font-size:16px}}
/* The first-book offer has already chosen a size; keep its review about that book. */
.credit-book-checkout [hidden] { display: none !important; }
.credit-book-checkout .credit-total { text-align: center; }
.credit-book-checkout .credit-total > strong { font-size: 2rem; }
.credit-book-checkout [data-credit-use]:empty { display: none; }