html body .subscription-status{--sub-text:var(--ui-background-text,#1d2230);--sub-muted:color-mix(in srgb, var(--sub-text) 58%, transparent);--sub-accent:var(--ui-selected,#2e4460);border:1px solid var(--glass-rim,#ffffff9e);background:color-mix(in srgb, var(--ui-surface,#fff) 72%, transparent);min-width:0;color:var(--sub-text);border-radius:26px;gap:16px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 18px 50px #12182614}html body .subscription-status:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--sub-accent) 12%, transparent), transparent);pointer-events:none;position:absolute;inset:-40% 40% 40% -10%}html body .subscription-status :is(h2,p,small,dt,dd,strong){color:inherit!important}.subscription-status-heading{align-items:center;gap:14px;min-width:0;display:flex}.subscription-status-heading>div{flex:1;gap:2px;min-width:0;display:grid}.subscription-status-heading small{letter-spacing:.02em;font-size:12px;color:var(--sub-muted)!important}html body .subscription-status h2{overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:650;line-height:1.3}.subscription-icon{background:color-mix(in srgb, var(--sub-accent) 12%, #ffffff80);width:46px;height:46px;box-shadow:0 1px 0 #fffc inset, 0 0 0 1px color-mix(in srgb, var(--sub-accent) 14%, transparent);color:var(--sub-accent);border-radius:15px;flex:none;place-items:center;display:grid}.subscription-icon svg{stroke-width:1.65px;width:23px;height:23px}.subscription-badge{white-space:nowrap;color:#157a42;background:#1f9d5524;border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:600}.subscription-status.is-expired .subscription-badge{color:#b42318;background:#d92d201f}.subscription-status.is-none .subscription-badge{background:color-mix(in srgb, var(--sub-text) 8%, transparent);color:var(--sub-muted)}.subscription-time{gap:10px;display:grid}html body .subscription-status .subscription-countdown{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(30px,5vw,44px);font-weight:700;line-height:1.1}.subscription-meter{background:color-mix(in srgb, var(--sub-text) 9%, transparent);border-radius:999px;height:6px;display:block;overflow:hidden}.subscription-meter>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--sub-accent) 70%, #fff), var(--sub-accent));height:100%;transition:width 1s linear;display:block}.subscription-facts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0;display:grid}.subscription-facts>div{background:color-mix(in srgb, var(--ui-surface,#fff) 55%, transparent);border:1px solid color-mix(in srgb, var(--ui-border,#d8dccf) 55%, transparent);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.subscription-facts svg{stroke-width:1.65px;width:21px;height:21px;color:var(--sub-accent);grid-row:1/3}.subscription-facts dt{font-size:12px;color:var(--sub-muted)!important}.subscription-facts dd{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.subscription-facts dd small{font-weight:400;color:var(--sub-muted)!important}html body .subscription-status .subscription-note{margin:0;font-size:13px;line-height:1.55;color:var(--sub-muted)!important}html body .subscription-status .subscription-cta{background:var(--sub-accent);min-height:44px;box-shadow:0 1px 0 #ffffff40 inset, 0 2px 6px color-mix(in srgb, var(--sub-accent) 18%, transparent);border-radius:12px;justify-self:start;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;color:var(--ui-selected-text,#fff)!important}html body .subscription-status .subscription-cta svg{stroke-width:1.8px;width:18px;height:18px;transition:transform .18s}@media (hover:hover){html body .subscription-status .subscription-cta:hover{transform:translateY(-1px)}html body .subscription-status .subscription-cta:hover svg{transform:translate(3px)}}html body .subscription-status .subscription-retry{min-height:42px;color:inherit;cursor:pointer;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 18px;display:inline-flex;border:1px solid color-mix(in srgb, var(--ui-border,#d8dccf) 80%, transparent)!important;background:color-mix(in srgb, var(--ui-surface,#fff) 60%, transparent)!important}.subscription-retry svg{stroke-width:1.8px;width:17px;height:17px}.subscription-status.is-error .subscription-icon{color:#b42318;background:#f8d9d78d}.subscription-status.is-error p{margin:0}.subscription-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--sub-text) 7%, transparent) 30%, color-mix(in srgb, var(--sub-text) 13%, transparent) 50%, color-mix(in srgb, var(--sub-text) 7%, transparent) 70%) 0 0 / 300% 100%;border-radius:999px;width:40%;height:18px;animation:1.4s ease-in-out infinite subscription-shimmer;display:block}.subscription-skeleton.wide{width:70%;height:34px}.subscription-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes subscription-shimmer{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.subscription-skeleton{animation:none}.subscription-meter>span,html body .subscription-status .subscription-cta,html body .subscription-status .subscription-cta svg{transition:none}}@media (max-width:520px){html body .subscription-status{border-radius:22px;padding:18px}.subscription-status-heading{flex-wrap:wrap}.subscription-badge{order:3}html body .subscription-status .subscription-cta{justify-content:center;justify-self:stretch}}html body .subscription-chip{color:var(--ui-selected);align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:flex}.subscription-chip span{gap:2px;display:grid}.subscription-chip small{font-size:10px}.subscription-chip strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}html body .account-menu .subscription-status{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;gap:12px;margin:4px 0 8px;padding:14px}html body .account-menu .subscription-status .subscription-countdown{font-size:24px}.account-menu .subscription-icon{border-radius:12px;width:36px;height:36px}.account-menu .subscription-icon svg{width:19px;height:19px}.account-menu .subscription-badge,.account-menu .subscription-note,.account-menu .subscription-facts>div:nth-child(2){display:none}.account-menu .subscription-facts{grid-template-columns:1fr}html body .account-menu .subscription-status .subscription-cta{justify-content:center;justify-self:stretch;min-height:40px}.account-cluster .account-menu{max-height:calc(100dvh - 88px);overflow-y:auto}.profile-content>#subscription{margin:20px 0 24px;scroll-margin-top:90px}@media (max-width:1100px){.subscription-chip{display:none!important}}