:root{--color-accent:#00e2b9;--color-button-highlight:#3bedbc;--color-streak-inactive:#c6cccb;--color-streak-inactive-bg:#ced5da;--color-bg-primary:#f5f5f5;--color-bg-secondary:#efefef;--color-bg-tertiary:#3f3f3f;--color-text-primary:#252525;--color-text-secondary:#3f3f3f;--color-text-inactive:#9e9e9e;--color-text-on-accent:#fff;--color-logout:#ff8688;--color-gray-800:#252525;--color-selected-bg:#00e2b9b3;--color-button-primary:var(--color-selected-bg);--color-button-inactive:#dfdfdf;--color-button-secondary:#efefef;--color-button-tertiary:#f5f5f5;--color-icon-tertiary:#fcfcfc;--color-green-400:#3bedbc;--color-streak-active:var(--color-green-400);--color-green-50:#e8fff2;--color-gradient-end:#4377e7;--color-light-green:#daffeb;--color-button-soft-highlight:#e8fff2;--color-green-700:#00a1a2;--color-green-800:#00807f;--color-green-100:#cafde1;--color-red-100:#ffe1d8;--color-red-500:#ff3f59;--color-blue-200:#afcbff;--color-gray-200:#efefef;--color-gray-250:#e8e8e8;--color-gray-300:#dfdfdf;--color-gray-350:#c8c8c8;--color-gray-400:#b7b7b7;--color-gray-500:#9e9e9e;--color-gray-50:#fcfcfc;--color-gray-100:#f5f5f5;--color-gray-600:#757575;--color-gray-650:#616161;--color-text-secondary-555:#555;--color-gray-900:#121212;--color-gray-700:#555;--color-gray-770:#383838;--color-gray-850:#1f1f1f;--color-edge-green:#21c6d2;--color-second-edge-green:#0dd7c3;--color-thumb-placeholder:#fcfcfc;--color-text-alert:#ff3f59;--color-red-300:#ff918b;--color-red-400:#ff6f75;--color-green-600:#00c2b1;--color-notification-badge:#ff7298;--color-streak-restore-row-bg:#eef4f4;--color-community-mention:#4360a5;--color-star-gold:#ffcf25;--color-onboarding-paywall-panel:#293649;--color-level-badge-bg:#f2fcff;--color-level-bar-empty:#9ef9e9;--color-tile-pink:#fff0f4;--color-tile-amber:#fffaeb;--color-tile-purple:#fae8ff;--color-tile-teal:#dcfff9;--color-tile-violet:#f1eeff;--color-tile-blue:#eef3ff;--color-surface-card:#fff;--color-ios-gray:#8e8e93;--color-ios-gray4:#d1d1d6;--color-ios-gray6:#f2f2f7;--color-follow-text:#888;--color-avatar-placeholder-bg:#e0e0e0;--color-friends-row-bg:#f7f7f7;--color-follow-count:#686868;--color-follow-active:#6995ff;--color-gift-gradient-start:#39f2c1;--color-gift-gradient-end:#1ae5b0;--color-invitation-gradient-start:#01e3ba;--color-invitation-gradient-end:#4478e7;--color-subscription-primary:#293649;--color-gradient-blue:#7aa4ff;--color-grade-a:var(--color-accent);--color-grade-b:#7ba9ff;--color-grade-c:#ae84e4;--color-grade-f:#ff8688;--color-score-badge-a:#00e2b9;--color-score-badge-b:#6995ff;--color-score-badge-c:#9d69df;--color-score-badge-f:#ff6f75;--color-subtitle-scrim:#0009;--color-audio-btn-bg:#0006;--fs-subtitle-original:20px;--fs-subtitle-phonetic:12px;--fs-subtitle-local:14px;--fs-stt-text:18px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--space-overlay-h:20px;--space-subtitle-top:20px;--space-speak-bottom:35px;--space-side-btn:50px;--space-side-btn-bottom:80px;--radius-subtitle:12px;--radius-card:8px;--radius-content-card:14px;--radius-key-badge:7px;--radius-progress:2px;--radius-progress-lg:4px;--space-gutter:24px;--space-cta-bottom:max(20px, calc(env(safe-area-inset-bottom) + 20px));--font-sans:var(--font-noto-sans), "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-max-width:640px;--play-screen-max-width:min(var(--app-max-width), 100%, calc(100dvh * 9 / 16));--tab-bar-height:calc(26px + 12px + 8px + max(8px, env(safe-area-inset-bottom)));--app-header-height:58px;--app-header-height-compact:48px;--app-screen-height:calc(100dvh - var(--app-header-offset,0px));--survey-title-line-height:27px;--survey-title-min-height:54px;--color-focus-ring:var(--color-text-primary)}*,:after,:before{box-sizing:border-box}video{-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}body:has([data-page-bg=black]) :focus-visible{outline-color:#fff}html,body{-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;background:0 0}body:has([data-page-bg=base]){background:var(--color-bg-primary)}body:has([data-page-bg=accent]){background:var(--color-accent)}body:has([data-page-bg=accent-exit]){background:var(--color-bg-primary);transition:background-color .3s}body:has([data-page-bg=black]){--overlay-max-width:var(--play-screen-max-width);background:#000}body:has([data-page-bg=black]) .app-shell{background:#000}:is(html:has(main[data-subscribe]),body:has(main[data-subscribe])){background:var(--color-subscription-primary);overscroll-behavior:none}body:has(main[data-subscribe]){min-height:100dvh}#app-header-slot{display:contents}.app-shell{width:100%;max-width:var(--app-max-width);min-height:var(--app-screen-height);background:var(--color-bg-primary);margin:0 auto;position:relative;overflow-x:clip}body:has([data-page-bg=white]){background:#fff}body:has([data-page-bg=white]) .app-shell{max-width:none}@media (min-width:1024px){.app-shell--full-bleed{max-width:none}}button{cursor:pointer;border:none;font-family:inherit}.page-header{grid-template-columns:1fr auto 1fr;align-items:center;padding:11px 14px;display:grid}.page-header-start{grid-column:1;justify-self:start}.page-header-title{color:var(--color-text-primary);text-align:center;grid-column:2;margin:0;font-size:20px;font-weight:700}.page-header-end{grid-column:3;justify-self:end}.page-header-sticky{z-index:5;min-height:58px;padding:calc(env(safe-area-inset-top) + 6px) 16px 6px;background:var(--color-surface-card);border-bottom:1px solid var(--color-gray-250);flex-shrink:0;position:sticky;top:0}.page-header-sticky .page-header-title{font-size:16px;font-weight:var(--fw-bold)}input{outline:none}