*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;list-style:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
@font-face{font-family:Inter;src:url(../media/Inter-ExtraLight.01ibupuo9iegx.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Light.2vpb00sh46a11.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Regular.0i-wzq46sldgy.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Medium.35_39551di7bd.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-SemiBold.06xu0p3ic-dd1.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Bold.3-h_lpxyjulep.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Erica One;src:url(../media/EricaOne-Regular.2jvg80qe4amu2.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--color-brand-25:#f0fcff;--color-brand-50:#ddf7fc;--color-brand-100:#bdecf7;--color-brand-200:#9ee2f1;--color-brand-300:#7ad5ea;--color-brand-400:#5fc8e0;--color-brand-500:#4db6d3;--color-brand-600:#3ea3c0;--color-brand-700:#3188a0;--color-brand-800:#276d80;--color-brand-900:#1b4d5a;--color-grey-50:#f7f8fa;--color-grey-100:#e9edf3;--color-grey-200:#d7dee8;--color-grey-300:#b9c3d3;--color-grey-400:#98a3b4;--color-grey-500:#7c8797;--color-grey-600:#56606f;--color-grey-700:#3c4452;--color-grey-800:#202733;--color-grey-900:#0f1621;--color-bg-primary:#050a14;--color-bg-secondary:#08101d;--color-bg-tertiary:#0d1523;--color-white-100:#fff;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-40:#fff6;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-white-4:#ffffff0a;--color-success:#2dc28d;--color-warning:#f5b942;--color-error:#f04f5f;--color-info:#4db6d3;--color-brand:var(--color-brand-500);--color-brand-hover:var(--color-brand-600);--color-brand-pressed:var(--color-brand-700);--color-text-primary:var(--color-white-100);--color-text-secondary:var(--color-white-60);--color-text-tertiary:var(--color-white-40);--color-text-brand:var(--color-brand-500);--color-text-disabled:var(--color-white-20);--color-border-subtle:var(--color-white-10);--color-border-strong:var(--color-white-20);--color-border-focus:var(--color-brand-500);--color-border-error:var(--color-error);--color-surface-glass:color-mix(in srgb, var(--color-bg-tertiary) 90%, transparent);--color-scrim:#0009;--color-overlay-media:#0006;--color-surface-input:#191f2a;--color-surface-control:#0f1724;--color-surface-inverse:#fafafa;--color-text-inverse:#232323;--color-surface-pill:#555;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--nav-bar-height:64px;--nav-clearance:calc(var(--nav-bar-height) + var(--space-3) * 2);--blur-glass:20px;--shadow-overlay:0 8px 40px #00000080;--z-overlay:100;--gradient-word-banner:linear-gradient(180deg, #10284a 0%, #0b1c30 100%);--color-player-accent:#52c3ea;--color-subtitle-panel:#091320;--color-sentence-active-bg:#062231;--color-sentence-divider:#1f2838;--color-sentence-text-inactive:#d9dee7;--color-word-future:var(--color-white-60);--color-word-active:#f0e38a;--color-word-past:var(--color-white-40);--color-bubble-active:#52c3ea;--color-bubble-past:#40718c}
:root{--font-family-base:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-display:"Erica One", var(--font-family-base)}body{font-family:var(--font-family-base)}.text-headline-lg{letter-spacing:-.3px;color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:32px}.text-headline-sm{letter-spacing:-.3px;color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:28px}.text-title-regular{letter-spacing:-.3px;color:var(--color-text-primary);font-size:18px;font-weight:400;line-height:24px}.text-title-medium{letter-spacing:-.3px;color:var(--color-text-primary);font-size:18px;font-weight:500;line-height:24px}.text-title-semibold{letter-spacing:-.3px;color:var(--color-text-primary);font-size:18px;font-weight:600;line-height:24px}.text-body-lg-regular{letter-spacing:-.3px;color:var(--color-text-primary);font-size:16px;font-weight:400;line-height:21px}.text-body-lg-medium{letter-spacing:-.3px;color:var(--color-text-primary);font-size:16px;font-weight:500;line-height:21px}.text-body-lg-semibold{letter-spacing:-.3px;color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:21px}.text-body-sm-regular{color:var(--color-text-primary);font-size:14px;font-weight:400;line-height:19px}.text-body-sm-medium{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:19px}.text-body-sm-semibold{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:19px}.text-label-lg-regular{color:var(--color-text-primary);font-size:12px;font-weight:400;line-height:16px}.text-label-lg-medium{color:var(--color-text-primary);font-size:12px;font-weight:500;line-height:16px}.text-label-lg-semibold{color:var(--color-text-primary);font-size:12px;font-weight:600;line-height:16px}.text-label-sm-regular{color:var(--color-text-primary);font-size:10px;font-weight:400;line-height:15px}.text-label-sm-medium{color:var(--color-text-primary);font-size:10px;font-weight:500;line-height:15px}.text-label-sm-semibold{color:var(--color-text-primary);font-size:10px;font-weight:600;line-height:15px}