:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--type-xs:11px;--type-sm:12px;--type-base:14px;--type-md:15px;--type-lg:16px;--type-xl:20px;--type-2xl:24px;--type-3xl:30px;--type-4xl:36px;--type-5xl:48px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-loose:1.7;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f8fafc;--color-surface-soft:#f1f5f9;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--color-text:#0f172a;--color-text-muted:#475569;--color-text-soft:#64748b;--color-text-faint:#64748b;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -2px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 8px 16px -4px #0f172a1a, 0 4px 6px -2px #0f172a0f;--shadow-xl:0 20px 32px -8px #0f172a29, 0 6px 12px -4px #0f172a14;--shadow-2xl:0 32px 64px -16px #0f172a3d, 0 10px 20px -6px #0f172a1f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:9999px;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s}body.dark-mode,.dark-mode{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#0f172a;--color-surface-soft:#1e293b;--color-border:#334155;--color-border-soft:#1e293b;--color-text:#f1f5f9;--color-text-muted:#cbd5e1;--color-text-soft:#94a3b8;--color-text-faint:#94a3b8}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.s-promo-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(0,0,.2,1) both s-promo-modal-fade;display:flex}.s-promo-modal__backdrop .s-notif-card--modal{animation:.3s cubic-bezier(.32,.72,0,1) both s-promo-modal-pop}@keyframes s-promo-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes s-promo-modal-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.s-promo-modal__backdrop,.s-promo-modal__backdrop .s-notif-card--modal,.s-promo-modal__backdrop .s-promo-modal{animation:none}}.s-promo-modal{box-sizing:border-box;width:100%;max-width:440px;max-height:calc(100vh - 40px);max-height:calc(var(--modal-viewport-height,100dvh) - 20px * 2);background:var(--darkmode-background-light-solid,#fff);color:var(--darkmode-font-color,#1f2933);border:1px solid var(--darkmode-border-soft,#0f172a14);border-radius:16px;padding:24px;animation:.3s cubic-bezier(.32,.72,0,1) both s-promo-modal-pop;position:relative;overflow-y:auto;box-shadow:0 32px 64px -16px #0f172a3d,0 10px 20px -6px #0f172a1f}.s-promo-modal__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.s-promo-modal__icon{color:var(--darkmode-font-color,#1f2933);flex:none;font-size:22px}.s-promo-modal__title{margin:0;font-size:20px;font-weight:700;line-height:1.3}.s-promo-modal__body{margin-bottom:24px}.s-promo-modal__body p{color:var(--darkmode-font-color-muted,#52606d);margin:0;font-size:14px;line-height:1.55}.s-promo-modal__footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (max-width:480px){.s-promo-modal{max-width:100%;padding:20px}.s-promo-modal__footer{flex-direction:column-reverse;align-items:stretch}.s-promo-modal__footer .s-button{text-align:center;width:100%}}@media (max-width:767px){.s-promo-modal__backdrop .s-notif-card--modal{max-height:calc(var(--modal-viewport-height,100dvh) - 40px);overflow:hidden}.s-promo-modal__backdrop .s-notif-card--modal .s-notif-card__main{overscroll-behavior:contain;min-height:0;overflow-y:auto}.s-promo-modal__backdrop .s-notif-card--modal .s-notif-card__main>*{flex-shrink:0}.s-promo-modal__backdrop .s-notif-card--modal .s-notif-card__footer{z-index:2;background:var(--color-surface,#fff);flex-shrink:0;position:sticky;bottom:0}.s-promo-modal__backdrop .s-notif-card--modal.s-notif-card--vocab-marketing{overflow-y:auto}.s-promo-modal__backdrop .s-notif-card--modal.s-notif-card--vocab-marketing .s-notif-card__main{overflow:visible}.s-promo-modal__backdrop .s-notif-card--modal.s-notif-card--vocab-marketing .s-notif-card__footer{background:0 0;position:static}}