.app-wrap:has(.subscriptions-page){width:min(1120px,100%)}
.subscriptions-page{--sub-accent:#70e6c0;--sub-accent-ink:#b6f8e3;--sub-wash:rgba(64,202,159,.09);--sub-panel:var(--app-panel,#101b29);--sub-text:var(--app-text,#f5f7fb);--sub-muted:var(--app-muted,#a3b1c8);--sub-line:var(--app-border,rgba(139,167,199,.2));max-width:1080px;margin:0 auto;padding:22px 0 48px;color:var(--sub-text);animation:subscription-rise .55s ease both}
.subscriptions-page svg,.home-subscription-chip svg{width:21px;height:21px;flex:0 0 auto;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.subscription-back{display:inline-flex;margin-bottom:20px;color:var(--sub-muted);font-size:13px}.subscription-back:hover{color:var(--sub-accent-ink)}
.subscription-renew-notice{display:flex;gap:14px;padding:20px;border:1px solid var(--sub-line);border-radius:22px;background:var(--sub-panel)}.subscription-renew-notice>svg{margin-top:2px;color:var(--sub-muted)}.subscription-renew-notice strong{font-size:15px}.subscription-renew-notice p{margin:7px 0 0;color:var(--sub-muted);font-size:13px;line-height:1.65}
.subscriptions-heading{padding:34px 4px 22px}.subscription-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:750;color:var(--sub-accent-ink)}.subscriptions-heading h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.04em;margin:9px 0 10px}.subscriptions-heading p{max-width:610px;margin:0;line-height:1.65;color:var(--sub-muted)}
.subscription-current{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--sub-accent) 38%,transparent);border-radius:26px;padding:26px;background:radial-gradient(ellipse at top right,rgba(58,205,158,.17),transparent 65%),var(--sub-panel);box-shadow:0 14px 42px rgba(0,0,0,.08)}.subscription-current-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.subscription-status{display:inline-flex;gap:7px;align-items:center;color:var(--sub-accent-ink);font-size:13px;font-weight:650}.subscription-current h2{margin:20px 0 8px;font-size:30px;letter-spacing:-.025em}.subscription-current p{color:var(--sub-muted);line-height:1.65;font-size:14px}.subscription-dates{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;padding-top:20px;border-top:1px solid var(--sub-line)}.subscription-dates small,.subscription-dates strong{display:block}.subscription-dates small{color:var(--sub-muted);margin-bottom:7px;font-size:12px}.subscription-dates strong{font-size:14px;line-height:1.6}.subscription-current-details{font-size:13px;color:var(--sub-accent-ink)}
.subscription-no-active{border:1px solid var(--sub-line);border-radius:24px;padding:24px;background:var(--sub-panel)}.subscription-no-active h2{font-size:20px;margin:0 0 10px}.subscription-no-active p{color:var(--sub-muted);line-height:1.6;font-size:14px;margin:0}
.subscription-preview-note{display:flex;align-items:center;gap:12px;margin:22px 3px;color:var(--sub-muted)}.subscription-preview-note p{font-size:12px;line-height:1.65;margin:0}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.subscription-plan{min-width:0;display:flex;flex-direction:column;padding:22px;border:1px solid var(--sub-line);border-radius:24px;background:var(--sub-panel);transition:transform .22s,border-color .22s;scroll-margin-top:28px}.subscription-plan:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sub-accent) 38%,var(--sub-line))}.subscription-plan.is-current{border-color:color-mix(in srgb,var(--sub-accent) 50%,transparent);background:linear-gradient(155deg,var(--sub-wash),transparent 65%),var(--sub-panel)}.subscription-plan-label{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:650;color:var(--sub-muted)}.is-current .subscription-plan-label{color:var(--sub-accent-ink)}.subscription-plan-label svg{width:16px;height:16px}.subscription-plan h2{font-size:23px;margin:22px 0 12px}.subscription-price{font-size:32px;font-weight:750;letter-spacing:-.035em}.subscription-price span{font-size:12px;font-weight:450;letter-spacing:0;color:var(--sub-muted)}.subscription-plan-intro{font-size:12px;color:var(--sub-muted);line-height:1.7}
.subscription-benefits{list-style:none;margin:14px 0 20px;padding:0;display:grid;gap:12px}.subscription-benefits li{display:flex;gap:9px;line-height:1.55;font-size:12px}.subscription-benefits svg{width:16px;height:18px;color:var(--sub-accent)}.subscription-plan details{border-top:1px solid var(--sub-line);padding:15px 0}.subscription-plan summary{cursor:pointer;font-size:12px;font-weight:650;line-height:1.6}.subscription-quota{padding:15px 0 5px}.subscription-quota>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.subscription-quota strong{font-weight:600}.subscription-quota>div>span{color:var(--sub-muted);font-size:11px}.subscription-quota small{display:block;color:var(--sub-muted);font-size:10px;line-height:1.65;margin-top:6px}.subscription-quota progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;margin-top:10px;background:var(--sub-line)}.subscription-quota progress::-webkit-progress-bar{background:var(--sub-line)}.subscription-quota progress::-webkit-progress-value{background:var(--sub-accent);border-radius:10px}.subscription-quota progress::-moz-progress-bar{background:var(--sub-accent);border-radius:10px}
.subscription-locked-action{position:relative;margin-top:18px}.subscription-locked-action button{width:100%;height:66px;border:1px solid var(--sub-line);border-radius:15px;background:var(--sub-wash);color:var(--sub-muted);font:inherit;font-size:13px;padding-bottom:25px;opacity:.6;cursor:not-allowed}.subscription-button-lock{position:absolute;inset:0;display:flex;gap:6px;align-items:center;justify-content:center;padding-top:26px;pointer-events:none;color:var(--sub-muted);font-size:10px}.subscription-button-lock svg{width:14px;height:14px}.subscription-explainer{margin-top:28px;padding:23px;border:1px solid var(--sub-line);border-radius:22px;background:var(--sub-panel)}.subscription-explainer h2{font-size:18px;margin:0 0 14px}.subscription-explainer p{color:var(--sub-muted);font-size:13px;line-height:1.8}.subscription-explainer a{color:var(--sub-accent-ink);font-size:13px}
.home-subscription-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;box-sizing:border-box;border:1px solid rgba(89,218,174,.35);border-radius:13px;background:linear-gradient(125deg,rgba(40,126,104,.23),rgba(27,73,71,.16));color:#b6f8e3;font-size:11.5px;font-weight:650;text-decoration:none;white-space:nowrap;box-shadow:0 3px 18px rgba(37,183,136,.08);animation:subscription-rise .5s ease both;transition:background .2s,transform .2s}.home-subscription-chip:hover{background:rgba(40,126,104,.3);transform:translateY(-1px)}.home-subscription-chip svg{width:13px;height:13px}.subscription-live-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#6ce0b3;box-shadow:0 0 0 4px rgba(92,214,169,.1);animation:subscription-pulse 2.8s ease-in-out infinite}.subscriptions-wallet-link{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;margin:12px 0 22px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-panel);color:var(--app-text);font-size:14px}.subscriptions-wallet-link small{color:var(--app-muted);font-size:11px}
html[data-site-theme="day"] .subscriptions-page{--sub-accent:#168562;--sub-accent-ink:#156d54;--sub-wash:rgba(24,143,103,.055);--sub-panel:#fff;--sub-text:#193546;--sub-muted:#5e7481;--sub-line:#dce6e9}html[data-site-theme="day"] .home-subscription-chip{color:#14674f;border-color:#b8dfcf;background:linear-gradient(120deg,#e5f5ed,#f2faf7);box-shadow:0 3px 16px rgba(31,132,91,.06)}html[data-site-theme="day"] .subscription-live-dot{background:#22835d}html[data-site-theme="day"] .subscriptions-wallet-link{background:#fff;color:#193546;border-color:#dce6e9}html[data-site-theme="day"] .subscriptions-wallet-link small{color:#5e7481}
@keyframes subscription-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes subscription-pulse{50%{box-shadow:0 0 0 6px rgba(92,214,169,0)}}
@media(max-width:900px){.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan{padding:23px}.subscription-plan h2{margin-top:18px}.subscription-price{font-size:30px}}@media(max-width:480px){.subscriptions-page{padding-top:12px}.subscription-current{padding:21px}.subscription-dates{grid-template-columns:1fr;gap:15px}.subscription-renew-notice{padding:17px}.home-subscription-chip{min-height:36px;padding:7px 9px;font-size:10.5px;gap:6px}.subscriptions-wallet-link{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.subscriptions-page,.home-subscription-chip,.subscription-live-dot{animation:none}.subscription-plan,.home-subscription-chip{transition:none}.subscription-plan:hover,.home-subscription-chip:hover{transform:none}}