.plan-tone-silver{--tier-mid:#20242b;--tier-bottom:#343e4d;--tier-label:#ced6e1}.plan-tone-gold{--tier-mid:#352a19;--tier-bottom:#9c620b;--tier-label:#ffcd68}.plan-tone-platinum{--tier-mid:#332044;--tier-bottom:#652da7;--tier-label:#c9a3ff}.plan-tone-diamond{--tier-mid:#152d4e;--tier-bottom:#185bc2;--tier-label:#81caff}[data-theme=milky] .plan-tone-silver{--tier-mid:#f0f2f5;--tier-bottom:#dce3ed;--tier-label:#5b687a}[data-theme=milky] .plan-tone-gold{--tier-mid:#fff1d4;--tier-bottom:#ffd16e;--tier-label:#9c6500}[data-theme=milky] .plan-tone-platinum{--tier-mid:#f0e2ff;--tier-bottom:#cd9fff;--tier-label:#7b36bf}[data-theme=milky] .plan-tone-diamond{--tier-mid:#dfefff;--tier-bottom:#85bfff;--tier-label:#175ec4}.plan-tone-bonus{--tier-mid:#352a19;--tier-bottom:#9c620b;--tier-label:#ffcd68}[data-theme=milky] .plan-tone-bonus{--tier-mid:#fff1d4;--tier-bottom:#ffd16e;--tier-label:#9c6500}.subscription-card,.setup-subscription-picker.subscription-card{--subscription-ink:#fafafa;--subscription-muted:#d6dce6;background:linear-gradient(165deg,var(--surface-card,#161619) 0%,var(--tier-mid) 52%,var(--tier-bottom) 100%);border:1px solid color-mix(in srgb,var(--tier-label) 45%,var(--surface-border,#2c2c32));color:var(--subscription-ink);border-radius:16px}[data-theme=milky] .subscription-card{--subscription-ink:#292524;--subscription-muted:#485365}.setup-tier.subscription-tier{color:var(--tier-label);gap:8px}.subscription-tier .plan-emblem{width:28px;height:28px;padding:0}.subscription-tier strong{font-weight:500}.setup-subscription-picker.subscription-card{touch-action:pan-y pinch-zoom;margin-bottom:24px;padding:16px 18px;display:block;position:relative}.is-plan-choice .renewal-subscription-picker.subscription-card{flex-shrink:0;width:430px;max-width:100%;margin:0}.renewal-selection-viewport{-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.renewal-selection-slide{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;animation:.24s cubic-bezier(.2,.8,.2,1) renewal-selection-in;display:grid}.renewal-selection-title{align-items:center;gap:12px;min-width:0;display:flex}.subscription-card .renewal-selection-title>.plan-emblem{width:48px;height:48px;padding:0}.renewal-selection-name{color:var(--tier-label);font-size:16px;font-weight:500;line-height:24px}.renewal-selection-expiry{white-space:nowrap;color:var(--subscription-muted);font-size:11px;line-height:18px;display:block}.renewal-selection-days{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.renewal-selection-days strong{font-size:28px;font-weight:400;line-height:30px}.renewal-selection-days>span{color:var(--subscription-muted);font-size:11px}.subscription-card .setup-subscription-nav{justify-content:flex-end;gap:10px;width:auto;margin:8px 0 0;padding:0;display:flex}.subscription-card .setup-subscription-nav>span:before{content:none}.subscription-card .setup-subscription-nav>span{font-variant-numeric:tabular-nums;font-size:11px}.subscription-card .setup-subscription-nav>span>span{color:var(--subscription-muted)}.subscription-card .setup-subscription-nav button{width:32px;height:28px;color:var(--tier-label);background:0 0;border:0;border-radius:7px}.subscription-card .setup-subscription-nav button:hover:not(:disabled){background:color-mix(in srgb,var(--tier-label) 12%,transparent)}.subscription-card:focus-visible,.subscription-card button:focus-visible{outline:2px solid var(--tier-label);outline-offset:3px}.subscription-overview-card{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.subscription-overview-card .plan-emblem{width:42px;height:42px;padding:0}.subscription-overview-card small{text-transform:uppercase;letter-spacing:.05em;color:var(--subscription-muted);margin-bottom:6px;font-size:10px;display:block}.subscription-overview-card strong{font-size:14px;font-weight:500}@keyframes renewal-selection-in{0%{opacity:.35;transform:translateX(var(--renew-slide))}to{opacity:1;transform:translate(0)}}@media (width<=800px){.is-plan-choice .purchase-heading:has(.renewal-subscription-picker){flex-direction:column;align-items:stretch}.is-plan-choice .renewal-subscription-picker.subscription-card{width:100%}}@media (width<=600px){.setup-subscription-picker.subscription-card{padding:14px}.renewal-selection-title{gap:8px}.subscription-card .renewal-selection-title>.plan-emblem{width:38px;height:38px}.renewal-selection-name{font-size:14px}.renewal-selection-expiry{font-size:10px}.renewal-selection-days strong{font-size:25px}.subscription-overview-card .plan-emblem{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.renewal-selection-slide{animation:none}}.subscription-card .plan-emblem{color:var(--tier-label);flex-shrink:0}.setup-tier.subscription-tier{white-space:nowrap;align-items:center;display:inline-flex}.setup-tier.subscription-tier .plan-emblem{width:28px;height:28px;padding:0}[data-theme=milky] .subscription-card{--surface-card:#fcfaf6;--surface-border:#e5e0d8}.subscription-card .setup-subscription-nav button:disabled{opacity:.3;cursor:default}.subscription-overview-copy{min-width:0}.subscription-overview-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.subscription-overview-count{color:var(--tier-label);align-items:center;gap:3px;margin-left:6px;display:inline-flex}.subscription-overview-card{text-align:left}.subscription-selector-row .plan-emblem{width:32px;height:32px;padding:0}@media (width<=360px){.subscription-overview-card{gap:6px;padding:10px}.subscription-overview-card .plan-emblem{width:28px;height:28px}.subscription-overview-copy strong{font-size:12px}}