:root {
  
  --st-gray-0: oklch(1 0 0);
  --st-gray-50: oklch(0.982 0 0);
  --st-gray-100: oklch(0.967 0.003 264.5);
  --st-gray-150: oklch(0.928 0.006 264.5);
  --st-gray-200: oklch(0.922 0 0);
  --st-gray-300: oklch(0.885 0 0);
  --st-gray-350: oklch(0.845 0 0);
  --st-gray-600: oklch(0.51 0 0);
  --st-gray-800: oklch(0.321 0 0);
  --st-gray-900: oklch(0.218 0 0);

  
  --st-red-50: oklch(0.964 0.017 21.8);
  --st-red-100: oklch(0.954 0.023 20.9);
  --st-red-600: oklch(0.651 0.189 27.2);
  --st-red-700: oklch(0.556 0.189 27.2);
  --st-amber-50: oklch(0.959 0.055 91.4);
  --st-amber-100: oklch(0.964 0.052 92.9);
  --st-amber-600: oklch(0.645 0.132 83.8);
  --st-amber-700: oklch(0.544 0.113 83.8);
  --st-green-50: oklch(0.949 0.056 156.3);
  --st-green-100: oklch(0.904 0.101 157.2);
  --st-green-600: oklch(0.588 0.146 154.5);
  --st-green-700: oklch(0.492 0.122 154.9);

  
  --st-pink-600: oklch(0.591 0.2 6);
  --st-pink-700: oklch(0.521 0.2 6);
  --st-orange-600: oklch(0.577 0.139 57.4);
  --st-orange-700: oklch(0.507 0.122 57.4);
  --st-mint-500: oklch(0.706 0.124 182.6);
  --st-mint-700: oklch(0.551 0.098 182.6);
  --st-cyan-500: oklch(0.715 0.126 215.2);

  
  --st-green-25: oklch(0.979 0.022 160.2);
  --st-green-300: oklch(0.852 0.159 157.1);
  --st-red-25: oklch(0.978 0.011 24.3);
  --st-red-300: oklch(0.824 0.098 22.5);
  --st-mint-25: oklch(0.989 0.012 162.1);
  --st-mint-50: oklch(0.968 0.015 181.8);
  --st-mint-600: oklch(0.63 0.112 182.6);
  --st-mint-800: oklch(0.481 0.085 182.6);
  --st-coral-600: oklch(0.587 0.169 28);
  --st-coral-700: oklch(0.517 0.169 28);

  
  --st-cream-10: oklch(0.99 0.012 96.4);
  --st-cream-25: oklch(0.979 0.02 91.6);
  --st-cream-50: oklch(0.969 0.028 79.5);
  --st-cream-200: oklch(0.915 0.076 82.8);
  --st-gold-600: oklch(0.649 0.137 72.9);
  --st-gold-700: oklch(0.546 0.117 71.7);
  --st-rose-600: oklch(0.665 0.182 14.1);

  
  --st-text-caption: 0.75rem;
  --st-text-sm: 0.875rem;
  --st-text-body: 1rem;
  --st-text-subtitle: 1.125rem;
  --st-text-h3: 1.25rem;
  --st-text-h2: 1.5rem;
  --st-text-h1: 1.75rem;
  --st-text-display: 2.5rem;
  --st-weight-regular: 400;
  --st-weight-bold: 700;
  --st-leading-body: 1.5;
  --st-leading-heading: 1.3;

  
  --st-space-1: 4px;
  --st-space-2: 8px;
  --st-space-3: 12px;
  --st-space-4: 16px;
  --st-space-5: 20px;
  --st-space-6: 24px;
  --st-space-8: 32px;
  --st-space-10: 40px;
  --st-space-12: 48px;
  --st-space-16: 64px;
  --st-radius-xs: 4px;
  --st-radius-sm: 6px;
  --st-radius-md: 8px;
  --st-radius-lg: 10px;
  --st-radius-xl: 16px;
  --st-radius-2xl: 20px;
  --st-radius-full: 999px;
  
  --st-size-control-md: 2.5rem;
  --st-size-control-lg: 3rem;
  --st-size-icon-button: 40px;
  --st-size-icon-button-touch: 48px;
  --st-size-header: 64px;
  --st-size-page-max: 1200px;

  --st-font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;

  
  --st-color-bg: var(--st-gray-0);
  --st-color-surface: var(--st-gray-0);
  --st-color-fill-subtle: var(--st-gray-50);
  --st-color-fill-muted: var(--st-gray-100);
  --st-color-hover: var(--st-gray-100);
  --st-color-text: var(--st-gray-900);
  --st-color-text-soft: var(--st-gray-800);
  --st-color-text-sub: var(--st-gray-600);
  --st-color-text-disabled: var(--st-gray-350);
  --st-color-line: var(--st-gray-200);
  --st-color-line-strong: var(--st-gray-350);
  --st-color-dot: var(--st-gray-300);
  --st-color-divider: oklch(0 0 0 / 7%);
  --st-color-on-fill: var(--st-gray-0);

  
  --st-color-brand: var(--st-mint-500);
  --st-color-select: var(--st-mint-700);
  --st-color-selected-day: var(--st-gray-900);
  --st-color-start: var(--st-pink-600);
  --st-color-start-edge: var(--st-pink-700);
  --st-color-resume: var(--st-orange-600);
  --st-color-resume-edge: var(--st-orange-700);
  --st-color-action: var(--st-mint-700);
  --st-color-action-line: var(--st-mint-500);
  --st-color-chat: var(--st-cyan-500);

  
  --st-color-todo-line: var(--st-red-50);
  --st-color-todo-band: var(--st-red-100);
  --st-color-todo-graphic: var(--st-red-600);
  --st-color-todo-text: var(--st-red-700);
  --st-color-todo-fill: var(--st-red-700);
  --st-color-doing-line: var(--st-amber-50);
  --st-color-doing-band: var(--st-amber-100);
  --st-color-doing-graphic: var(--st-amber-600);
  --st-color-doing-text: var(--st-amber-700);
  --st-color-doing-fill: var(--st-amber-700);
  --st-color-done-line: var(--st-green-50);
  --st-color-done-band: var(--st-green-100);
  --st-color-done-graphic: var(--st-green-600);
  --st-color-done-text: var(--st-green-700);
  --st-color-done-fill: var(--st-green-700);

  
  --st-color-progress-bg: var(--st-cream-50);
  --st-color-progress-line: var(--st-cream-200);
  --st-color-progress-label: var(--st-gold-700);
  --st-color-progress-count: var(--st-gold-600);
  --st-color-progress-track: var(--st-gray-150);
  --st-color-progress-zero: var(--st-rose-600);
  --st-color-progress-partial: var(--st-gold-600);
  --st-color-progress-complete: var(--st-green-600);

  
  --st-color-count-correct-bg: var(--st-green-25);
  --st-color-count-correct: var(--st-green-700);
  --st-color-count-wrong-bg: var(--st-red-25);
  --st-color-count-wrong: var(--st-red-700);
  --st-color-bar: var(--st-mint-600);
  --st-color-bar-track: var(--st-gray-100);
  --st-color-choice-line: var(--st-gray-300);
  --st-color-choice-edge: var(--st-gray-200);
  --st-color-flash-correct: var(--st-green-300);
  --st-color-flash-wrong: var(--st-red-300);
  --st-color-input-bg: var(--st-mint-25);
  --st-color-input-line: var(--st-mint-600);
  --st-color-action-edge: var(--st-mint-800);

  
  --st-color-score-glow: var(--st-mint-50);
  --st-color-completed-bg: var(--st-green-25);
  --st-color-completed-mark: var(--st-green-600);
  --st-color-completed-text: var(--st-green-700);
  --st-color-incorrect-bg: var(--st-red-25);
  --st-color-incorrect-mark: var(--st-red-600);
  --st-color-incorrect-text: var(--st-red-700);
  --st-color-retry: var(--st-coral-600);
  --st-color-retry-edge: var(--st-coral-700);
  --st-color-finish-top: var(--st-cream-25);
  --st-color-finish-bottom: var(--st-cream-10);

  
  --st-color-tag-word-bg: oklch(0.949 0.028 351.9);
  --st-color-tag-word-fg: oklch(0.556 0.223 3.9);
  --st-color-tag-sentence-bg: oklch(0.957 0.021 254.9);
  --st-color-tag-sentence-fg: oklch(0.549 0.236 260.9);
  --st-color-tag-question-bg: oklch(0.967 0.057 96.4);
  --st-color-tag-question-fg: oklch(0.552 0.133 57.4);
  --st-color-tag-speaking-bg: oklch(0.96 0.027 160.9);
  --st-color-tag-speaking-fg: oklch(0.524 0.13 154.7);
  --st-color-tag-writing-bg: oklch(0.948 0.032 311.7);
  --st-color-tag-writing-fg: oklch(0.56 0.262 307.3);
  --st-color-tag-content-bg: oklch(0.936 0.023 75.9);
  --st-color-tag-content-fg: oklch(0.47 0.05 70.6);

  
  --st-focus-ring: 2px solid var(--st-color-select);
}

._label_1coyg_5 {
  text-box: trim-both cap alphabetic;
}

._modal_1kah8_3 {
  position: fixed;
  inset: 0;
  display: flex;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  border: 0;
  background: transparent;
  color: inherit;
}

._modal_1kah8_3:focus {
  outline: none;
}

._modal_1kah8_3::backdrop {
  background: rgba(0, 0, 0, var(--modal-dim, 0.3));
}

:root {
  
  
  --oh-text-caption: max(0.75rem, 12px);
  --oh-text-label: max(0.8125rem, 12px);
  --oh-text-sm: max(0.875rem, 12px);
  --oh-text-body: max(1rem, 14px);
  --oh-text-reading: max(1.0625rem, 14px);
  --oh-text-subtitle: 1.125rem;
  --oh-text-h3: 1.25rem;
  --oh-text-page-title: 1.375rem;
  --oh-text-h2: 1.5rem;
  --oh-text-h1: 1.75rem;
  --oh-text-h1-large: 2rem;
  --oh-text-display: 2.5rem;
  
  --oh-weight-regular: 400;
  --oh-weight-bold: 700;
  
  --oh-leading-body: 1.5;
  --oh-leading-heading: 1.3;
  --oh-leading-reading: 1.6;
  
  --oh-space-1: calc(4 * var(--oh-fluid-unit));
  --oh-space-2: calc(8 * var(--oh-fluid-unit));
  --oh-space-3: calc(12 * var(--oh-fluid-unit));
  --oh-space-4: calc(16 * var(--oh-fluid-unit));
  --oh-space-5: calc(20 * var(--oh-fluid-unit));
  --oh-space-6: calc(24 * var(--oh-fluid-unit));
  --oh-space-8: calc(32 * var(--oh-fluid-unit));
  --oh-space-10: calc(40 * var(--oh-fluid-unit));
  --oh-space-12: calc(48 * var(--oh-fluid-unit));
  --oh-space-16: calc(64 * var(--oh-fluid-unit));
  
  --oh-size-control-sm: max(2rem, 32px);
  --oh-size-control-md: max(2.5rem, 40px);
  --oh-size-control-lg: max(3rem, 44px);
  --oh-size-icon-button: 40px;
  --oh-size-icon-button-touch: 44px;
  --oh-size-header: 64px;
  --oh-size-hit: 44px;
  --oh-size-icon-sm: 16px;
  --oh-size-icon-md: 20px;
  --oh-size-icon-lg: 24px;
  --oh-size-icon-xl: 32px;
  
  --oh-dock-pad-top: var(--oh-space-4);
  --oh-dock-pad-bottom: calc(var(--oh-space-4) + env(safe-area-inset-bottom));
  
  --oh-space-row-under-header: var(--oh-space-3);
  
  --oh-size-icon-direction: var(--oh-size-icon-md);
  --oh-size-icon-text-chevron: var(--oh-size-icon-sm);
  --oh-size-icon-chip-close: 12px;
  --oh-icon-stroke: 2.2;
  
  --oh-size-header-icon: var(--oh-size-icon-lg);
  
  --oh-header-icon-inset: 20px;
  --oh-header-icon-pitch: 44px;
  --oh-header-icon-pull: calc(var(--oh-header-icon-inset) - var(--oh-space-4) - (var(--oh-size-icon-button) - var(--oh-size-header-icon)) / 2);
  --oh-header-icon-pull-touch: calc(var(--oh-header-icon-inset) - var(--oh-space-4) - (var(--oh-size-icon-button-touch) - var(--oh-size-header-icon)) / 2);
  --oh-header-icon-gap: calc(var(--oh-header-icon-pitch) - var(--oh-size-icon-button));
  --oh-header-icon-gap-touch: calc(var(--oh-header-icon-pitch) - var(--oh-size-icon-button-touch));
  
  --oh-radius-sm: 12px;
  --oh-radius-md: 16px;
  --oh-radius-lg: 24px;
  --oh-radius-pill: 999px;
  --oh-radius-panel: var(--oh-radius-lg);
  --oh-radius-sheet: var(--oh-radius-panel);
  --oh-radius-card: var(--oh-radius-md);
  --oh-radius-cell: var(--oh-radius-sm);
  --oh-radius-button: 12px;
  --oh-radius-tag: 8px;
  --oh-radius-big-button: var(--oh-radius-card);
  --oh-radius-cta: 16px;

  
  --oh-fluid-width: clamp(360px, 100vw, 440px);
  --oh-fluid-unit: calc(var(--oh-fluid-width) / 440);
  --oh-calendar-max-width: 35rem;

  
  
  --oh-gray-900: #121212;
  --oh-gray-850: #1a1a1a;
  --oh-gray-800: #2f2f2f;
  --oh-gray-600: #6b6b6b;
  --oh-gray-300: #c0c0c0;
  --oh-gray-200: #e0e0e0;
  --oh-gray-100: #f0f0f0;
  --oh-gray-50: #f8f8f8;
  
  --oh-surface-sunken: var(--oh-gray-100);
  --oh-surface-track: var(--oh-gray-200);
  --oh-shadow-card: 0 1px 2px rgb(17 24 39 / 4%), 0 4px 12px rgb(17 24 39 / 4%);
  
  --oh-home-stage: #fbe569;
  --oh-home-stage-glow: #fff8c2;
  --oh-home-stage-ink: #4a3a0e;
  --oh-home-ink: var(--oh-gray-800);
  --oh-home-ink-muted: var(--oh-gray-600);
  --oh-home-accent: #f28c1c;
  --oh-home-today-text: #b45309;
  --oh-home-today-edge: #e0700a;
  --oh-home-day-done: #fff4b8;
  --oh-home-lesson-surface: #e4f2fd;
  --oh-home-lesson-done: #c9e5fb;
  --oh-home-lesson-graphic: #2f8fdd;
  --oh-home-lesson-track: var(--oh-home-lesson-done);
  
  --oh-study-backdrop: #f1f8fe;
  --oh-study-head-track: var(--oh-gray-200);
  --oh-study-progress: var(--oh-home-accent);
  --oh-study-progress-edge: none;
  --oh-study-pad: var(--oh-home-lesson-surface);
  --oh-study-chip: var(--oh-home-lesson-done);
  --oh-study-action: var(--oh-home-stage);
  --oh-study-action-pressed: #edd44e;
  --oh-study-action-ink: var(--oh-home-stage-ink);
  --oh-study-speaker: var(--oh-home-lesson-surface);
  --oh-study-speaker-pressed: var(--oh-home-lesson-done);
  --oh-study-speaker-ink: var(--oh-home-lesson-graphic);
  --oh-study-speaker-glow: transparent;
  --oh-study-blank: var(--oh-home-stage-glow);
  --oh-study-blank-edge: var(--oh-home-accent);
  --oh-study-blank-idle: var(--oh-home-lesson-surface);
  --oh-study-on: var(--oh-home-lesson-graphic);
  --oh-study-correct-text: #017c4a;
  --oh-study-plain: var(--oh-color-surface-track);
  --oh-study-plain-pressed: var(--oh-surface-track);
  
  --oh-color-scrim-plain: rgb(0 0 0 / 0.54);
  --oh-color-scrim: var(--oh-color-scrim-plain);
  --oh-dialog-backdrop: transparent;
  
  --oh-player-control-disc: var(--oh-color-scrim);
  --oh-player-control-disc-solid: var(--oh-gray-600);
  --oh-player-control-icon: var(--oh-color-text-inverse);

  
  
  --oh-font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --oh-column-width: 30rem;
  --oh-screen-height: 100%;
  --oh-space-page: var(--oh-space-4);
  --oh-tabbar-height: max(3.75rem, 60px);
  
  --oh-color-bg: #ffffff;
  --oh-color-backdrop: var(--oh-gray-100);
  --oh-color-surface-muted: var(--oh-gray-50);
  --oh-color-row-hover: var(--oh-color-surface-muted);
  --oh-color-line: #e0e0e0;
  --oh-color-border: var(--oh-color-line);
  --oh-color-border-strong: var(--oh-gray-300);
  --oh-color-border-button: var(--oh-color-line);
  --oh-color-shadow-nav: rgb(0 0 0 / 0.12);
  --oh-color-surface-track: #f0f0f0;
  --oh-color-line-soft: var(--oh-gray-200);
  --oh-color-line-faint: var(--oh-gray-100);
  
  --oh-color-text: var(--oh-gray-800);
  --oh-color-text-strong: var(--oh-gray-800);
  --oh-color-text-body: #2f2f2f;
  --oh-color-text-muted: var(--oh-gray-600);
  --oh-color-text-faint: var(--oh-gray-600);
  --oh-color-text-sub: var(--oh-gray-600);
  --oh-color-text-disabled: var(--oh-gray-300);
  --oh-color-text-inverse: #ffffff;
  --oh-color-icon: var(--oh-gray-800);
  --oh-color-icon-nav: var(--oh-gray-600);
  --oh-color-nav-selected: var(--oh-gray-800);
  --oh-color-nav-icon: var(--oh-gray-300);
  --oh-color-nav-label: var(--oh-gray-600);
  --oh-color-focus: var(--oh-home-ink);
  --oh-card-title: var(--oh-gray-800);
  
  --oh-color-brand: var(--oh-home-accent);
  --oh-color-brand-pressed: var(--oh-home-today-edge);
  --oh-color-brand-graphic: var(--oh-home-accent);
  --oh-color-brand-deep-fill: var(--oh-home-accent);
  --oh-color-brand-deep: var(--oh-home-ink);
  --oh-color-brand-ink: var(--oh-home-ink);
  --oh-color-brand-glow: transparent;
  --oh-color-brand-outline: var(--oh-color-brand-outline-text);
  --oh-color-brand-outline-text: var(--oh-home-ink);
  --oh-color-brand-outline-soft: transparent;
  --oh-color-done-check: var(--oh-color-brand-deep);
  
  --oh-color-danger: #fe5047;
  
  --oh-state-not-started-band: #fee6e4;
  --oh-state-not-started-dot: var(--oh-color-danger);
  --oh-state-in-progress-band: #fef2cc;
  --oh-state-in-progress-dot: oklch(0.673 0.138 82.7);
  --oh-state-done-band: #9bf2bd;
  --oh-state-done-face: #f2fff6;
  --oh-state-done-face-border: #c9ebdb;
  --oh-state-done-dot: oklch(0.651 0.165 153.5);
  
  --oh-pill-time-bg: var(--oh-gray-100);
  --oh-pill-rate-zero-bg: #ffe5ee;
  --oh-pill-rate-complete-bg: var(--oh-home-lesson-surface);
  --oh-pill-rate-complete-border: transparent;
  --oh-pill-rate-complete-label: var(--oh-home-ink-muted);
  --oh-pill-rate-complete-value: var(--oh-home-ink);
  
  --oh-fill-button-face: var(--oh-study-action);
  --oh-fill-button-pressed: var(--oh-study-action-pressed);
  --oh-fill-button-ink: var(--oh-study-action-ink);
  --oh-line-button-edge: transparent;
  --oh-line-button-face: var(--oh-study-plain);
  --oh-line-button-pressed: var(--oh-study-plain-pressed);
  --oh-line-button-ink: var(--oh-home-ink);
  --oh-line-button-glow: transparent;
  --oh-button-danger: var(--oh-color-danger);
  --oh-button-danger-pressed: #f64e43;
  --oh-button-outline-pressed: var(--oh-color-surface-muted);
  --oh-button-outline-brand-border: transparent;
  --oh-button-outline-brand-glow: transparent;
  
  --oh-loading-cube-face: var(--oh-home-stage);
  --oh-loading-cube-edge: var(--oh-home-accent);
  --oh-loading-tile: var(--oh-home-lesson-done);
  
  --oh-area-content-bg: #f2e6d6;
  --oh-area-content-text: var(--oh-home-stage-ink);
  --oh-area-word-bg: #ffe5ee;
  --oh-area-word-text: var(--oh-report-word-title);
  --oh-area-sentence-bg: #e6f1fc;
  --oh-area-sentence-text: var(--oh-report-sentence-title);
  --oh-area-speaking-bg: var(--oh-home-lesson-surface);
  --oh-area-speaking-text: var(--oh-home-ink);
  --oh-area-other-bg: var(--oh-gray-100);
  --oh-area-other-text: var(--oh-gray-600);
  
  --oh-tree-circle: var(--oh-home-lesson-surface);
  --oh-tree-seed: #956e4a;
  --oh-tree-seed-shine: #c9a57c;
  --oh-tree-leaf: #2e8943;
  --oh-tree-leaf-light: #58b872;
  --oh-tree-trunk: #7a5a44;
  --oh-tree-fruit: #f28c1c;
  
  --oh-logo-text: #000000;

  
  
  --oh-celebration-bg: var(--oh-gray-800);
  --oh-celebration-art: #858279;
  --oh-celebration-text: var(--oh-gray-300);
  
  --oh-confetti-white: var(--oh-gray-100);
  --oh-confetti-gold-light: #c0a585;
  --oh-confetti-gold: #ae8c66;
  --oh-confetti-gold-deep: #94724c;
  --oh-confetti-gold-dark: #795c3a;
  
  --oh-complete-bg-top: #fef7dd;
  --oh-complete-bg-bottom: var(--oh-profile-notice-bg);
  --oh-complete-dot: var(--oh-home-lesson-done);
  --oh-complete-caption: var(--oh-gray-600);
  --oh-complete-icon: var(--oh-gray-300);
  --oh-complete-card-shadow: rgb(120 90 20 / 0.06);
  
  --oh-report-card-shadow: rgb(0 0 0 / 0.07);
  --oh-report-word-title: #c01550;
  --oh-report-sentence-title: #0649bd;
  --oh-report-speaking-title: var(--oh-home-ink);
  --oh-report-word-bar: var(--oh-result-chip-word);
  --oh-report-sentence-bar: var(--oh-home-lesson-graphic);
  --oh-report-bar-shadow: rgb(0 0 0 / 0.3);
  --oh-report-content-fill: #e6cfb0;
  --oh-report-word-fill: #ffcade;
  --oh-report-sentence-fill: var(--oh-home-lesson-done);
  --oh-report-number: var(--oh-home-ink);
  --oh-report-weak-bg: var(--oh-state-not-started-band);
  
  --oh-report-audio-bg: #c0c0c0;
  --oh-report-audio-mark: var(--oh-gray-600);
  --oh-report-card-selected: var(--oh-profile-notice-bg);
  --oh-report-fail-veil: var(--oh-color-bg);

  
  
  --oh-correct-surface: var(--oh-state-done-face);
  --oh-correct-text: var(--oh-study-correct-text);
  --oh-wrong-surface: #fdf1ee;
  --oh-wrong-text: oklch(0.564 0.177 26.6);
  
  --oh-study-fill-glow: var(--oh-color-brand-glow);
  
  --oh-verdict-correct-mark: var(--oh-state-done-dot);
  --oh-verdict-correct-glow: transparent;
  --oh-verdict-correct-text: #017c4a;
  --oh-verdict-wrong-mark: var(--oh-color-danger);
  --oh-verdict-wrong-text: var(--oh-wrong-text);
  --oh-picked-label: var(--oh-wrong-text);
  --oh-picked-word: var(--oh-wrong-text);
  --oh-sheet-text-sub: var(--oh-gray-800);
  --oh-sheet-text-note: var(--oh-gray-600);
  
  --oh-result-chip-word: #fa367e;
  --oh-result-dot: var(--oh-gray-600);
  --oh-result-dot-light: var(--oh-gray-300);

  
  
  --oh-watch-stage: #000000;
  --oh-watch-picture: #7b7e8b;
  --oh-watch-picture-dim: var(--oh-color-scrim);
  
  --oh-watch-list-bg: var(--oh-gray-900);
  --oh-watch-row-current-bg: var(--oh-gray-850);
  --oh-watch-line: transparent;
  --oh-watch-list-edge: var(--oh-gray-850);
  --oh-watch-text-soft: var(--oh-gray-200);
  --oh-watch-english-next: var(--oh-gray-300);
  --oh-watch-korean-next: var(--oh-gray-300);
  --oh-watch-english-past: var(--oh-gray-300);
  --oh-watch-korean-past: var(--oh-gray-300);
  
  --oh-watch-controls-floor: var(--oh-watch-stage);
  --oh-watch-track: var(--oh-gray-800);
  --oh-watch-progress: #b8966e;
  --oh-watch-progress-rest: var(--oh-gray-850);
  --oh-watch-settings-bg: var(--oh-gray-850);
  --oh-watch-done-bg: #9e794f;

  
  --oh-dubbing-video: var(--oh-watch-picture);
  --oh-dubbing-video-mark: var(--oh-color-text-inverse);
  --oh-score-good: var(--oh-study-correct-text);
  --oh-score-fair: oklch(0.559 0.119 73.6);
  --oh-score-poor: var(--oh-wrong-text);

  
  
  --oh-grammar-video-frame: var(--oh-watch-stage);
  --oh-grammar-video: var(--oh-watch-picture);
  --oh-grammar-choice-shade: var(--oh-gray-100);
  
  --oh-grammar-chip-correct: var(--oh-correct-surface);
  --oh-grammar-chip-correct-border: var(--oh-state-done-face-border);
  --oh-grammar-chip-correct-text: var(--oh-study-correct-text);
  --oh-grammar-chip-wrong: var(--oh-wrong-surface);
  --oh-grammar-chip-wrong-border: #ecd0cd;
  --oh-grammar-chip-wrong-text: var(--oh-wrong-text);
  
  --oh-grammar-role-subject: var(--oh-report-word-title);
  --oh-grammar-role-verb: var(--oh-report-sentence-title);
  --oh-grammar-role-object: var(--oh-color-brand-ink);
  --oh-grammar-role-indirect-object: #8d2bd8;
  --oh-grammar-role-auxiliary: #5042b3;
  --oh-grammar-role-complement: #663520;
  --oh-grammar-role-other: var(--oh-gray-600);

  
  
  --oh-report-list-progress-bg: #fefae8;
  --oh-report-list-progress-text: #a3681b;
  
  --oh-ranking-arrow-off: var(--oh-color-border-strong);
  --oh-ranking-note: var(--oh-gray-600);
  --oh-ranking-mine-from: var(--oh-home-lesson-surface);
  --oh-ranking-mine-to: var(--oh-home-lesson-surface);
  --oh-ranking-mine-text: var(--oh-home-ink);
  
  --oh-mypage-avatar: var(--oh-report-content-fill);
  --oh-my-entry-arrow: var(--oh-gray-600);
  
  --oh-mypage-tree-track: var(--oh-home-lesson-done);
  --oh-mypage-rate-fill: var(--oh-home-accent);
  --oh-mypage-rate-arrow: var(--oh-home-ink);
  --oh-mypage-rate-arrow-off: var(--oh-ranking-arrow-off);
  --oh-mypage-rate-empty-bg: #fef7dd;
  --oh-mypage-rate-empty-border: var(--oh-mypage-rate-empty-bg);
  --oh-mypage-rate-empty-text: var(--oh-home-stage-ink);
  --oh-mypage-rate-empty-notice: var(--oh-gray-600);
  
  --oh-mypage-segment-shadow: rgb(0 0 0 / 0.1);
  --oh-mypage-chart-guide: var(--oh-gray-300);
  --oh-mypage-time-bar: var(--oh-home-accent);
  --oh-mypage-unit: var(--oh-gray-600);
  --oh-mypage-pick-bg: var(--oh-home-lesson-surface);
  --oh-mypage-pick-border: transparent;
  
  --oh-mypage-update-off: var(--oh-gray-200);
  --oh-mypage-weak-word-bg: var(--oh-area-word-bg);
  --oh-mypage-weak-word-border: var(--oh-report-word-fill);
  --oh-mypage-weak-sentence-text: var(--oh-report-sentence-title);
  --oh-mypage-weak-sentence-bg: var(--oh-home-lesson-surface);
  --oh-mypage-weak-sentence-border: var(--oh-home-lesson-done);
  --oh-mypage-weak-sentence-band: #366bd5;
  --oh-dubbing-replay-border: transparent;

  
  --oh-review-option-selected: var(--oh-home-lesson-surface);
  --oh-review-level-easy: #9be3bc;
  --oh-review-level-medium: #f9efcb;
  --oh-review-level-hard: #f7d4c8;
  --oh-review-audio-mic: var(--oh-gray-600);

  
  
  --oh-menu-row-pressed: var(--oh-gray-200);
  
  --oh-sheet-handle: var(--oh-color-line);
  --oh-invite-icon-bg: var(--oh-home-lesson-surface);
  --oh-invite-step-glow: transparent;
  --oh-invite-share: var(--oh-study-action);
  
  --oh-invite-avatar-ring: var(--oh-color-bg);
  --oh-invite-step-shadow: rgb(0 0 0 / 0.12);
  --oh-invite-me-shadow: transparent;
  
  --oh-avatar-gold-bg: #fef7dd;
  --oh-avatar-gold-text: var(--oh-home-stage-ink);
  --oh-avatar-gold-ring: var(--oh-home-stage);
  --oh-avatar-pink-bg: #ffe5ee;
  --oh-avatar-pink-text: var(--oh-report-word-title);
  --oh-avatar-blue-bg: #e4f2fd;
  --oh-avatar-blue-text: var(--oh-report-sentence-title);
  --oh-avatar-purple-bg: #e7e3fa;
  --oh-avatar-purple-text: #5a46b6;
  --oh-avatar-orange-bg: var(--oh-profile-notice-bg);
  --oh-avatar-orange-text: var(--oh-home-stage-ink);
  --oh-avatar-green-bg: var(--oh-home-lesson-surface);
  --oh-avatar-green-text: var(--oh-home-ink);
  
  --oh-billing-guide-bg: #ffffff;
  --oh-billing-invite-bg: var(--oh-home-lesson-surface);
  --oh-billing-invite-border: transparent;
  --oh-billing-invite-track: var(--oh-home-lesson-done);
  --oh-billing-invite-count: var(--oh-home-ink);
  
  --oh-welcome-fruit-bg: var(--oh-profile-notice-bg);
  --oh-welcome-fruit-border: var(--oh-welcome-fruit-bg);
  --oh-welcome-fruit-caption: var(--oh-score-fair);
  
  --oh-profile-notice-bg: #fef7dd;
  --oh-profile-notice-border: var(--oh-profile-notice-bg);
  --oh-profile-notice-text: var(--oh-home-stage-ink);

  
  
  --oh-lesson-bar: var(--oh-study-backdrop);
  --oh-lesson-bar-pressed: var(--oh-home-lesson-done);
  --oh-lesson-tab-bg: var(--oh-gray-100);
  --oh-lesson-tab-text: var(--oh-gray-600);
  
  --oh-lesson-row-current: var(--oh-home-lesson-surface);
  --oh-lesson-speaker: var(--oh-study-speaker-ink);
  --oh-lesson-mint-soft: var(--oh-home-lesson-surface);
  --oh-lesson-mint-ink: var(--oh-home-ink);
  
  --oh-lesson-menu-scrim: var(--oh-color-scrim);
  
  --oh-lesson-segment-bg: var(--oh-gray-200);
  --oh-lesson-segment-text: var(--oh-gray-800);
  --oh-lesson-segment-shadow: rgb(0 0 0 / 0.16);
  --oh-lesson-chevron: var(--oh-gray-800);
  
  --oh-lesson-chip-shadow: rgb(0 0 0 / 0.08);
  --oh-lesson-chip-pressed-border: var(--oh-gray-600);
  --oh-lesson-card-shadow: rgb(0 60 50 / 0.2);
  --oh-lesson-card-wave: var(--oh-home-lesson-graphic);
  
  --oh-settings-panel-bg: var(--oh-gray-850);
  --oh-settings-panel-edge: var(--oh-gray-800);
  --oh-settings-panel-close: var(--oh-gray-200);
  --oh-settings-panel-label: var(--oh-gray-200);
  --oh-settings-panel-note: var(--oh-gray-300);
  
  --oh-settings-option-bg: var(--oh-gray-800);
  --oh-settings-option-border: var(--oh-gray-800);
  --oh-settings-option-text: var(--oh-gray-100);
  --oh-settings-option-pressed-bg: var(--oh-gray-900);
  --oh-settings-option-pressed-border: var(--oh-gray-900);
  
  --oh-settings-gear-on-bg: var(--oh-home-ink);
  --oh-settings-gear-on: var(--oh-color-text-inverse);
  
  --oh-settings-control-off: var(--oh-gray-300);
}

html[data-fonts='fallback'] {
  --oh-font-sans: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  background: var(--oh-color-bg);
}

html[data-layout='desktop'],
html[data-layout='desktop'] body {
  background: var(--oh-color-backdrop);
}

body {
  font-family: var(--oh-font-sans);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--oh-color-text);
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
p,
ul,
ol {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-align: inherit;
  cursor: pointer;
}

html {
  touch-action: manipulation;
}

:focus {
  outline: none;
}

:focus-visible {
  outline: 2px solid var(--oh-color-focus);
  outline-offset: 2px;
}

html:not([data-modality='keyboard']) :focus-visible {
  outline: none;
}

#main:focus {
  outline: none;
}

:root {
  --oh-shell-height: 100%;
}

html,
body,
#root {
  height: 100%;
}

html {
  overflow: hidden;
}

body {
  overflow: clip;
}

html,
body {
  overscroll-behavior-y: none;
}

html {
  font-size: clamp(calc(100% * 360 / 440), calc(100vw * 16 / 440), 100%);
  font-size: calc(100% * (clamp(360px, 100vw, 440px) / 440px));
}

html:root :is(input, textarea, select) {
  font-size: max(1rem, 16px);
}

html,
* {
  scrollbar-width: none;
}

html {
  -webkit-tap-highlight-color: transparent;
}

[data-press='scale']:active:not(:disabled, [aria-disabled='true']) {
  scale: 0.96;
}

:where([data-press='scale']):where(:active):where(:not(:disabled, [aria-disabled='true']))::before {
  position: absolute;
  inset: calc(-2.1% - 2px);
  content: '';
}

html {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

:is(input, textarea, [contenteditable='true'], [data-selectable-text]) {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

:is(a, button) {
  -webkit-user-drag: none;
}

svg {
  overflow: visible;
}

html::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

._header_csku8_11 {
  z-index: 2;
  display: flex;
  align-items: center;
  flex: none;
  background: var(--oh-color-bg);
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

._logo_csku8_24 {
  display: flex;
  align-items: center;
  flex: none;
  margin-right: auto;
  color: var(--oh-logo-text);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  min-height: var(--oh-size-control-lg);
  font-size: 1.625rem;
}

._tab_csku8_37[aria-disabled='true'] {
  cursor: default;
}

._main_csku8_41 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--oh-color-bg);
}

._tabBar_csku8_50 {
  z-index: 2;
  display: grid;
  flex: none;
  padding-bottom: env(safe-area-inset-bottom);
  background: var(--oh-color-bg);
  box-shadow: 0 -2px 12px var(--oh-color-shadow-nav);
  
  clip-path: inset(-20px 0 0 0);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._tab_csku8_37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: var(--oh-tabbar-height);
  color: var(--oh-color-nav-icon);
  font-size: 0.665rem;
  line-height: 1;
  white-space: nowrap;
  justify-content: center;
}

._tab_csku8_37 > span {
  margin-top: 1.5px;
  color: var(--oh-color-nav-label);
}

._tab_csku8_37[aria-current='page'],
._tab_csku8_37[aria-current='page'] > span {
  color: var(--oh-color-nav-selected);
}

._wordmark_csku8_89 {
  display: block;
  flex: none;
  width: auto;
  height: calc(1em * 887 / 1024);
  aspect-ratio: 4670 / 887;
}

._pageTitle_csku8_98 {
  display: flex;
  align-items: center;
  min-height: var(--oh-size-control-lg);
  margin-right: auto;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-page-title);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._titleText_csku8_112 {
  text-box: trim-both cap alphabetic;
}

._header_csku8_11[data-stage] {
  --head-blend: var(--oh-head-blend, 1);
  background: radial-gradient(
    circle at calc(100% - 90 * var(--oh-fluid-unit)) calc(40 * var(--oh-fluid-unit)) in srgb,
    color-mix(in srgb, var(--oh-home-stage-glow), var(--oh-color-bg) calc(var(--head-blend) * 100%)) calc(60 * var(--oh-fluid-unit)),
    color-mix(in srgb, var(--oh-home-stage), var(--oh-color-bg) calc(var(--head-blend) * 100%)) calc(200 * var(--oh-fluid-unit))
  );
}

._header_csku8_11[data-stage] ._logo_csku8_24 {
  color: color-mix(in srgb, var(--oh-home-stage-ink), var(--oh-home-ink) calc(var(--head-blend) * 100%));
}

._tab_csku8_37 > svg {
  flex: none;
}

@keyframes _tab-pop_csku8_1 {
  50% {
    scale: 1.11;
  }
}

._tab_csku8_37[data-pop] > svg {
  animation: _tab-pop_csku8_1 220ms ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  ._tab_csku8_37[data-pop] > svg {
    animation: none;
  }
}

._header_csku8_11,
._tabBar_csku8_50 {
  position: relative;
  top: auto;
  bottom: auto;
}

html[data-head-stage] ._main_csku8_41 {
  background: transparent;
}

html[data-layout='desktop'] ._header_csku8_11,
html[data-layout='desktop'] ._tabBar_csku8_50 {
  align-self: center;
  width: 100%;
  max-width: var(--oh-column-width);
}

html[data-layout='desktop'] ._main_csku8_41 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._markedCircleMark_19rjk_3 {
  stroke: var(--oh-color-text-inverse);
}

._media_17fv6_3 {
  display: block;
  flex: none;
  background: var(--media-color);
}

._control_1lire_4 {
  display: block;
  flex: none;
}

._discOnVideo_1lire_10 {
  fill: var(--oh-player-control-disc);
}

._discSolid_1lire_15 {
  fill: var(--oh-player-control-disc-solid);
}

._icon_1lire_19 {
  fill: var(--oh-player-control-icon);
}

._track_1ww3m_8 {
  position: absolute;
  right: var(--oh-space-3);
  bottom: var(--oh-space-3);
  left: var(--oh-space-3);
  display: block;
  height: var(--oh-space-1);
  overflow: hidden;
  border-radius: var(--oh-radius-pill);
  background: var(--oh-color-scrim);
  pointer-events: none;
}

._fill_1ww3m_21 {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--oh-color-text-inverse);
  transition: width 100ms linear;
}

._fill_1ww3m_21[data-start] {
  transition: none;
}

._layer_qnzm8_6,
._surface_qnzm8_7 {
  position: absolute;
  inset: 0;
}

._surface_qnzm8_7 {
  display: block;
  width: 100%;
  height: 100%;
}

._surface_qnzm8_7[aria-hidden='true'] {
  pointer-events: none;
}

._center_qnzm8_22 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  border-radius: 50%;
  translate: -50% -50%;
}

._surface_qnzm8_7:focus-visible,
._center_qnzm8_22:focus-visible {
  outline-color: var(--oh-color-text-inverse);
}

._surface_qnzm8_7:focus-visible {
  outline-offset: -4px;
}

dialog._layer_1j9qy_9 {
  overflow: clip;
}

dialog._layer_1j9qy_9::backdrop {
  background: var(--oh-dialog-backdrop, var(--oh-color-scrim));
}

dialog._layer_1j9qy_9._plain_1j9qy_17::backdrop {
  background: var(--oh-dialog-backdrop, var(--oh-color-scrim-plain));
}

._stage_1j9qy_21 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  min-height: 100%;
}

._sheet_1j9qy_31 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100dvh;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: var(--oh-radius-sheet) var(--oh-radius-sheet) 0 0;
  background: var(--oh-color-bg);
  animation: _rise_1j9qy_1 200ms ease-out;
}

html[data-layout='desktop'] ._sheet_1j9qy_31 {
  max-width: var(--oh-column-width);
}

@keyframes _rise_1j9qy_1 {
  from {
    translate: 0 100%;
  }
}

._button_189p7_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--ledge-face);
  color: var(--oh-color-text-inverse);
  gap: var(--oh-space-2);
  min-height: var(--oh-big-button-min-height, calc(var(--oh-size-control-lg) + 3px));
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  box-shadow: none;
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  white-space: normal;
}

._button_189p7_10[data-tone='brand'] {
  --ledge-face: var(--oh-fill-button-face, var(--oh-color-brand));
  --ledge-face-pressed: var(--oh-fill-button-pressed, var(--oh-color-brand-pressed));
  color: var(--oh-fill-button-ink, var(--oh-color-text-inverse));
}

._button_189p7_10[data-tone='danger'] {
  --ledge-face: var(--oh-button-danger);
  --ledge-face-pressed: var(--oh-button-danger-pressed);
}

._button_189p7_10:disabled,
._button_189p7_10[aria-disabled='true'] {
  cursor: default;
}

._button_189p7_10:active,
._button_189p7_10[aria-disabled='true']:active {
  translate: none;
  background: var(--ledge-face);
  box-shadow: none;
}

html[data-pointer='mouse'] ._button_189p7_10:hover:not(:disabled, [aria-disabled='true']) {
  background: var(--ledge-face-pressed);
}

._button_189p7_10 > svg {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._button_1cezj_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--oh-big-button-min-height, calc(var(--oh-size-control-lg) + 3px));
  padding: var(--oh-space-2) var(--oh-space-6);
  border: 1px solid var(--oh-color-brand-outline);
  border-radius: var(--oh-radius-cta);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  border-color: var(--oh-line-button-edge, var(--oh-color-brand-outline));
  background: var(--oh-line-button-face, var(--oh-color-bg));
  box-shadow: 0 0 0 1.5px var(--oh-line-button-glow, var(--oh-color-brand-glow));
  color: var(--oh-line-button-ink, var(--oh-color-brand-outline-text));
}

._button_1cezj_9[aria-disabled='true'] {
  cursor: default;
}

html[data-pointer='mouse'] ._button_1cezj_9:hover:not([aria-disabled='true']) {
  background: var(--oh-line-button-pressed, var(--oh-button-outline-pressed));
}

._button_1cezj_9[aria-disabled='true']:active {
  background: var(--oh-line-button-face, var(--oh-color-bg));
}

._tabs_1g3dg_7 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oh-space-4) var(--oh-space-2);
}

._tab_1g3dg_7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  max-width: 100%;
  min-width: 4rem;
  min-height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-4);
  border-radius: calc(var(--oh-size-control-md) / 2);
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-body);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._tab_1g3dg_7::after {
  position: absolute;
  inset: calc(-1 * var(--oh-space-1)) 0;
  content: '';
}

._tab_1g3dg_7[aria-selected='true'] {
  background: var(--oh-color-text-strong);
  color: var(--oh-color-text-inverse);
}

._tab_1g3dg_7[aria-disabled='true'] {
  cursor: default;
}

._rail_m7pin_8 {
  position: relative;
  z-index: 1;
  overflow-anchor: none;
  pointer-events: none;
}

._bar_m7pin_15 {
  position: sticky;
  top: 0;
  background: var(--oh-color-bg);
  pointer-events: auto;
}

._bar_m7pin_15[data-hidden='true'] {
  visibility: hidden;
}

._screen_qxcso_9 {
  position: relative;
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
}

html[data-layout='desktop'] ._screen_qxcso_9 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._screen_qxcso_9 > ._cubeBox_qxcso_20 {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  translate: -50% -50%;
  visibility: hidden;
  animation: _mark-reveal_qxcso_1 1ms linear 1s forwards;
}

._screen_qxcso_9 > ._ring_qxcso_29 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  visibility: hidden;
  animation:
    _ring-turn_qxcso_1 800ms linear infinite,
    _mark-reveal_qxcso_1 1ms linear 1s forwards;
}

._cubeBox_qxcso_20 {
  position: relative;
  display: block;
  width: 132px;
  height: 132px;
}

._world_qxcso_47,
._mover_qxcso_48,
._cube_qxcso_20 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform-style: preserve-3d;
}

._world_qxcso_47 {
  top: 74px;
  left: 65px;
  transform: rotateX(54.7356deg) rotateZ(45deg);
}

._mover_qxcso_48 {
  animation: _cube-step_qxcso_1 666ms steps(1, end) infinite;
}

._cube_qxcso_20 {
  transform-origin: 0 0 0;
  animation: _cube-roll_qxcso_1 666ms ease-in-out infinite;
}

._face_qxcso_72,
._tileNear_qxcso_73,
._tileFar_qxcso_74 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 45px;
  height: 45px;
}

._face_qxcso_72 {
  transform-origin: 0 0 0;
  border: 3px solid var(--oh-loading-cube-edge);
  background: var(--oh-loading-cube-face);
}

._face_qxcso_72[data-side='top'] {
  transform: translateZ(45px);
}

._face_qxcso_72[data-side='left'] {
  transform: translateY(45px) rotateX(90deg);
}

._face_qxcso_72[data-side='right'] {
  transform: translateX(45px) rotateY(-90deg);
}

._face_qxcso_72[data-side='back-left'] {
  transform: rotateY(-90deg);
}

._face_qxcso_72[data-side='back-right'] {
  transform: rotateX(90deg);
}

._tileNear_qxcso_73,
._tileFar_qxcso_74 {
  background: var(--oh-loading-tile);
}

._tileFar_qxcso_74 {
  animation: _tile-fade_qxcso_1 666ms linear infinite;
}

@keyframes _cube-roll_qxcso_1 {
  0% {
    transform: rotateY(0deg) rotateX(0deg);
  }

  35%,
  49.99% {
    transform: rotateY(-90deg) rotateX(0deg);
  }

  50% {
    transform: rotateY(0deg) rotateX(0deg);
  }

  85%,
  100% {
    transform: rotateY(0deg) rotateX(90deg);
  }
}

@keyframes _cube-step_qxcso_1 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-45px);
  }
}

@keyframes _tile-fade_qxcso_1 {
  0%,
  50% {
    opacity: 1;
  }

  35%,
  49.99%,
  85%,
  100% {
    opacity: 0;
  }
}

._ring_qxcso_29 {
  display: block;
  width: 36px;
  height: 36px;
  border: 3.5px solid var(--oh-color-line);
  border-left-color: var(--oh-color-brand-pressed);
  border-radius: 50%;
  animation: _ring-turn_qxcso_1 800ms linear infinite;
}

@keyframes _ring-turn_qxcso_1 {
  to {
    rotate: 360deg;
  }
}

@keyframes _mark-reveal_qxcso_1 {
  to {
    visibility: visible;
  }
}

._dim_1enya_5 {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: var(--oh-color-scrim);
  pointer-events: none;
}

html:not(:has(dialog[open])) ._dim_1enya_5 {
  display: none;
}

._shell_10ur9_16 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--oh-shell-height);
  overflow: clip;
  touch-action: pinch-zoom;
}

._fixed_10ur9_26 {
  flex: none;
}

html[data-layout='desktop'] ._fixed_10ur9_26 {
  align-self: center;
  width: 100%;
  max-width: var(--oh-column-width);
}

._scroll_10ur9_36 {
  flex: 1;
  min-height: 0;
  container: oh-shell / size;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  touch-action: pan-y pinch-zoom;
}

html[data-head-stage] ._scroll_10ur9_36 {
  background:
    radial-gradient(
        circle at calc(100% - 90 * var(--oh-fluid-unit)) calc(40 * var(--oh-fluid-unit) - var(--oh-size-header)),
        color-mix(in srgb, var(--oh-home-stage-glow), var(--oh-color-bg) calc(var(--oh-head-blend, 1) * 100%)) calc(60 * var(--oh-fluid-unit)),
        color-mix(in srgb, var(--oh-home-stage), var(--oh-color-bg) calc(var(--oh-head-blend, 1) * 100%)) calc(200 * var(--oh-fluid-unit))
      )
      top center / 100% 70% no-repeat,
    linear-gradient(var(--oh-color-bg), var(--oh-color-bg)) center 1px / 100% 100% no-repeat;
}

html[data-head-stage][data-layout='desktop'] ._scroll_10ur9_36 {
  background-size:
    var(--oh-column-width) 70%,
    var(--oh-column-width) 100%;
}

html[data-head-stage] ._shell_10ur9_16 {
  --stage-band: calc(var(--oh-size-header) + 16px);

  background:
    radial-gradient(
        circle at calc(100% - 90 * var(--oh-fluid-unit)) calc(40 * var(--oh-fluid-unit)) in srgb,
        color-mix(in srgb, var(--oh-home-stage-glow), var(--oh-color-bg) calc(var(--oh-head-blend, 1) * 100%)) calc(60 * var(--oh-fluid-unit)),
        color-mix(in srgb, var(--oh-home-stage), var(--oh-color-bg) calc(var(--oh-head-blend, 1) * 100%)) calc(200 * var(--oh-fluid-unit))
      )
      top center / 100% var(--stage-band) no-repeat;
}

html[data-head-stage][data-layout='desktop'] ._shell_10ur9_16 {
  background-size: var(--oh-column-width) var(--stage-band);
}

._layer_1fubc_7 {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  pointer-events: none;
  container-type: inline-size;
}

html[data-layout='desktop'] ._layer_1fubc_7 {
  max-width: var(--oh-column-width);
}

._piece_1fubc_27 {
  position: absolute;
  top: 0;
  left: var(--left);
  animation: _fall_1fubc_1 var(--duration) cubic-bezier(0.08, 0.66, 0.3, 1) var(--delay) both;
}

._shape_1fubc_34 {
  display: block;
  width: 10px;
  height: 10px;
  background: var(--oh-confetti-white);
  animation: _tumble_1fubc_1 var(--duration) linear var(--delay) both;
}

._shape_1fubc_34[data-shape='circle'] {
  width: 9px;
  height: 11px;
  border-radius: 50%;
}

._shape_1fubc_34[data-shape='bar'] {
  width: 13px;
  height: 3px;
}

._shape_1fubc_34[data-tone='gold-light'] {
  background: var(--oh-confetti-gold-light);
}

._shape_1fubc_34[data-tone='gold'] {
  background: var(--oh-confetti-gold);
}

._shape_1fubc_34[data-tone='gold-deep'] {
  background: var(--oh-confetti-gold-deep);
}

._shape_1fubc_34[data-tone='gold-dark'] {
  background: var(--oh-confetti-gold-dark);
}

@keyframes _fall_1fubc_1 {
  from {
    translate: 0 -6dvh;
  }

  to {
    translate: calc(var(--drift) * 1cqi) var(--fall);
  }
}

@keyframes _tumble_1fubc_1 {
  from {
    transform: rotate3d(var(--axis), 0turn);
    opacity: 1;
  }

  45% {
    opacity: 1;
  }

  to {
    transform: rotate3d(var(--axis), var(--turns));
    opacity: 0;
  }
}

._screen_1cx8b_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: var(--oh-screen-height);
  overflow: hidden;
  background: var(--oh-celebration-bg);
  height: var(--oh-screen-height);
  padding: 0 var(--oh-space-4);
  container-type: inline-size;
}

html[data-layout='desktop'] ._screen_1cx8b_9 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._art_1cx8b_27 {
  width: 194.5px;
  height: 204px;
  translate: -8px 0;
  margin-bottom: var(--oh-space-12);
}

._title_1cx8b_34 {
  color: var(--oh-color-text-inverse);
  font-weight: 700;
  text-align: center;
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._body_1cx8b_43 {
  color: var(--oh-celebration-text);
  text-align: center;
  margin: var(--oh-space-6) 0 calc(6.125rem + 4 * var(--oh-space-6) + 3px + var(--oh-space-4) + env(safe-area-inset-bottom));
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

@container (max-width: 12em) {
  ._body_1cx8b_43 {
    margin-bottom: calc(7.625rem + 4 * var(--oh-space-6) + 3px + var(--oh-space-1) + var(--oh-space-4) + env(safe-area-inset-bottom));
  }
}

._body_9gnnx_13 {
  display: flex;
  flex-direction: column;
  padding: var(--oh-space-6) var(--oh-space-4) var(--oh-space-4);
  --oh-big-button-min-height: var(--oh-size-control-lg);
  --oh-fill-button-face: var(--oh-study-action);
  --oh-fill-button-pressed: var(--oh-study-action-pressed);
  --oh-fill-button-ink: var(--oh-study-action-ink);
}

._title_9gnnx_23 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  text-align: center;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._next_9gnnx_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--oh-space-1) var(--oh-space-2);
  min-height: 1.5rem;
  margin-top: var(--oh-space-6);
  white-space: normal;
}

._nextLabel_9gnnx_43 {
  color: var(--oh-color-text-muted);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._chip_9gnnx_49 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: var(--oh-radius-tag);
  background: var(--oh-area-other-bg);
  color: var(--oh-area-other-text);
  font-weight: 700;
  line-height: 1;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

._chip_9gnnx_49[data-area='content'] {
  background: var(--oh-area-content-bg);
  color: var(--oh-area-content-text);
}

._chip_9gnnx_49[data-area='word'] {
  background: var(--oh-area-word-bg);
  color: var(--oh-area-word-text);
}

._chip_9gnnx_49[data-area='sentence'] {
  background: var(--oh-area-sentence-bg);
  color: var(--oh-area-sentence-text);
}

._chip_9gnnx_49[data-area='speaking'] {
  background: var(--oh-area-speaking-bg);
  color: var(--oh-area-speaking-text);
}

._nextName_9gnnx_84 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._last_9gnnx_91 {
  color: var(--oh-color-brand-ink);
  text-align: center;
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

._check_9gnnx_101 {
  flex: none;
  width: 17.5px;
  height: 14px;
}

._action_9gnnx_107[data-after='last'] {
  margin-top: var(--oh-space-6);
}

._home_9gnnx_111 {
  margin-top: var(--oh-space-6);
  --oh-fill-button-face: var(--oh-study-plain);
  --oh-fill-button-pressed: var(--oh-study-plain-pressed);
  --oh-fill-button-ink: var(--oh-home-ink);
}

._continue_9gnnx_118 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
  --oh-line-button-edge: transparent;
  --oh-line-button-face: var(--oh-study-action);
  --oh-line-button-pressed: var(--oh-study-action-pressed);
  --oh-line-button-ink: var(--oh-study-action-ink);
  --oh-line-button-glow: transparent;
}

._continue_9gnnx_118 > ._next_9gnnx_32 {
  margin-top: 0;
}

._page_10hin_23 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: var(--oh-screen-height);
  background: var(--oh-study-backdrop);
  --oh-fill-button-face: var(--oh-study-action);
  --oh-fill-button-pressed: var(--oh-study-action-pressed);
  --oh-fill-button-ink: var(--oh-study-action-ink);
  --oh-line-button-ink: var(--oh-home-ink);
  --oh-line-button-glow: transparent;
}

html[data-layout='desktop'] ._page_10hin_23,
html[data-layout='desktop'] ._failure_10hin_38 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._top_10hin_43 {
  display: flex;
  justify-content: space-between;
  flex: none;
  align-items: center;
  gap: var(--oh-space-4);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
  background: var(--oh-study-backdrop);
}

._course_10hin_54 {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-height: 1.3em;
  color: var(--oh-color-text-strong);
  text-align: left;
  font-size: var(--oh-text-page-title);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._main_10hin_68 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 8rem;
}

._heading_10hin_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: none;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

._lists_10hin_89 {
  min-height: 0;
  flex: none;
  overflow-y: visible;
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
  container-type: inline-size;
}

._sectionTitle_10hin_98 {
  font-weight: 700;
  line-height: 1.3;
  font-size: var(--oh-text-sm);
}

._section_10hin_98[data-kind='correct'] ._sectionTitle_10hin_98,
._section_10hin_98[data-kind='correct'] ._lineMark_10hin_105 {
  color: var(--oh-correct-text);
}

._section_10hin_98[data-kind='wrong'] {
  color: var(--oh-wrong-text);
}

._lines_10hin_113 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--oh-space-3);
  margin-top: var(--oh-space-4);
}

._lines_10hin_113[data-columns='2'] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 12px;
  row-gap: var(--oh-space-5);
}

._line_10hin_105 {
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-body);
}

._lineMark_10hin_105 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-md);
  margin-right: var(--oh-space-2);
}

._lineText_10hin_143 {
  min-width: 0;
}

._footer_10hin_147 {
  flex: none;
}

._loadingBar_10hin_151 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  background: var(--oh-color-surface-track);
  gap: var(--oh-space-1);
  border-radius: var(--oh-radius-big-button);
}

._loadingBar_10hin_151 > span {
  border-radius: 50%;
  background: var(--oh-result-dot);
  animation: _dot-turn_10hin_1 900ms linear infinite;
  width: 8px;
  height: 8px;
}

._loadingBar_10hin_151 > span:nth-child(2) {
  animation-delay: 300ms;
}

._loadingBar_10hin_151 > span:nth-child(3) {
  animation-delay: 600ms;
}

@keyframes _dot-turn_10hin_1 {
  0%,
  33% {
    background: var(--oh-result-dot-light);
  }

  34%,
  100% {
    background: var(--oh-result-dot);
  }
}

._notice_10hin_190 {
  color: var(--oh-color-text-sub);
  text-align: center;
  margin-bottom: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

._pin_10hin_199 {
  margin-right: -1px;
  font-size: 1.2em;
  line-height: 0;
  vertical-align: -0.1em;
}

._failure_10hin_38 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-muted);
  text-align: center;
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

._close_10hin_220 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-right: var(--oh-header-icon-pull);
  color: var(--oh-color-icon);
}

._body_10hin_5 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
}

._body_10hin_5:focus-visible {
  outline-offset: -2px;
}

._stats_10hin_12 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--oh-space-2);
  flex: none;
  margin-top: var(--oh-space-5);
  padding: 0 var(--oh-space-4);
}

._stat_10hin_12 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: var(--oh-space-1);
  min-height: 5.25rem;
  padding: var(--oh-space-3) var(--oh-space-1);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
  color: var(--oh-home-ink-muted);
  font-size: var(--oh-text-label);
  line-height: var(--oh-leading-heading);
  text-align: center;
}

._stat_10hin_12 > strong {
  color: var(--oh-home-ink);
  font-size: var(--oh-text-h2);
}

._stat_10hin_12[data-kind='correct'] > strong {
  color: var(--oh-correct-text);
}

._stat_10hin_12[data-kind='wrong'] > strong {
  color: var(--oh-wrong-text);
}

._lists_10hin_89[data-review] {
  margin-top: var(--oh-space-4);
}

._section_10hin_98 {
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
}

._section_10hin_98 + ._section_10hin_98 {
  margin-top: var(--oh-space-4);
}

._section_10hin_98 ._lineText_10hin_143 {
  color: var(--oh-home-ink);
}

._lists_10hin_89[data-review] ._lines_10hin_113 {
  margin-top: var(--oh-space-4);
}

@container (max-width: 17em) {
  ._lines_10hin_113[data-columns='2'] {
    grid-template-columns: minmax(0, 1fr);
  }
}

._section_10hin_98[data-kind='wrong'] ._lineMark_10hin_105 {
  margin-top: 0;
}

._section_10hin_98[data-kind='correct'] ._lineMark_10hin_105 > svg {
  width: 18px;
  height: auto;
}

._section_10hin_98[data-kind='wrong'] ._lineMark_10hin_105 > svg {
  width: 13px;
  height: 13px;
}

._footer_10hin_147,
._footer_10hin_147[data-kind='exit'] {
  padding: var(--oh-dock-pad-top) var(--oh-space-4) var(--oh-dock-pad-bottom);
  --oh-big-button-min-height: var(--oh-size-control-lg);
}

._footer_10hin_147[data-kind='loading'] {
  padding: var(--oh-space-12) var(--oh-space-4) var(--oh-dock-pad-bottom);
}

._actions_10hin_339 {
  display: flex;
  align-items: stretch;
  gap: var(--oh-space-4);
  --oh-fill-button-face: var(--oh-study-plain);
  --oh-fill-button-pressed: var(--oh-study-plain-pressed);
  --oh-fill-button-ink: var(--oh-home-ink);
  --oh-line-button-edge: transparent;
  --oh-line-button-face: var(--oh-study-action);
  --oh-line-button-pressed: var(--oh-study-action-pressed);
  --oh-line-button-ink: var(--oh-study-action-ink);
}

._actions_10hin_339 > * {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

._actions_10hin_339 > :last-child {
  flex-grow: 2;
}

@media (pointer: coarse) {
  ._close_10hin_220 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: var(--oh-header-icon-pull-touch);
  }
}

._summary_p4czw_3 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-4);
  color: var(--oh-home-stage-ink);
}

._circle_p4czw_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: calc(124 * var(--oh-fluid-unit));
  height: calc(124 * var(--oh-fluid-unit));
  border-radius: 50%;
  background: var(--oh-color-bg);
}

._circle_p4czw_10 > svg {
  width: 70%;
  height: 70%;
}

._picture_p4czw_30 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
}

._info_p4czw_37 {
  flex: 1 1 0;
  min-width: 0;
}

._head_p4czw_42 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--oh-space-2);
}

._stage_p4czw_49 {
  min-width: 0;
  font-size: var(--oh-text-h1);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._next_p4czw_56 {
  flex: none;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  white-space: nowrap;
}

._line_p4czw_63 {
  position: relative;
  height: 8px;
  margin-top: var(--oh-space-2);
  border-radius: 4px;
  background: var(--oh-color-bg);
}

._lineFill_p4czw_71 {
  position: absolute;
  inset: 0 auto 0 0;
  min-width: 8px;
  border-radius: 4px;
  background: var(--oh-home-accent);
}

._stats_p4czw_79 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: var(--oh-space-3) 0 0;
  padding: var(--oh-space-2) 0;
  border-radius: var(--oh-radius-sm);
  background: var(--oh-home-day-done);
  text-align: center;
}

._stats_p4czw_79 > div {
  display: flex;
  flex-direction: column-reverse;
  min-width: 0;
}

._stats_p4czw_79 > div + div {
  box-shadow: -1px 0 0 rgb(74 58 14 / 14%);
}

._stats_p4czw_79 dd {
  margin: 0;
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  font-variant-numeric: tabular-nums;
}

._stats_p4czw_79 dt {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

@container oh-shell (max-height: 520px) {
  ._circle_p4czw_10 {
    width: calc(100 * var(--oh-fluid-unit));
    height: calc(100 * var(--oh-fluid-unit));
  }

  ._stage_p4czw_49 {
    font-size: var(--oh-text-h2);
  }

  ._stats_p4czw_79 {
    padding: var(--oh-space-1) 0;
  }
}

._blank_smdo7_19 {
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
}

._screen_smdo7_24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: var(--oh-screen-height);
  background: linear-gradient(180deg, var(--oh-complete-bg-top), var(--oh-complete-bg-bottom));
  padding: var(--oh-space-8) var(--oh-space-4) var(--oh-dock-pad-bottom);
  container-type: inline-size;
}

html[data-layout='desktop'] ._blank_smdo7_19,
html[data-layout='desktop'] ._screen_smdo7_24 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._tree_smdo7_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  background: var(--oh-tree-circle);
  width: calc(96 * var(--oh-fluid-unit));
  height: calc(96 * var(--oh-fluid-unit));
}

._title_smdo7_51 {
  color: var(--oh-color-text);
  text-align: center;
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-h2);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._greeting_smdo7_60 {
  color: var(--oh-color-text-sub);
  text-align: center;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

._clap_smdo7_70 {
  line-height: 1;
  font-size: var(--oh-text-h3);
}

._dots_smdo7_75 {
  display: flex;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-5);
}

._dot_smdo7_75 {
  border-radius: 50%;
  background: var(--oh-complete-dot);
  width: calc(16 * var(--oh-fluid-unit));
  height: calc(16 * var(--oh-fluid-unit));
}

._caption_smdo7_88 {
  color: var(--oh-complete-caption);
  text-align: center;
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._card_smdo7_96 {
  align-self: stretch;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 5px var(--oh-complete-card-shadow);
  margin: var(--oh-space-8) 0 0;
  padding: var(--oh-space-6);
  border-radius: var(--oh-radius-card);
}

._cardTitle_smdo7_105 {
  color: var(--oh-color-text-faint);
  text-align: center;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
  letter-spacing: 0;
  text-wrap: balance;
}

._latin_smdo7_115 {
  font-weight: 700;
}

._stats_smdo7_119 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 15px 0 0;
  margin-top: var(--oh-space-4);
}

._stat_smdo7_119 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  min-width: 0;
  gap: var(--oh-space-1);
  padding: 0 var(--oh-space-3);
}

._stat_smdo7_119 + ._stat_smdo7_119 {
  border-left: 1px solid var(--oh-color-line-soft);
}

._statValue_smdo7_140 {
  display: flex;
  margin: 0;
  align-items: baseline;
  color: var(--oh-color-text);
  white-space: nowrap;
  gap: 2px;
  font-size: var(--oh-text-h1);
  font-variant-numeric: tabular-nums;
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._statUnit_smdo7_153 {
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
}

._statLabel_smdo7_159 {
  color: var(--oh-color-text-faint);
  text-align: center;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._rows_smdo7_166 {
  border-top: 1px solid var(--oh-color-line-soft);
  margin-top: var(--oh-space-4);
  padding-top: var(--oh-space-4);
}

._row_smdo7_166 {
  display: flex;
  align-items: center;
  animation: _rowRise_smdo7_1 400ms linear both;
  min-height: 2.5rem;
}

._row_smdo7_166:nth-child(2) {
  animation-delay: 70ms;
}

._row_smdo7_166:nth-child(3) {
  animation-delay: 140ms;
}

._row_smdo7_166:nth-child(4) {
  animation-delay: 210ms;
}

._rowIcon_smdo7_191 {
  flex: none;
  width: 16px;
  height: 16px;
  color: var(--oh-complete-icon);
}

._rowName_smdo7_198 {
  flex: 1;
  min-width: 0;
  color: var(--oh-color-text-sub);
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._rowValue_smdo7_208 {
  display: flex;
  align-items: baseline;
  flex: none;
  color: var(--oh-color-text);
  white-space: nowrap;
  gap: 2px;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

._rowUnit_smdo7_220 {
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
}

._actions_smdo7_225 {
  display: flex;
  align-self: stretch;
  margin-top: auto;
  align-items: stretch;
  gap: var(--oh-space-4);
  padding-top: var(--oh-space-6);
  --oh-big-button-min-height: var(--oh-size-control-lg);
}

._listButton_smdo7_235 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  border: 1px solid var(--oh-button-outline-brand-border);
  border-radius: var(--oh-radius-cta);
  flex: 5 1 auto;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  border-color: transparent;
  background: var(--oh-study-plain);
  color: var(--oh-home-ink);
}

._listIcon_smdo7_257 {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._reportButton_smdo7_263 {
  min-width: 0;
  display: flex;
  flex: 7 1 auto;
}

._reportIcon_smdo7_270 {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._failure_smdo7_276 {
  margin-top: 40px;
  color: var(--oh-color-text-sub);
  text-align: center;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

@keyframes _rowRise_smdo7_1 {
  from {
    translate: 0 7px;
    opacity: 0;
  }
}

._tree_smdo7_40 > svg {
  width: calc(100% * 64.5 / 96);
  height: calc(100% * 64.5 / 96);
}

._actions_smdo7_225 ._reportButton_smdo7_263 > * {
  padding-inline: var(--oh-space-4);
}

@container (max-width: 21.75em) {
  ._actions_smdo7_225 {
    flex-direction: column-reverse;
  }
}

@container oh-shell (max-height: 46.5em) {
  ._screen_smdo7_24 {
    padding-top: var(--oh-space-4);
  }

  ._card_smdo7_96 {
    margin-top: var(--oh-space-4);
    padding: var(--oh-space-4) var(--oh-space-6);
  }

  ._actions_smdo7_225 {
    padding-top: var(--oh-space-4);
  }
}

._listButton_smdo7_235:active {
  translate: none;
}

html[data-pointer='mouse'] ._listButton_smdo7_235:hover {
  background: var(--oh-study-plain-pressed);
}

._screen_bn770_11 {
  display: flex;
  flex-direction: column;
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
}

html[data-layout='desktop'] ._screen_bn770_11 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._header_bn770_23 {
  display: flex;
  align-items: center;
  flex: none;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

._back_bn770_32 {
  position: relative;
  display: flex;
  flex: none;
  color: var(--oh-color-text-strong);
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

._back_bn770_32::after {
  position: absolute;
  content: '';
  inset: 0;
}

._title_bn770_51 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._body_bn770_58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 163px var(--oh-space-page) 40px;
  text-align: center;
}

._headline_bn770_67 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._toHome_bn770_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 8.125rem;
  font-weight: 700;
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-6);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._backIcon_bn770_92 {
  display: block;
  flex: none;
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

@media (pointer: coarse) {
  ._back_bn770_32 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-pointer='mouse'] ._toHome_bn770_75:hover {
  background: var(--oh-study-action-pressed);
}

._failure_1w8fm_12 {
  padding: 24px var(--oh-space-page);
  color: var(--oh-color-text-muted);
  font-size: 0.875rem;
}

._title_1w8fm_18 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

._lead_1w8fm_25 {
  color: var(--oh-sheet-text-note);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._sectionTitle_1w8fm_32 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin: var(--oh-space-8) 0 var(--oh-space-3);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._sectionCount_1w8fm_40 {
  color: var(--oh-sheet-text-note);
  font-weight: 400;
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

._subscriptions_1w8fm_47,
._invites_1w8fm_48 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
}

._card_1w8fm_54 {
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
  padding: 0 var(--oh-space-4) var(--oh-space-2);
}

._cardName_1w8fm_61 {
  border-bottom: 1px solid var(--oh-color-line-faint);
  color: var(--oh-color-text-strong);
  font-weight: 700;
  padding: var(--oh-space-4) 0 var(--oh-space-3);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._rows_1w8fm_70 {
  margin: 0;
  padding-top: var(--oh-space-2);
}

._row_1w8fm_70 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: var(--oh-size-control-md);
}

._row_1w8fm_70 + ._row_1w8fm_70 {
  border-top: 1px solid var(--oh-color-line-faint);
}

._row_1w8fm_70 > dt {
  flex: none;
  color: var(--oh-sheet-text-note);
  font-size: var(--oh-text-sm);
}

._row_1w8fm_70 > dd {
  min-width: 0;
  margin: 0;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  text-align: right;
  font-size: var(--oh-text-body);
}

._guide_1w8fm_102 {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  background: var(--oh-billing-guide-bg);
  color: var(--oh-color-brand-ink);
  font-weight: 700;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
}

._guide_1w8fm_102[aria-disabled='true'],
._shareLink_1w8fm_119[aria-disabled='true'] {
  cursor: default;
}

._guideChevron_1w8fm_123 {
  flex: none;
  margin-left: auto;
  color: var(--oh-color-text-faint);
}

._inviteCard_1w8fm_129 {
  border: 1px solid var(--oh-billing-invite-border);
  border-radius: var(--oh-radius-card);
  background: var(--oh-billing-invite-bg);
  padding: var(--oh-space-4);
}

._inviteName_1w8fm_136 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._inviteProgress_1w8fm_143 {
  display: flex;
  align-items: center;
  min-height: 1rem;
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-3);
}

._inviteProgress_1w8fm_143 > strong {
  flex: none;
  color: var(--oh-billing-invite-count);
  font-weight: 700;
  line-height: 1;
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
}

._track_1w8fm_160 {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  height: 6.5px;
  border-radius: 4px;
  background: var(--oh-billing-invite-track);
}

._fill_1w8fm_169 {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--oh-color-brand-deep-fill);
}

._shareLink_1w8fm_119 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid var(--oh-invite-share);
  font-weight: 700;
  position: relative;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
  border-color: transparent;
  background: var(--oh-color-bg);
  color: var(--oh-home-ink);
  border-radius: var(--oh-radius-cell);
}

._noPurchase_1w8fm_196 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.28125rem;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  color: var(--oh-color-text-faint);
  padding: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-align: center;
}

._page_1w8fm_210 {
  padding: var(--oh-space-8) var(--oh-space-page) var(--oh-space-10);
}

._guide_1w8fm_102 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._guide_1w8fm_102 > ._guideChevron_1w8fm_123 {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._guideChevron_1w8fm_123 path {
  stroke-width: var(--oh-icon-stroke);
}

._invites_1w8fm_48 {
  margin-top: var(--oh-space-4);
}

._shareLink_1w8fm_119 > svg {
  flex: none;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  ._shareLink_1w8fm_119::after {
    position: absolute;
    inset: -3px -1px;
    content: '';
  }
}

._sheet_l79e4_11 {
  align-items: center;
  text-align: center;
  width: calc(100% - 2 * var(--oh-space-4));
  max-width: 25rem;
  margin-block: auto;
  padding: var(--oh-space-6);
  border-radius: var(--oh-radius-lg);
  animation: none;
  container-type: inline-size;
  --oh-fill-button-face: var(--oh-study-action);
  --oh-fill-button-pressed: var(--oh-study-action-pressed);
  --oh-fill-button-ink: var(--oh-study-action-ink);
}

html[data-layout='desktop'] ._sheet_l79e4_11 {
  max-width: 25rem;
}

._title_l79e4_31 {
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._body_l79e4_39 {
  color: var(--oh-color-text-strong);
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._actions_l79e4_46 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-self: stretch;
  --oh-big-button-min-height: var(--oh-size-control-lg);
  grid-auto-rows: minmax(var(--oh-size-control-lg), auto);
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-6);
}

._leave_l79e4_56 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  border-radius: var(--oh-radius-cta);
  padding: var(--oh-space-2);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  background: var(--oh-study-plain);
  color: var(--oh-home-ink);
}

._actions_l79e4_46 > button {
  min-width: 0;
  padding-right: var(--oh-space-2);
  padding-left: var(--oh-space-2);
  font-size: var(--oh-text-body);
}

@container (max-width: 21.5em) {
  ._actions_l79e4_46 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._actions_l79e4_46 > :last-child {
    order: -1;
  }
}

html[data-pointer='mouse'] ._leave_l79e4_56:hover {
  background: var(--oh-study-plain-pressed);
}

._panel_1syd3_14 {
  border: 1px solid var(--oh-settings-panel-edge);
  background: var(--oh-settings-panel-bg);
  color: var(--oh-color-text-inverse);
  transform-origin: bottom right;
  animation: _panel-appear_1syd3_1 100ms cubic-bezier(0, 0, 0.2, 1);
  --settings-close-box: var(--oh-size-icon-button);
  width: 22rem;
  max-width: calc(100% - 2 * var(--oh-space-4));
  padding: calc(var(--oh-space-2) - 1px) calc(var(--oh-space-4) - 1px) calc(var(--oh-space-4) - 1px);
  overflow-y: auto;
  container-type: inline-size;
  --oh-color-focus: var(--oh-study-on);
  border-radius: var(--oh-radius-card);
}

._panel_1syd3_14:focus {
  outline: none;
}

._panel_1syd3_14 button {
  -webkit-tap-highlight-color: transparent;
}

@keyframes _panel-appear_1syd3_1 {
  from {
    opacity: 0;
    scale: 0.98;
    translate: 0 7px;
  }
}

._head_1syd3_46 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--oh-space-2);
  min-height: var(--settings-close-box);
}

._title_1syd3_54 {
  font-weight: 700;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._close_1syd3_60 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-settings-panel-close);
  flex: none;
  width: var(--settings-close-box);
  height: var(--settings-close-box);
  margin-right: calc(var(--oh-header-icon-inset) - (var(--oh-space-4) - 1px) - (var(--settings-close-box) - var(--oh-size-header-icon)) / 2);
}

._close_1syd3_60::after {
  position: absolute;
  content: '';
  inset: 0;
}

._groupHead_1syd3_79 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--oh-space-2);
}

._label_1syd3_86 {
  color: var(--oh-settings-panel-label);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._note_1syd3_93 {
  color: var(--oh-settings-panel-note);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._options_1syd3_99 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

._option_1syd3_99 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  border: 1px solid var(--oh-settings-option-border);
  background: var(--oh-settings-option-bg);
  color: var(--oh-settings-option-text);
  line-height: 1;
  white-space: nowrap;
  position: relative;
  height: auto;
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  border-radius: var(--oh-radius-tag);
}

._option_1syd3_99:active {
  border-color: var(--oh-settings-option-pressed-border);
  background: var(--oh-settings-option-pressed-bg);
}

._option_1syd3_99[aria-disabled='true'] {
  cursor: default;
}

._close_1syd3_60 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._group_1syd3_79 {
  margin-top: var(--oh-space-4);
}

._head_1syd3_46 + ._group_1syd3_79 {
  margin-top: var(--oh-space-2);
}

._options_1syd3_99[data-layout='equal'] ._option_1syd3_99 {
  flex: 1 1 var(--oh-size-hit);
  min-width: auto;
  padding: 0 var(--oh-space-1);
}

._options_1syd3_99[data-layout='speed'] ._option_1syd3_99 {
  min-width: var(--oh-size-hit);
}

._option_1syd3_99[aria-checked='true'] {
  border-color: var(--oh-study-action);
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

@media (pointer: coarse) {
  ._panel_1syd3_14 {
    --settings-close-box: var(--oh-size-icon-button-touch);
  }

  ._options_1syd3_99 {
    gap: var(--oh-space-5) var(--oh-space-2);
  }

  
  ._option_1syd3_99::after {
    position: absolute;
    inset: -7px -1px;
    content: '';
  }
}

@container (max-width: 303px) {
  ._options_1syd3_99[data-layout='equal'] ._option_1syd3_99 {
    flex-basis: calc((100% - 2 * var(--oh-space-2)) / 3);
  }
}

._option_1syd3_99:active:not([aria-checked='true']) {
  border-color: var(--oh-settings-option-border);
  background: var(--oh-settings-option-bg);
}

html[data-pointer='mouse'] ._option_1syd3_99:hover:not([aria-checked='true'], [aria-disabled='true']) {
  border-color: var(--oh-settings-option-pressed-border);
  background: var(--oh-settings-option-pressed-bg);
}

._list_1atne_14 {
  height: 100%;
  padding-bottom: 76px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scrollbar-width: none;
  background: var(--oh-watch-list-bg);
}

._list_1atne_14::-webkit-scrollbar {
  display: none;
}

._list_1atne_14::after {
  display: block;
  height: 100%;
  content: '';
}

._row_1atne_36 {
  border-bottom: 1px solid var(--oh-watch-line);
  background: var(--oh-watch-list-bg);
  transition:
    padding 120ms cubic-bezier(0, 0, 0.2, 1),
    background-color 100ms linear;
  padding: var(--oh-space-3) var(--oh-space-4);
}

._row_1atne_36[data-state='current'] {
  background: var(--oh-watch-row-current-bg);
}

._english_1atne_49 {
  color: var(--oh-watch-english-next);
  transition:
    font-size 120ms cubic-bezier(0, 0, 0.2, 1),
    line-height 120ms cubic-bezier(0, 0, 0.2, 1),
    color 100ms linear;
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-reading);
}

._korean_1atne_60 {
  color: var(--oh-watch-korean-next);
  font-weight: 400;
  transition:
    font-size 120ms cubic-bezier(0, 0, 0.2, 1),
    margin-top 120ms cubic-bezier(0, 0, 0.2, 1),
    color 100ms linear;
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-reading);
}

._row_1atne_36[data-state='past'] ._english_1atne_49 {
  color: var(--oh-watch-english-past);
}

._row_1atne_36[data-state='past'] ._korean_1atne_60 {
  color: var(--oh-watch-korean-past);
}

._row_1atne_36[data-state='current'] ._english_1atne_49 {
  color: var(--oh-color-text-inverse);
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-reading);
}

._row_1atne_36[data-state='current'] ._korean_1atne_60 {
  color: var(--oh-watch-text-soft);
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
}

._english_1atne_49:only-child {
  margin-bottom: 1px;
}

._blank_1atne_99 {
  display: inline-block;
  width: 1.613em;
  border-bottom: 0.087em solid currentColor;
  vertical-align: -0.13em;
}

._row_1atne_36[data-state='current'] ._blank_1atne_99 {
  width: 1.676em;
  border-bottom-width: 0.11em;
}

._list_1atne_14[data-size='xlarge'] ._row_1atne_36 {
  padding-top: var(--oh-space-3);
  padding-bottom: var(--oh-space-3);
}

._list_1atne_14[data-size='xlarge'] ._english_1atne_49 {
  font-size: var(--oh-text-h3);
}

._list_1atne_14[data-size='xlarge'] ._korean_1atne_60 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
}

._list_1atne_14[data-size='xlarge'] ._row_1atne_36[data-state='current'] {
  padding-top: var(--oh-space-3);
  padding-bottom: var(--oh-space-3);
}

._list_1atne_14[data-size='xlarge'] ._row_1atne_36[data-state='current'] ._english_1atne_49 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-body);
}

._list_1atne_14[data-size='xlarge'] ._row_1atne_36[data-state='current'] ._korean_1atne_60 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-reading);
}

._screen_14iwa_21 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  --watch-icon-box: var(--oh-size-icon-button);
}

._header_14iwa_31 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  pointer-events: none;
  transition:
    opacity 170ms cubic-bezier(0, 0, 0.2, 1),
    transform 170ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s;
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
  container-type: inline-size;
}

._title_14iwa_51 {
  flex: 1;
  min-width: 0;
  font-size: var(--oh-text-page-title);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-heading);
  text-box: trim-both cap alphabetic;
}

._close_14iwa_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  pointer-events: auto;
  width: var(--watch-icon-box);
  height: var(--watch-icon-box);
  margin-right: calc(var(--oh-header-icon-inset) - var(--oh-space-4) - (var(--watch-icon-box) - var(--oh-size-header-icon)) / 2);
  margin-left: calc(var(--oh-space-4) - var(--oh-header-icon-inset));
}

._stage_14iwa_72 {
  position: relative;
  flex: 1 1 0;
  min-height: 0;
}

._stageButton_14iwa_78 {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--oh-color-text-inverse);
}

._stageButton_14iwa_78:focus-visible {
  outline-offset: -4px;
}

._picture_14iwa_92 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  max-height: 100%;
  aspect-ratio: 880 / 499;
  transform: translateY(-50%);
}

._dim_14iwa_102 {
  position: absolute;
  inset: 0;
  background: var(--oh-watch-picture-dim);
}

._done_14iwa_108 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oh-watch-done-bg);
  color: var(--oh-color-text-inverse);
  font-weight: 700;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  pointer-events: none;
  width: auto;
  height: auto;
  padding: var(--oh-space-5) var(--oh-space-10);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  border-radius: var(--oh-radius-card);
}

._failure_14iwa_129 {
  position: absolute;
  top: 50%;
  right: var(--oh-space-page);
  left: var(--oh-space-page);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transform: translateY(-50%);
  gap: var(--oh-space-3);
  font-size: var(--oh-text-body);
}

._retry_14iwa_143 {
  background: var(--oh-watch-settings-bg);
  font-weight: 700;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
}

._subtitles_14iwa_151 {
  position: relative;
  flex: 1 1 0;
  min-height: 0;
}

._subtitles_14iwa_151::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background: var(--oh-watch-list-edge);
  content: '';
  pointer-events: none;
}

._controls_14iwa_170 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  transition:
    opacity 170ms cubic-bezier(0, 0, 0.2, 1),
    transform 170ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s;
  gap: var(--oh-space-3);
  height: auto;
  min-height: calc(var(--oh-size-icon-button-touch) + var(--oh-space-4));
  padding: 0 var(--oh-space-4) var(--oh-space-4);
  background: var(--oh-watch-controls-floor);
}

._screen_14iwa_21[data-overlay-shown='false'] ._header_14iwa_31,
._screen_14iwa_21[data-overlay-shown='false'] ._controls_14iwa_170 {
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 170ms cubic-bezier(0, 0, 0.2, 1),
    transform 170ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s linear 170ms;
}

._screen_14iwa_21[data-overlay-shown='false'] ._header_14iwa_31 {
  transform: translateY(-8px);
}

._screen_14iwa_21[data-overlay-shown='false'] ._controls_14iwa_170 {
  transform: translateY(8px);
}

._play_14iwa_207,
._settings_14iwa_208 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--oh-color-text-inverse);
  width: var(--watch-icon-box);
  height: var(--watch-icon-box);
}

._settings_14iwa_208 {
  border-radius: 50%;
  background: var(--oh-watch-settings-bg);
}

._track_14iwa_223 {
  flex: 1;
  min-width: 0;
  height: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--oh-watch-track);
}

._trackFill_14iwa_232 {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: var(--oh-watch-progress);
}

._time_14iwa_239 {
  flex: none;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  letter-spacing: 0;
}

._progressLine_14iwa_250 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  background: var(--oh-watch-progress-rest);
  opacity: 0;
  transition: opacity 170ms cubic-bezier(0, 0, 0.2, 1);
}

._screen_14iwa_21[data-overlay-shown='false'] ._progressLine_14iwa_250 {
  opacity: 1;
}

._progressFill_14iwa_265 {
  display: block;
  height: 100%;
  background: var(--oh-watch-progress);
}

._close_14iwa_60 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._play_14iwa_207 {
  margin: 0 0 0 max(calc(var(--oh-space-4) * -1), calc(var(--watch-icon-box) * -50 / 132));
}

._settings_14iwa_208 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

._play_14iwa_207 > svg {
  width: 100%;
  height: 100%;
}

@media (pointer: coarse) {
  ._screen_14iwa_21 {
    --watch-icon-box: var(--oh-size-icon-button-touch);
  }
}

@container (max-width: 15em) {
  ._title_14iwa_51 {
    flex-basis: 100%;
    order: 1;
  }

  ._close_14iwa_60 {
    margin-left: auto;
  }
}

._gearOn_169b0_8._gearOn_169b0_8 {
  background: var(--oh-settings-gear-on-bg);
  color: var(--oh-settings-gear-on);
}

._panel_169b0_13 {
  position: absolute;
  z-index: 3;
  right: var(--oh-space-4);
  bottom: calc(var(--oh-size-icon-button-touch) + var(--oh-space-4) + var(--oh-space-2));
  max-height: calc(100% - var(--oh-size-icon-button-touch) - 2 * var(--oh-space-4) - var(--oh-space-2));
}

._stageFull_169b0_21._stageFull_169b0_21 {
  position: absolute;
  inset: 0;
}

._controlsOnly_169b0_26._controlsOnly_169b0_26 {
  flex: none;
  margin-top: auto;
  height: calc(var(--oh-size-icon-button-touch) + var(--oh-space-4));
}

._controlsOnly_169b0_26._controlsOnly_169b0_26::before {
  content: none;
}

._page_sel76_8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: var(--oh-screen-height);
  background: var(--oh-watch-stage);
  color: var(--oh-color-text-inverse);
  --oh-color-focus: var(--oh-study-on);
}

html[data-layout='desktop'] ._page_sel76_8 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._loading_sel76_23 {
  color: var(--oh-watch-text-soft);
  text-align: center;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._failure_sel76_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--oh-space-page);
  text-align: center;
  gap: var(--oh-space-3);
  font-size: var(--oh-text-body);
}

._home_sel76_40 {
  display: flex;
  align-items: center;
  background: var(--oh-watch-settings-bg);
  font-weight: 700;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
}

dialog._layer_ig81u_16::backdrop {
  background: transparent;
}

._stage_ig81u_20 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  min-height: 100%;
  -webkit-tap-highlight-color: transparent;
}

._sheet_ig81u_31 {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100dvh;
  overflow-y: auto;
  border-radius: var(--oh-radius-sheet) var(--oh-radius-sheet) 0 0;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  padding: 0 var(--oh-space-4) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

._sheet_ig81u_31 button {
  -webkit-tap-highlight-color: transparent;
}

._head_ig81u_5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-bottom: 1px solid var(--oh-color-line);
  min-height: calc(var(--oh-size-hit) + 2 * var(--oh-space-3));
}

._title_ig81u_57 {
  display: flex;
  font-weight: 700;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

._back_ig81u_64 {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  translate: 0 -50%;
  left: calc((var(--oh-size-icon-button) - var(--oh-size-icon-md)) / -2);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._back_ig81u_64::after {
  position: absolute;
  content: '';
  inset: 0;
}

._rows_ig81u_82 {
  display: flex;
  flex: none;
  flex-direction: column;
  padding-top: var(--oh-space-2);
}

._row_ig81u_82,
._speed_ig81u_90 {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  gap: var(--oh-space-3);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) 0;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._row_ig81u_82 {
  justify-content: space-between;
}

._forward_ig81u_107 {
  display: flex;
}

._switch_ig81u_111 {
  position: relative;
  flex: none;
  width: 44px;
  height: 23.5px;
  border-radius: 11.75px;
  background: var(--oh-settings-control-off);
}

._switch_ig81u_111::after {
  position: absolute;
  top: 1.75px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--oh-color-bg);
  content: '';
}

._row_ig81u_82[aria-checked='true'] ._switch_ig81u_111::after {
  left: 22px;
}

._radio_ig81u_135 {
  position: relative;
  flex: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--oh-settings-control-off);
  border-radius: 50%;
  background: var(--oh-color-bg);
}

._speed_ig81u_90[aria-checked='true'] ._radio_ig81u_135::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  translate: -50% -50%;
  background: var(--oh-study-on);
}

html[data-layout='desktop'] ._stage_ig81u_20 {
  align-items: center;
  max-width: none;
}

html[data-layout='desktop'] ._sheet_ig81u_31 {
  width: 100%;
  max-width: var(--oh-column-width);
}

._back_ig81u_64 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._forward_ig81u_107 > svg {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._forward_ig81u_107 path {
  stroke-width: var(--oh-icon-stroke);
}

._headClose_ig81u_5 {
  position: absolute;
  top: 50%;
  right: var(--oh-header-icon-pull);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  color: var(--oh-color-icon);
  translate: 0 -50%;
}

@media (pointer: coarse) {
  ._back_ig81u_64 {
    left: calc((var(--oh-size-icon-button-touch) - var(--oh-size-icon-md)) / -2);
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  ._headClose_ig81u_5 {
    right: var(--oh-header-icon-pull-touch);
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._row_ig81u_82[aria-checked='true'] ._switch_ig81u_111 {
  background: var(--oh-study-on);
}

._speed_ig81u_90[aria-checked='true'] ._radio_ig81u_135 {
  border-color: var(--oh-study-on);
}

._header_1avok_18 {
  display: flex;
  align-items: center;
  background: var(--oh-study-head-surface, var(--oh-color-bg));
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

._count_1avok_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: var(--oh-space-1);
  min-width: 0;
  min-height: 0;
  line-height: 1;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
  font-variant-numeric: tabular-nums;
}

._count_1avok_28[data-kind='correct'] {
  color: var(--oh-correct-text);
}

._count_1avok_28[data-kind='wrong'] {
  color: var(--oh-wrong-text);
  margin-left: var(--oh-space-1);
}

._countBadge_1avok_51 {
  flex: none;
  width: 1rem;
  height: 1rem;
}

._count_1avok_28[data-kind='correct'] > ._countBadge_1avok_51 {
  color: var(--oh-verdict-correct-mark);
}

._count_1avok_28[data-kind='wrong'] > ._countBadge_1avok_51 {
  color: var(--oh-verdict-wrong-mark);
}

._track_1avok_65 {
  position: relative;
  flex: 1;
  border-radius: 7px;
  background: var(--oh-study-head-track, var(--oh-color-surface-track));
  min-width: 48px;
  height: 12px;
}

._fill_1avok_74 {
  position: absolute;
  top: -1px;
  bottom: -0.5px;
  left: 0;
  width: calc(100% * var(--study-fill));
  min-width: 15px;
  border-radius: 7.5px;
  transition: width 220ms ease-out;
  background: var(--oh-study-progress, var(--oh-color-brand-graphic));
  box-shadow: var(--oh-study-progress-edge, 0 -1px 1px var(--oh-study-fill-glow), inset 0 -1px 0 var(--oh-color-brand-pressed));
}

._counter_1avok_87 {
  flex: none;
  color: var(--oh-color-text-sub);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  line-height: 1;
  white-space: nowrap;
  margin-left: auto;
  font-size: var(--oh-text-body);
}

._gear_1avok_98 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 6px;
  color: var(--oh-color-icon);
  cursor: default;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._gear_1avok_98:not([aria-disabled='true']) {
  cursor: pointer;
}

._gear_1avok_98 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._close_1avok_120 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-right: var(--oh-header-icon-pull);
  margin-left: calc(var(--oh-header-icon-gap) - var(--oh-space-2));
  color: var(--oh-color-icon);
}

@media (pointer: coarse) {
  ._close_1avok_120 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: var(--oh-header-icon-pull-touch);
    margin-left: calc(var(--oh-header-icon-gap-touch) - var(--oh-space-2));
  }

  ._gear_1avok_98 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._card_18d20_15 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
  color: var(--oh-home-ink);
}

._head_18d20_26 {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--oh-space-1);
  min-height: 1.75rem;
}

._star_18d20_35 {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

._title_18d20_41 {
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: 1.75rem;
  white-space: nowrap;
}

._example_18d20_49 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-left: var(--oh-space-1);
  padding: 0 var(--oh-space-2);
  border-radius: var(--oh-radius-tag);
  background: var(--oh-color-surface-track);
  font-size: var(--oh-text-caption);
  line-height: 1;
}

._takes_18d20_64 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--oh-space-1) var(--oh-space-2);
  margin: 0 0 0 auto;
  list-style: none;
}

._take_18d20_64 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-1);
  min-height: 1.75rem;
  padding: 0 var(--oh-space-3);
  border-radius: var(--oh-radius-pill);
  box-shadow: inset 0 0 0 1px var(--oh-gray-200);
  font-size: var(--oh-text-label);
  line-height: 1.75rem;
  white-space: nowrap;
}

._takeRound_18d20_86 {
  color: var(--oh-home-ink-muted);
}

._takeScore_18d20_90 {
  font-weight: var(--oh-weight-bold);
  font-variant-numeric: tabular-nums;
}

._scores_18d20_95 {
  display: flex;
  flex: none;
  gap: var(--oh-space-2);
  margin: var(--oh-space-2) 0 0;
}

._score_18d20_95 > dt,
._score_18d20_95 > dd {
  margin: 0;
}

._score_18d20_95 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: var(--oh-space-1) 0;
  border-radius: var(--oh-radius-cell);
  background: var(--oh-study-backdrop);
}

._scoreName_18d20_118,
._scoreBefore_18d20_119 {
  color: var(--oh-home-ink-muted);
  font-size: var(--oh-text-caption);
  line-height: 1rem;
  text-align: center;
}

._scoreValue_18d20_126 {
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  font-variant-numeric: tabular-nums;
}

._takeScore_18d20_90[data-tone='good'],
._scoreValue_18d20_126[data-tone='good'],
._reasonScore_18d20_135[data-tone='good'] {
  color: var(--oh-score-good);
}

._takeScore_18d20_90[data-tone='fair'],
._scoreValue_18d20_126[data-tone='fair'],
._reasonScore_18d20_135[data-tone='fair'],
._chipWord_18d20_142[data-grade='fair'] {
  color: var(--oh-score-fair);
}

._takeScore_18d20_90[data-tone='poor'],
._scoreValue_18d20_126[data-tone='poor'],
._reasonScore_18d20_135[data-tone='poor'],
._chipWord_18d20_142[data-grade='poor'] {
  color: var(--oh-score-poor);
}

._reason_18d20_135 {
  flex: none;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: 1.25rem;
}

._reasonScore_18d20_135 {
  margin-right: var(--oh-space-1);
  font-weight: var(--oh-weight-bold);
}

._chips_18d20_165 {
  --chip-reach: max(0px, calc((44px - var(--oh-size-control-sm)) / 2));
  display: flex;
  flex: none;
  gap: var(--oh-space-2);
  margin: calc(var(--oh-space-2) - var(--chip-reach)) calc(-1 * var(--oh-space-4)) calc(-1 * var(--chip-reach));
  padding: var(--chip-reach) var(--oh-space-4);
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}

._chips_18d20_165::-webkit-scrollbar {
  display: none;
}

._chips_18d20_165 > li {
  flex: none;
}

._chip_18d20_142 {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--oh-space-1);
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3) 0 var(--oh-space-2);
  border-radius: var(--oh-radius-pill);
  background: var(--oh-color-bg);
  box-shadow: inset 0 0 0 1px var(--oh-gray-200);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  white-space: nowrap;
  cursor: pointer;
}

._chip_18d20_142::after {
  position: absolute;
  inset: calc(-1 * var(--chip-reach)) 0;
  content: '';
}

._chip_18d20_142[aria-pressed='true'] {
  box-shadow: inset 0 0 0 2px var(--oh-study-on);
}

html[data-pointer='mouse'] ._chip_18d20_142:hover {
  background: var(--oh-study-plain);
}

._chipIcon_18d20_215 {
  flex: none;
  width: 15px;
  height: 12.6px;
  color: var(--oh-study-on);
}

._notice_18d20_222 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--oh-space-2);
  align-items: center;
  justify-content: center;
  padding-bottom: 1.75rem;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
  text-align: center;
}

._ring_18d20_236 {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--oh-study-on);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _ring-turn_18d20_1 800ms linear infinite;
}

@keyframes _ring-turn_18d20_1 {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 360deg;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._ring_18d20_236 {
    animation: none;
  }
}

._card_1u9jv_7 {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  min-height: 12.5rem;
  margin: var(--oh-space-2) var(--oh-space-4) 0;
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
}

._english_1u9jv_19 {
  color: var(--oh-home-ink);
  font-size: var(--oh-text-h1);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  letter-spacing: -0.005em;
}

._translation_1u9jv_27 {
  margin-top: var(--oh-space-2);
  color: var(--oh-home-ink-muted);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._weak_1u9jv_34 {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

._weak_1u9jv_34[data-grade='poor'] {
  color: var(--oh-score-poor);
  text-decoration-style: solid;
}

._weak_1u9jv_34[data-grade='fair'] {
  color: var(--oh-score-fair);
  text-decoration-style: dotted;
}

._weak_1u9jv_34[data-hearing] {
  border-radius: var(--oh-radius-tag);
  background: var(--oh-study-blank);
  box-shadow: 0 0 0 3px var(--oh-study-blank);
}

._stage_1obow_9 {
  display: flex;
  flex: none;
  min-height: calc((100cqi - 2 * var(--oh-space-4)) * 9 / 16);
  margin: var(--oh-space-4) var(--oh-space-4) 0;
}

._video_1obow_16 {
  position: relative;
  display: block;
  flex: 1;
  overflow: hidden;
  border-radius: var(--oh-radius-md);
}

._picture_1obow_24 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._voice_1obow_31 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-radius: var(--oh-radius-md);
  background: var(--oh-study-pad);
}

._bars_1obow_40 {
  display: flex;
  align-items: center;
  gap: calc(6 * var(--oh-fluid-unit));
  height: calc(72 * var(--oh-fluid-unit));
}

._bar_1obow_40 {
  width: calc(5 * var(--oh-fluid-unit));
  height: calc((8 + 64 * var(--bar)) * var(--oh-fluid-unit));
  border-radius: calc(3 * var(--oh-fluid-unit));
  background: var(--oh-study-on);
}

._dock_136z8_14 {
  display: flex;
  flex: none;
  flex-direction: column;
  padding: var(--oh-space-6) 0 var(--oh-dock-pad-bottom);
}

._controls_136z8_21 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, calc(118 * var(--oh-fluid-unit))));
  justify-content: center;
  align-items: start;
  min-height: calc(5.25rem + var(--oh-space-2) + 1.25rem);
}

._controls_136z8_21[data-recording='true'] {
  grid-template-columns: minmax(0, calc(118 * var(--oh-fluid-unit)));
}

._center_136z8_33,
._listen_136z8_34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  color: var(--oh-home-ink);
  cursor: pointer;
}

._center_136z8_33[aria-disabled='true'],
._listen_136z8_34[aria-disabled='true'] {
  cursor: default;
}

._listen_136z8_34[aria-disabled='true'] {
  opacity: 0.38;
}

._center_136z8_33[aria-disabled='true'] {
  color: var(--oh-color-text-disabled);
}

._disc_136z8_57 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: min(5.25rem, 100%);
  aspect-ratio: 1;
  border-radius: 50%;
}

._center_136z8_33[data-face='primary'] > ._disc_136z8_57 {
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._center_136z8_33[data-face='plain'] > ._disc_136z8_57 {
  background: var(--oh-color-bg);
  color: var(--oh-home-ink);
}

._center_136z8_33[data-face='stop'] > ._disc_136z8_57 {
  background: var(--oh-color-danger);
}

._center_136z8_33[aria-disabled='true'] > ._disc_136z8_57 {
  background: var(--oh-color-text-disabled);
  color: var(--oh-color-text-inverse);
}

html[data-pointer='mouse'] ._center_136z8_33[data-face='primary']:not([aria-disabled='true']):hover > ._disc_136z8_57 {
  background: var(--oh-study-action-pressed);
}

html[data-pointer='mouse'] ._center_136z8_33[data-face='plain']:not([aria-disabled='true']):hover > ._disc_136z8_57 {
  background: var(--oh-study-plain);
}

html[data-pointer='mouse'] ._center_136z8_33[data-face='stop']:hover > ._disc_136z8_57 {
  background: var(--oh-button-danger-pressed);
}

._mic_136z8_98 {
  width: 1.4545rem;
  height: 2rem;
}

._square_136z8_103 {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 7px;
  background: var(--oh-color-text-inverse);
}

._centerName_136z8_110,
._name_136z8_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 1.25rem;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: 1.25rem;
  text-align: center;
}

._centerName_136z8_110 {
  font-weight: var(--oh-weight-bold);
}

._listenControl_136z8_129 {
  width: min(2.75rem, 100%);
  height: auto;
  aspect-ratio: 1;
  margin: 1.25rem 0;
}

._next_136z8_136 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--oh-size-control-lg);
  margin: var(--oh-space-6) var(--oh-space-4) 0;
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-md);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  cursor: pointer;
}

._next_136z8_136[data-state='off'] {
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-faint);
  cursor: default;
}

._next_136z8_136[data-state='plain'] {
  background: var(--oh-study-plain);
  color: var(--oh-home-ink);
}

._next_136z8_136[data-state='primary'] {
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._next_136z8_136[aria-disabled='true'] {
  cursor: default;
}

html[data-pointer='mouse'] ._next_136z8_136[data-state='plain']:not([aria-disabled='true']):hover {
  background: var(--oh-study-plain-pressed);
}

html[data-pointer='mouse'] ._next_136z8_136[data-state='primary']:not([aria-disabled='true']):hover {
  background: var(--oh-study-action-pressed);
}

._page_w0zrq_9 {
  --oh-study-head-surface: transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: var(--oh-screen-height);
  background: var(--oh-study-backdrop);
}

._page_w0zrq_9:focus {
  outline: none;
}

html[data-layout='desktop'] ._page_w0zrq_9 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._column_w0zrq_3 {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  container-type: inline-size;
}

._head_w0zrq_34 {
  flex: none;
  min-height: var(--oh-size-header);
}

._wait_w0zrq_39 {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  animation: _wait-show_w0zrq_1 0s linear 1s forwards;
}

._srOnly_w0zrq_51 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@keyframes _wait-show_w0zrq_1 {
  to {
    visibility: visible;
  }
}

._bar_ydscw_7 {
  flex: none;
  padding: var(--oh-dock-pad-top) var(--oh-space-4) var(--oh-dock-pad-bottom);
}

._check_ydscw_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  cursor: default;
}

._check_ydscw_12[data-ready='true'] {
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
  cursor: pointer;
}

html[data-pointer='mouse'] ._check_ydscw_12[data-ready='true']:hover {
  background: var(--oh-study-action-pressed);
}

._pad_1bpiy_13 {
  flex: none;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: var(--oh-space-3) var(--oh-space-4) 0;
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-md);
  background: var(--oh-study-pad);
  container-type: inline-size;
}

._failed_1bpiy_25 {
  margin: 0 0 var(--oh-space-2);
  color: var(--oh-verdict-wrong-text);
  font-size: var(--oh-text-sm);
  text-align: center;
}

._grid_1bpiy_32 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--oh-space-2);
}

._grid_1bpiy_32[data-count='4'] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._choice_1bpiy_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.5rem;
  padding: var(--oh-space-2) var(--oh-space-1);
  border: 1px solid var(--oh-color-line);
  border-radius: var(--oh-radius-button);
  background: var(--oh-color-bg);
  box-shadow: inset -1.5px -4px 2.5px var(--oh-grammar-choice-shade);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  letter-spacing: -0.05em;
  line-height: var(--oh-leading-heading);
  text-align: center;
  
  -webkit-tap-highlight-color: transparent;
}

._choice_1bpiy_43 > span {
  min-width: 0;
}

._choice_1bpiy_43[data-long='true'] {
  font-size: clamp(0.875rem, 5.05cqi, 1.125rem);
}

._grid_1bpiy_32[data-count='4'] ._choice_1bpiy_43[data-long='true'] {
  font-size: var(--oh-text-subtitle);
}

._choice_1bpiy_43[data-picked='true'],
._choice_1bpiy_43[data-pressing='true'],
._choice_1bpiy_43:focus-visible:active:not([aria-disabled='true']) {
  border-color: var(--oh-study-blank-edge);
  background: var(--oh-study-blank);
  box-shadow: inset 0 0 0 0.5px var(--oh-study-blank-edge);
}

._choice_1bpiy_43[data-ruled-out='true'] {
  border-color: var(--oh-grammar-chip-wrong-border);
  background: var(--oh-grammar-chip-wrong);
  box-shadow: none;
  color: var(--oh-grammar-chip-wrong-text);
}

@container (max-width: 15em) {
  ._grid_1bpiy_32 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 11em) {
  ._grid_1bpiy_32,
  ._grid_1bpiy_32[data-count='4'] {
    grid-template-columns: minmax(0, 1fr);
  }
}

._sentence_16ts5_20 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(var(--oh-space-3) + var(--oh-sentence-spare, 0px)) var(--oh-space-4) var(--oh-sentence-spare, 0px);
}

._stack_16ts5_3 {
  display: grid;
}

._stack_16ts5_3 > * {
  grid-area: 1 / 1;
  min-width: 0;
}

._sizer_16ts5_3 {
  visibility: hidden;
}

._live_16ts5_3 {
  align-self: center;
}

._english_16ts5_45 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--oh-space-2);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._group_16ts5_56 {
  display: inline-flex;
  align-items: center;
  line-height: 1.78125rem;
  white-space: nowrap;
}

._blank_16ts5_63 {
  position: relative;
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  min-width: var(--oh-size-hit);
  height: 2.84375rem;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: var(--oh-radius-tag);
  background: var(--oh-study-blank-idle);
  color: inherit;
  font: inherit;
  
  -webkit-tap-highlight-color: transparent;
}

._blank_16ts5_63 > * {
  grid-area: 1 / 1;
}

button._blank_16ts5_63::after {
  position: absolute;
  top: min(0px, (100% - var(--oh-size-hit)) / 2);
  right: 0;
  bottom: min(0px, (100% - var(--oh-size-hit)) / 2);
  left: 0;
  content: '';
}

._ghost_16ts5_11 {
  visibility: hidden;
  white-space: nowrap;
}

._blank_16ts5_63[data-state='active'],
._blank_16ts5_63[data-state='picked'][data-current='true'] {
  border: 1.5px solid var(--oh-study-blank-edge);
  background: var(--oh-study-blank);
}

._blank_16ts5_63[data-state='wrong'][data-current='true'] {
  border: 1.5px solid var(--oh-study-blank-edge);
}

._blank_16ts5_63[data-state='solved'] {
  border-color: var(--oh-grammar-chip-correct-border);
  background: var(--oh-grammar-chip-correct);
  color: var(--oh-grammar-chip-correct-text);
}

._blank_16ts5_63[data-state='wrong'] {
  border-color: var(--oh-grammar-chip-wrong-border);
  background: var(--oh-grammar-chip-wrong);
  color: var(--oh-grammar-chip-wrong-text);
}

._missBadge_16ts5_121 {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 1rem;
  height: 1rem;
  color: var(--oh-verdict-wrong-mark);
}

._translation_16ts5_130 {
  margin-bottom: var(--oh-space-6);
  color: var(--oh-home-ink-muted);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._notice_18ok4_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--oh-space-4);
  min-height: var(--oh-screen-height);
  padding: var(--oh-space-6) var(--oh-space-4);
  background: var(--oh-color-bg);
}

html[data-layout='desktop'] ._notice_18ok4_7 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._ring_18ok4_23 {
  display: block;
  width: 32px;
  height: 32px;
  border: 3px solid var(--oh-surface-track);
  border-left-color: var(--oh-home-accent);
  border-radius: 50%;
  visibility: hidden;
  animation:
    _ring-turn_18ok4_1 800ms linear infinite,
    _ring-reveal_18ok4_1 1ms linear 1s forwards;
}

@keyframes _ring-turn_18ok4_1 {
  to {
    rotate: 360deg;
  }
}

@keyframes _ring-reveal_18ok4_1 {
  to {
    visibility: visible;
  }
}

._failed_18ok4_48 {
  color: var(--oh-color-text-sub);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-align: center;
}

._retry_18ok4_55 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  background: var(--oh-home-stage);
  color: var(--oh-home-stage-ink);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

@media (prefers-reduced-motion: reduce) {
  ._ring_18ok4_23 {
    animation: _ring-reveal_18ok4_1 1ms linear 1s forwards;
  }
}

._sheet_4l571_16 {
  max-height: 88dvh;
}

._head_4l571_20 {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  min-height: calc(var(--oh-size-icon-button) + 2 * var(--oh-space-3));
  padding: var(--oh-space-3) var(--oh-space-4);
}

._head_4l571_20::after {
  position: absolute;
  bottom: 0;
  height: 1px;
  background: var(--oh-color-line-soft);
  content: '';
  right: var(--oh-space-4);
  left: var(--oh-space-4);
}

._title_4l571_39 {
  font-weight: 700;
  min-width: 0;
  margin: 0 0 0 var(--oh-space-2);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

._title_4l571_39[data-verdict='correct'] {
  color: var(--oh-verdict-correct-text);
}

._title_4l571_39[data-verdict='wrong'] {
  color: var(--oh-verdict-wrong-text);
}

._body_4l571_55 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 var(--oh-space-4);
}

._foot_4l571_62 {
  flex: none;
  padding: var(--oh-dock-pad-top) var(--oh-space-4) var(--oh-space-4);
}

._next_4l571_67 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  cursor: default;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
}

._next_4l571_67[data-ready='true'] {
  cursor: pointer;
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._head_4l571_20[data-divider='full']::after {
  right: 0;
  left: 0;
}

._badgeCorrect_4l571_96,
._badgeWrong_4l571_97 {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._badgeCorrect_4l571_96 {
  color: var(--oh-verdict-correct-mark);
}

._badgeWrong_4l571_97 {
  color: var(--oh-verdict-wrong-mark);
}

@media (pointer: coarse) {
  ._head_4l571_20 {
    min-height: calc(var(--oh-size-icon-button-touch) + 2 * var(--oh-space-3));
  }
}

html[data-pointer='mouse'] ._next_4l571_67[data-ready='true']:hover {
  background: var(--oh-study-action-pressed);
}

._bars_1bs7j_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: none;
  border-radius: 50%;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  background: var(--oh-study-speaker, var(--oh-color-brand));
  box-shadow: 0 -1px 1px var(--oh-study-speaker-glow, var(--oh-study-fill-glow));
}

._bars_1bs7j_10 > span {
  display: block;
  width: 3px;
  height: 15px;
  border-radius: 1.5px;
  scale: 1 0.55;
  animation: _bar-swing_1bs7j_1 620ms ease-in-out infinite alternate;
  background: var(--oh-study-speaker-ink, var(--oh-color-text-inverse));
}

._bars_1bs7j_10 > span:nth-child(1) {
  animation-delay: -620ms;
}

._bars_1bs7j_10 > span:nth-child(2) {
  animation-delay: -310ms;
}

._bars_1bs7j_10 > span:nth-child(3) {
  animation-delay: -110ms;
}

._bars_1bs7j_10 > span:nth-child(4) {
  animation-delay: -200ms;
}

._bars_1bs7j_10 > span:nth-child(5) {
  animation-delay: -30ms;
}

@keyframes _bar-swing_1bs7j_1 {
  from {
    scale: 1 1;
  }

  to {
    scale: 1 0.53;
  }
}

._speaker_1bs7j_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  border-radius: 50%;
  background: var(--oh-study-speaker, var(--oh-color-brand));
  color: var(--oh-study-speaker-ink, var(--oh-color-text-inverse));
}

html[data-pointer='mouse'] ._speaker_1bs7j_63:hover {
  background: var(--oh-study-speaker-pressed, var(--oh-color-brand-pressed));
}

._speaker_1bs7j_63 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  ._bars_1bs7j_10,
  ._speaker_1bs7j_63 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._card_aviby_8 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-4);
  flex: none;
  min-height: calc(2 * var(--oh-space-4) + 2 * var(--oh-text-h3) * var(--oh-leading-heading) + 2 * var(--oh-space-2) + var(--oh-text-sm) * var(--oh-leading-body));
  margin: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
  padding: var(--oh-space-4) var(--oh-space-6);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
}

._text_aviby_20 {
  flex: 1 1 auto;
  min-width: 0;
}

._answer_aviby_25 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--oh-space-2);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._group_aviby_36 {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

._translation_aviby_42 {
  margin-top: var(--oh-space-2);
  color: var(--oh-sheet-text-sub);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._lines_1mh39_10 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-6);
}

._ruler_1mh39_17 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
}

._ruler_1mh39_17 > * {
  flex: none;
}

._row_1mh39_35 {
  display: flex;
  gap: 12px;
}

._lines_1mh39_10[data-measured='false'] ._row_1mh39_35 {
  flex-wrap: wrap;
}

._chunk_1mh39_44 {
  --role-color: var(--oh-grammar-role-other);
  display: inline-flex;
  flex: none;
  flex-direction: column;
  align-items: center;
}

._chunk_1mh39_44[data-tone='subject'] {
  --role-color: var(--oh-grammar-role-subject);
}

._chunk_1mh39_44[data-tone='verb'] {
  --role-color: var(--oh-grammar-role-verb);
}

._chunk_1mh39_44[data-tone='object'] {
  --role-color: var(--oh-grammar-role-object);
}

._chunk_1mh39_44[data-tone='indirect-object'] {
  --role-color: var(--oh-grammar-role-indirect-object);
}

._chunk_1mh39_44[data-tone='auxiliary'] {
  --role-color: var(--oh-grammar-role-auxiliary);
}

._chunk_1mh39_44[data-tone='complement'] {
  --role-color: var(--oh-grammar-role-complement);
}

._role_1mh39_76 {
  display: block;
  color: var(--role-color);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-heading);
  white-space: nowrap;
}

._words_1mh39_85 {
  display: block;
  padding-bottom: var(--oh-space-1);
  border-bottom: 3.5px solid var(--role-color);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  white-space: nowrap;
}

._role_1mh39_76 + ._words_1mh39_85 {
  margin-top: var(--oh-space-1);
}

._chunk_1mh39_44 > ._words_1mh39_85 {
  align-self: stretch;
  text-align: center;
}

._review_2s09y_14 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
}

._review_2s09y_14 > :last-child {
  padding-bottom: calc(var(--oh-space-4) - var(--oh-review-fit-squeeze, 0px));
}

._reason_2s09y_24 {
  padding: var(--oh-space-4) var(--oh-space-6);
  border-radius: var(--oh-radius-card);
  background: var(--oh-study-backdrop);
}

._reasonTitle_2s09y_30,
._structureTitle_2s09y_31 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-2);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._reasonTitle_2s09y_30 {
  color: var(--oh-color-text-strong);
}

._reasonBody_2s09y_44 {
  margin-top: var(--oh-space-2);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
}

._aiChip_2s09y_51 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  border-radius: var(--oh-radius-tag);
  background: var(--oh-study-chip);
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-bold);
  line-height: 1;
}

._structure_2s09y_31 {
  padding: var(--oh-space-4) var(--oh-space-6);
  border-radius: var(--oh-radius-card);
  background: var(--oh-study-backdrop);
}

._structureTitle_2s09y_31 {
  margin-bottom: var(--oh-space-4);
  color: var(--oh-color-text-strong);
}

._notes_2s09y_77 {
  margin-top: var(--oh-space-6);
  padding-top: var(--oh-space-5);
  border-top: 1px solid var(--oh-study-chip);
}

._note_2s09y_77 {
  position: relative;
  padding-left: var(--oh-space-4);
  color: var(--oh-color-text-body);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
}

._note_2s09y_77 + ._note_2s09y_77 {
  margin-top: var(--oh-space-3);
}

._note_2s09y_77::before {
  position: absolute;
  top: calc(var(--oh-leading-reading) * 0.5em - 3px);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--oh-study-on);
  content: '';
}

._noteTitle_2s09y_107 {
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
}

._review_nzr0l_23 {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

._title_nzr0l_31 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

._title_nzr0l_31:focus {
  outline: none;
}

._panel_nzr0l_44 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding-top: var(--oh-space-6);
  border-radius: var(--oh-radius-lg) var(--oh-radius-lg) 0 0;
  background: var(--oh-color-bg);
}

._panel_nzr0l_44:has(._body_nzr0l_54:not(:empty)) {
  min-height: calc(var(--oh-space-6) + 3 * var(--oh-text-body) * var(--oh-leading-reading) + var(--oh-dock-pad-top) + var(--oh-size-control-lg) + var(--oh-dock-pad-bottom));
}

._body_nzr0l_54 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 var(--oh-space-4);
}

._body_nzr0l_54:focus-visible {
  position: relative;
  z-index: 1;
  outline-offset: -3px;
}

._foot_nzr0l_73 {
  position: relative;
  flex: none;
  padding: var(--oh-dock-pad-top) var(--oh-space-4) var(--oh-dock-pad-bottom);
}

._foot_nzr0l_73::before {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: var(--oh-space-6);
  background: linear-gradient(to bottom, transparent, var(--oh-color-bg));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s linear;
  content: '';
}

._review_nzr0l_23[data-more-below] ._foot_nzr0l_73::before {
  opacity: 1;
  transition: none;
}

._next_nzr0l_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  cursor: default;
}

._next_nzr0l_97[data-ready='true'] {
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
  cursor: pointer;
}

html[data-pointer='mouse'] ._next_nzr0l_97[data-ready='true']:hover {
  background: var(--oh-study-action-pressed);
}

._slot_1ijl1_4 {
  display: flex;
  flex: 0 1 calc((100cqi - 2 * var(--oh-space-4)) * 9 / 16);
  justify-content: center;
  min-height: 7.5rem;
  margin: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
}

._band_1ijl1_19 {
  position: relative;
  display: block;
  height: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--oh-radius-md);
  background: var(--oh-grammar-video-frame);
}

._picture_1ijl1_29 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._page_cizvb_16 {
  --oh-study-head-surface: transparent;
  --oh-correct-text: var(--oh-study-correct-text);
  height: var(--oh-screen-height);
  background: var(--oh-study-backdrop);
}

._column_cizvb_4 {
  display: flex;
  flex-direction: column;
  height: 100%;
  container-type: inline-size;
}

html[data-layout='desktop'] ._page_cizvb_16 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._head_cizvb_35 {
  flex: none;
  min-height: var(--oh-size-header);
}

._panel_cizvb_42 {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: var(--oh-radius-lg) var(--oh-radius-lg) 0 0;
  background: var(--oh-color-bg);
}

._panel_cizvb_42[data-plain='true'] {
  padding-bottom: var(--oh-space-4);
}

._panel_cizvb_42:has([data-pad-rows='1']) {
  --oh-sentence-spare: calc((3.5rem + var(--oh-space-2)) / 2);
}

._srOnly_cizvb_40 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

dialog._layer_ou3kk_18 {
  overflow: clip;
}

dialog._layer_ou3kk_18::backdrop {
  background: var(--oh-dialog-backdrop, var(--oh-color-scrim-plain));
  animation: _dim_ou3kk_1 233ms linear;
}

dialog._layer_ou3kk_18._closing_ou3kk_27::backdrop {
  animation: _undim_ou3kk_1 280ms linear forwards;
}

html:has(dialog._layer_ou3kk_18) [data-dim-layer] {
  animation: _dim_ou3kk_1 233ms linear;
}

html:has(dialog._layer_ou3kk_18._closing_ou3kk_27) [data-dim-layer] {
  animation: _undim_ou3kk_1 280ms linear forwards;
}

._stage_ou3kk_41 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  min-height: 100%;
}

._sheet_ou3kk_51 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100dvh;
  overflow-y: auto;
  border-radius: var(--oh-radius-sheet) var(--oh-radius-sheet) 0 0;
  background: var(--oh-color-bg);
  animation: _rise_ou3kk_1 300ms cubic-bezier(0.45, 0, 0.4, 1);
  padding: 0 var(--oh-space-4) calc(var(--oh-space-4) + env(safe-area-inset-bottom));
}

._closing_ou3kk_27 ._sheet_ou3kk_51 {
  animation: _sink_ou3kk_1 280ms cubic-bezier(0.45, 0, 0.4, 1) forwards;
}

html[data-layout='desktop'] ._sheet_ou3kk_51 {
  max-width: var(--oh-column-width);
}

._title_ou3kk_72 {
  color: var(--oh-color-text-strong);
  display: flex;
  align-items: center;
  min-height: calc(var(--oh-size-icon-button-touch) + 2 * var(--oh-space-3));
  padding-right: var(--oh-space-10);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._close_ou3kk_83 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-color-text-strong);
  top: calc(var(--oh-space-3) + (var(--oh-size-icon-button-touch) - var(--oh-size-icon-button)) / 2);
  right: calc(var(--oh-space-4) + var(--oh-header-icon-pull));
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._group_ou3kk_95 {
  color: var(--oh-color-text-body);
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._levels_ou3kk_103 {
  display: grid;
  gap: var(--oh-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5em), 1fr));
}

._option_ou3kk_109 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  border: 2px solid var(--oh-color-line);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-body);
  font-weight: 700;
  transition:
    background-color 100ms linear,
    border-color 100ms linear,
    box-shadow 100ms linear;
  -webkit-tap-highlight-color: transparent;
  border-radius: var(--oh-radius-cell);
}

._option_ou3kk_109[data-selected='true'] {
  background: var(--oh-review-option-selected);
  box-shadow: 0 0 0 1px var(--oh-color-brand-glow);
  color: var(--oh-color-text-strong);
  border-color: transparent;
}

._option_ou3kk_109[aria-disabled='true'] {
  cursor: default;
}

._levelArt_ou3kk_137 {
  flex: none;
  width: 42.5px;
  height: 45.5px;
  border-radius: 50%;
}

._start_ou3kk_144 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1.25px var(--oh-color-brand-glow);
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-6);
  border-radius: var(--oh-radius-big-button);
  padding: var(--oh-space-2) var(--oh-space-6);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

@keyframes _rise_ou3kk_1 {
  from {
    translate: 0 100%;
  }
}

@keyframes _sink_ou3kk_1 {
  to {
    translate: 0 100%;
  }
}

@keyframes _dim_ou3kk_1 {
  from {
    opacity: 0;
  }
}

@keyframes _undim_ou3kk_1 {
  to {
    opacity: 0;
  }
}

._close_ou3kk_83 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._group_ou3kk_95 + ._levels_ou3kk_103 {
  margin-top: var(--oh-space-3);
}

._levels_ou3kk_103 > ._option_ou3kk_109 {
  justify-content: center;
  min-height: 0;
  padding: var(--oh-space-4) var(--oh-space-2);
}

._label_ou3kk_201 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

._levels_ou3kk_103 ._label_ou3kk_201 {
  margin-top: var(--oh-space-2);
}

@media (pointer: coarse) {
  ._close_ou3kk_83 {
    top: var(--oh-space-3);
    right: calc(var(--oh-space-4) + var(--oh-header-icon-pull-touch));
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

html[data-pointer='mouse'] ._start_ou3kk_144:hover {
  background: var(--oh-study-action-pressed);
}

._tiles_11ni4_8 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: var(--oh-space-2);
  padding: var(--oh-space-3);
}

._slot_11ni4_16 {
  display: flex;
  min-width: 0;
}

._tile_11ni4_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--oh-space-1);
  min-width: 0;
  min-height: 5rem;
  padding: var(--oh-space-2) var(--oh-space-1);
  border-radius: var(--oh-radius-sm);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-body);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
  text-align: center;
}

._tile_11ni4_8[aria-disabled='true'] {
  cursor: default;
}

._tile_11ni4_8:focus-visible {
  outline-offset: -3px;
}

._glyph_11ni4_47 {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
  color: var(--oh-home-lesson-graphic);
}

._name_11ni4_55 {
  max-width: 100%;
  overflow-wrap: break-word;
}

._tile_11ni4_8[data-done] {
  background: var(--oh-home-lesson-done);
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
}

._tile_11ni4_8[data-done] > ._glyph_11ni4_47 {
  color: var(--oh-color-text-strong);
}

._card_1ovuv_11 {
  container-type: inline-size;
  overflow: hidden;
}

._band_1ovuv_16 {
  display: flex;
  align-items: center;
  min-height: 3.0625rem;
  padding: 8px 19px;
  background: var(--oh-state-not-started-band);
}

._card_1ovuv_11[data-state='in-progress'] ._band_1ovuv_16 {
  background: var(--oh-state-in-progress-band);
}

._card_1ovuv_11[data-state='done'] ._band_1ovuv_16 {
  background: var(--oh-state-done-band);
}

._actions_1ovuv_32 {
  display: flex;
  align-items: flex-start;
  gap: 7.5px;
  margin: 0;
  padding: 0 var(--oh-space-3) var(--oh-space-3);
}

._report_1ovuv_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  border: 1.5px solid var(--oh-color-border-button);
  color: var(--oh-color-text-strong);
  font-weight: 700;
  white-space: nowrap;
}

._card_1ovuv_11,
._card_1ovuv_11[data-state='in-progress'],
._card_1ovuv_11[data-state='done'] {
  border: 0;
  border-radius: var(--oh-radius-lg);
  background: var(--oh-home-lesson-surface);
}

._card_1ovuv_11[data-state] ._band_1ovuv_16 {
  align-items: center;
  gap: var(--oh-space-3);
  min-height: 0;
  padding: var(--oh-space-4) var(--oh-space-4) 0;
  background: transparent;
}

._heading_1ovuv_67 {
  flex: 1 1 0;
  min-width: 0;
}

._title_1ovuv_72 {
  overflow: hidden;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-overflow: ellipsis;
  white-space: nowrap;
}

._time_1ovuv_82 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-1);
  margin-top: var(--oh-space-1);
  color: var(--oh-color-text-muted);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._time_1ovuv_82 > strong {
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
}

._clock_1ovuv_97 {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._rate_1ovuv_103 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 3rem;
  height: 3rem;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-caption);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

._rateArc_1ovuv_117 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  rotate: -90deg;
}

._rateTrack_1ovuv_125,
._rateFill_1ovuv_126 {
  fill: none;
}

._rateTrack_1ovuv_125 {
  stroke: var(--oh-home-lesson-track);
}

._rateFill_1ovuv_126 {
  stroke: var(--oh-home-lesson-graphic);
  stroke-linecap: round;
}

._rate_1ovuv_103 > strong {
  position: relative;
  font-weight: var(--oh-weight-bold);
}

._hidden_1ovuv_145 {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  white-space: nowrap;
}

._report_1ovuv_40,
._card_1ovuv_11[data-state='in-progress'] ._report_1ovuv_40 {
  flex: 1;
  gap: var(--oh-space-2);
  width: auto;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-4);
  border-width: 0;
  border-radius: var(--oh-radius-sm);
  background: var(--oh-color-bg);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

._reportIcon_1ovuv_169 {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._viewSwitch_ngahw_3 {
  display: flex;
  flex: none;
  margin-left: auto;
  position: relative;
  padding: 3px;
  border-radius: var(--oh-radius-pill);
  background: var(--oh-surface-track);
}

._viewOption_ngahw_13 {
  justify-content: center;
  position: relative;
  display: grid;
  place-items: center;
  min-width: 3.5rem;
  min-height: calc(var(--oh-size-control-md) - 6px);
  padding: 0 var(--oh-space-3);
  border-radius: var(--oh-radius-pill);
  color: var(--oh-color-text-body);
  font-size: var(--oh-text-sm);
}

._thumb_ngahw_29 {
  position: absolute;
  top: 3px;
  bottom: 3px;
  border-radius: var(--oh-radius-pill);
  background: var(--oh-color-bg);
  box-shadow: var(--oh-shadow-card);
}

._viewSwitch_ngahw_3[data-view='week'] > ._thumb_ngahw_29 {
  right: 50%;
  left: 3px;
  transition:
    left 0.2s ease-in-out,
    right 0.22s ease-in-out 0.12s;
}

._viewSwitch_ngahw_3[data-view='month'] > ._thumb_ngahw_29 {
  right: 3px;
  left: 50%;
  transition:
    right 0.2s ease-in-out,
    left 0.22s ease-in-out 0.12s;
}

._viewOption_ngahw_13 > * {
  grid-area: 1 / 1;
  transition: opacity 0.2s linear;
}

._viewOption_ngahw_13::after {
  position: absolute;
  inset: calc(-3px - var(--oh-space-1)) 0;
  content: '';
}

._viewOption_ngahw_13[aria-pressed='true'] {
  min-width: 3.5rem;
  color: var(--oh-color-text-body);
  font-weight: var(--oh-weight-regular);
}

._strong_ngahw_31 {
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
  opacity: 0;
}

._viewSwitch_ngahw_3[data-view='week'] > ._viewOption_ngahw_13[data-option='week'] > ._strong_ngahw_31,
._viewSwitch_ngahw_3[data-view='month'] > ._viewOption_ngahw_13[data-option='month'] > ._strong_ngahw_31 {
  opacity: 1;
}

._viewSwitch_ngahw_3[data-view='week'] > ._viewOption_ngahw_13[data-option='week'] > :not(._strong_ngahw_31),
._viewSwitch_ngahw_3[data-view='month'] > ._viewOption_ngahw_13[data-option='month'] > :not(._strong_ngahw_31) {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  ._viewSwitch_ngahw_3 > ._thumb_ngahw_29 {
    transition-delay: 0s !important;
  }
}

._head_y9nai_27 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
}

._arrow_y9nai_36 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--oh-color-text-strong);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._arrow_y9nai_36::after {
  position: absolute;
  content: '';
  inset: 0;
}

._arrow_y9nai_36 > svg {
  flex: none;
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._title_y9nai_59 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  white-space: nowrap;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._weekdays_y9nai_67,
._week_y9nai_67 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

._weekday_y9nai_67 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: var(--oh-color-text-faint);
  line-height: 1;
  font-size: min(var(--oh-text-sm), 20px);
}

._weekday_y9nai_67 > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: min(1.5rem, 30px);
  padding: 0 var(--oh-space-2);
}

._weekday_y9nai_67[data-today] > span {
  border-radius: 6px;
  font-weight: 700;
  color: var(--oh-home-today-text);
}

._week_y9nai_67 {
  border-top: 1px solid var(--oh-color-line-soft);
  flex: 1 1 0;
  min-height: max(46px, 2.875rem);
  max-height: 5.275rem;
  container-type: size;
}

._day_y9nai_106 {
  display: flex;
  min-width: 0;
}

._cell_y9nai_111 {
  position: relative;
  justify-content: center;
  flex: 1;
  min-width: 0;
  color: var(--oh-color-text);
  line-height: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 6px;
  justify-items: center;
  align-content: center;
  row-gap: clamp(2px, calc((100cqb - 3rem) / 2), var(--oh-space-2));
  padding-top: 0;
  font-size: min(var(--oh-text-body), 20px);
}

._number_y9nai_128 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: 50%;
  width: min(clamp(1.75rem, calc(100cqb - 1rem), 2.5rem), 100%);
  height: auto;
  aspect-ratio: 1;
}

._cell_y9nai_111[aria-current='date'] > ._number_y9nai_128 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  border-color: var(--oh-home-today-edge);
}

._mark_y9nai_146 {
  top: 51.5px;
  left: 50%;
  border-radius: 1.5px;
  width: 6px;
  height: 6px;
  translate: none;
}

._mark_y9nai_146[data-state='not-started'] {
  background: var(--oh-state-not-started-dot);
}

._mark_y9nai_146[data-state='in-progress'] {
  background: var(--oh-state-in-progress-dot);
}

._mark_y9nai_146[data-state='done'] {
  background: var(--oh-state-done-dot);
}

._month_y9nai_167 {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: var(--oh-month-limit, none);
  padding-top: 0;
}

._arrow_y9nai_36:first-child {
  --arrow-inset: calc(var(--oh-size-icon-direction) * 7.4 / 24);
  margin-right: calc(-1 * var(--arrow-inset));
  margin-left: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button)) / 2);
}

._arrow_y9nai_36:first-child > svg {
  transform: translateX(calc(-1 * var(--arrow-inset)));
}

._arrow_y9nai_36 path {
  stroke-width: var(--oh-icon-stroke);
}

@media (pointer: coarse) {
  ._arrow_y9nai_36 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  ._arrow_y9nai_36:first-child {
    margin-left: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button-touch)) / 2);
  }
}

._weekdays_y9nai_67 {
  min-height: min(1.5rem, 30px);
  margin-top: var(--oh-space-4);
  padding: 0 max(var(--oh-space-4), (100% - var(--oh-calendar-max-width)) / 2);
}

._grid_y9nai_207 {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: var(--oh-space-4) max(var(--oh-space-4), (100% - var(--oh-calendar-max-width)) / 2) 0;
  border-bottom: 0;
}

._week_y9nai_67:last-child {
  border-bottom: 1px solid var(--oh-color-line-soft);
}

@container oh-shell (max-height: 640px) {
  ._weekdays_y9nai_67 {
    margin-top: var(--oh-space-3);
  }

  ._grid_y9nai_207 {
    margin-top: var(--oh-space-2);
  }
}

._grown_y9nai_229 {
  margin: -5px 0;
}

._card_2xgaf_5 {
  overflow: hidden;
  margin-top: var(--oh-space-4);
  border: 1px solid var(--oh-color-border);
  border-radius: var(--oh-radius-panel);
  background: var(--oh-color-bg);
}

._band_2xgaf_13 {
  padding: var(--oh-space-3) var(--oh-space-4);
  background: var(--oh-area-word-bg);
}

._card_2xgaf_5[data-area='sentence'] ._band_2xgaf_13 {
  background: var(--oh-area-sentence-bg);
}

._title_2xgaf_22 {
  color: var(--oh-card-title);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._body_2xgaf_29 {
  padding: var(--oh-space-4);
}

._strip_ox1hb_22 {
  display: flex;
  --week-arrow-box: var(--oh-size-icon-button);
  --week-arrow-pull: calc((var(--week-arrow-box) - var(--oh-size-icon-direction)) / 2);
  --week-day-width: calc((100cqi - 2 * (var(--week-arrow-box) - var(--week-arrow-pull)) - 2 * var(--oh-space-1)) / 7);
  --week-cell-size: min(2.5rem, var(--week-day-width) - 6px);
  --week-weekday-height: min(1.5rem, 30px);
  container-type: inline-size;
  align-items: flex-start;
  gap: var(--oh-space-1);
  max-width: calc(var(--oh-calendar-max-width) + 2 * var(--oh-space-4));
  margin-inline: auto;
  padding: 0 var(--oh-space-4);
}

._arrow_ox1hb_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--oh-color-icon-nav);
  width: var(--week-arrow-box);
  height: var(--week-arrow-box);
  margin-top: calc(var(--week-weekday-height) + var(--oh-space-2) + (var(--week-cell-size) - var(--week-arrow-box)) / 2);
}

._days_ox1hb_48 {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  min-width: 0;
}

._day_ox1hb_48 {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  justify-items: center;
  min-width: 0;
}

._weekday_ox1hb_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  line-height: 1;
  min-width: 0;
  min-height: var(--week-weekday-height);
  margin-bottom: var(--oh-space-2);
  padding: 0 max(0px, min(var(--oh-space-2), (var(--week-day-width) - 1.2em) / 2));
  color: var(--oh-color-text-muted);
  font-size: min(var(--oh-text-sm), 20px);
}

._weekday_ox1hb_64[data-today] {
  border-radius: 6px;
  min-width: 0;
  color: var(--oh-home-today-text);
  font-weight: var(--oh-weight-bold);
}

._cell_ox1hb_85 {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  --cell-face: var(--oh-surface-sunken);
  position: relative;
  width: var(--week-cell-size);
  height: var(--week-cell-size);
  margin: 0;
  border-radius: 50%;
  background: var(--cell-face);
  box-shadow: none;
  color: var(--oh-color-text-muted);
  font-size: min(var(--oh-text-body), 20px);
}

._cell_ox1hb_85[data-state='done'] {
  --cell-face: var(--oh-home-day-done);
}

@media (pointer: coarse) {
  ._strip_ox1hb_22 {
    --week-arrow-box: var(--oh-size-icon-button-touch);
  }
}

._arrow_ox1hb_37:first-child {
  margin-left: calc(-1 * var(--week-arrow-pull));
}

._arrow_ox1hb_37:last-child {
  margin-right: calc(-1 * var(--week-arrow-pull));
}

._arrow_ox1hb_37 > svg {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._arrow_ox1hb_37 path {
  stroke-width: var(--oh-icon-stroke);
}

._cell_ox1hb_85:not([data-state='none']) {
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
}

._cell_ox1hb_85::after {
  position: absolute;
  inset: calc(-1 * max(2px, (var(--oh-size-hit) - var(--week-cell-size)) / 2))
    calc(-1 * min(max(2px, (var(--oh-size-hit) - var(--week-cell-size)) / 2), (var(--week-day-width) - var(--week-cell-size)) / 2));
  content: '';
}

._cell_ox1hb_85[data-pressed],
._cell_ox1hb_85[data-pressed][data-state] {
  height: var(--week-cell-size);
  margin: 0;
  background: var(--oh-home-stage);
  box-shadow: none;
  color: var(--oh-home-stage-ink);
  font-weight: var(--oh-weight-bold);
}

._cell_ox1hb_85[data-coin][data-state],
._cell_ox1hb_85[data-coin][data-pressed][data-state] {
  background: none;
  perspective: 160px;
}

._coin_ox1hb_162 {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transition: transform 300ms ease-in-out;
}

._cell_ox1hb_85[data-pressed] > ._coin_ox1hb_162 {
  transform: rotateY(180deg);
}

._coinFront_ox1hb_173,
._coinBack_ox1hb_174 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--cell-face);
  backface-visibility: hidden;
}

._coinFront_ox1hb_173 {
  color: var(--oh-color-text-strong);
  font-weight: var(--oh-weight-bold);
}

._coinBack_ox1hb_174 {
  background: var(--oh-home-stage);
  transform: rotateY(180deg);
}

._coinBack_ox1hb_174 > svg {
  filter: brightness(0) invert(1);
}

@media (prefers-reduced-motion: reduce) {
  ._coin_ox1hb_162 {
    transition: none;
  }
}

._dateRow_cumhy_22 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--oh-space-2) var(--oh-space-3);
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
}

._dateTitle_cumhy_31 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  white-space: nowrap;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._cards_cumhy_39 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-6);
  padding: 0 var(--oh-space-4);
}

._failure_cumhy_47 {
  color: var(--oh-color-text-muted);
  margin-top: var(--oh-space-6);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

._page_cumhy_54 {
  display: flex;
  flex-direction: column;
  flex: 1;
}

._stage_cumhy_60 {
  position: relative;
  z-index: 0;
  flex: none;
  box-sizing: content-box;
  min-height: calc(124 * var(--oh-fluid-unit));
  padding: var(--oh-space-4) var(--oh-space-4) calc(var(--oh-radius-lg) + var(--oh-space-4));
}

._sheet_cumhy_69 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: calc(-1 * var(--oh-radius-lg));
  padding: var(--oh-space-4) 0 var(--oh-space-12);
  border-radius: var(--oh-radius-lg) var(--oh-radius-lg) 0 0;
  background: var(--oh-color-bg);
}

@supports (overflow: clip) {
  ._sheet_cumhy_69 {
    overflow: clip;
  }

  ._dateArea_cumhy_86 {
    position: sticky;
    top: 0;
    z-index: 1;
    flex: none;
    margin: calc(-1 * var(--oh-space-4)) 0 calc(-1 * var(--oh-space-3));
    padding: var(--oh-space-4) 0 var(--oh-space-3);
    background: var(--oh-color-bg);
  }

  @container oh-shell (max-height: 360px) {
    ._dateArea_cumhy_86 {
      position: static;
    }
  }
}

@media (pointer: coarse) {
  ._dateRow_cumhy_22 {
    min-height: var(--oh-size-icon-button-touch);
  }
}

._week_cumhy_110 {
  margin-top: var(--oh-space-4);
}

._page_cumhy_54[data-view='month'] > ._sheet_cumhy_69 {
  padding-bottom: var(--oh-space-4);
}

@container oh-shell (max-height: 640px) {
  ._page_cumhy_54[data-view='month'] > ._sheet_cumhy_69 {
    padding-bottom: var(--oh-space-2);
  }
}

@container oh-shell (max-height: 520px) {
  ._stage_cumhy_60 {
    min-height: calc(100 * var(--oh-fluid-unit));
    padding-top: var(--oh-space-3);
    padding-bottom: calc(var(--oh-radius-lg) + var(--oh-space-3));
  }
}

._catchUp_cumhy_139 {
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
}

._catchUpTitle_cumhy_144 {
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._catchUpCards_cumhy_151 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-4);
}

._list_1d0i9_11 {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid var(--oh-color-line-soft);
  border-bottom: 1px solid var(--oh-color-line-soft);
  margin: var(--oh-space-2) 0 var(--oh-space-3);
}

._list_1d0i9_11:focus-visible {
  outline-offset: -2px;
}

._row_1d0i9_27 {
  position: relative;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
  padding: var(--oh-space-3) var(--oh-space-4) var(--oh-space-3) calc(var(--oh-space-4) + var(--oh-size-icon-md) + var(--oh-space-2));
}

._row_1d0i9_27:last-child {
  border-bottom: 0;
}

@media (hover: hover) {
  ._row_1d0i9_27:hover {
    background: var(--oh-color-row-hover);
  }
}

._row_1d0i9_27:active {
  background: var(--oh-color-row-hover);
}

._row_1d0i9_27[data-current='true'] {
  background: var(--oh-lesson-row-current);
}

._speaker_1d0i9_54 {
  position: absolute;
  display: flex;
  color: var(--oh-lesson-speaker);
  top: calc(var(--oh-space-3) + (var(--oh-text-reading) * var(--oh-leading-reading) - var(--oh-size-icon-sm)) / 2);
  left: var(--oh-space-4);
}

._number_1d0i9_62 {
  flex: none;
  color: var(--oh-color-text-body);
  margin-right: var(--oh-space-2);
  font-size: var(--oh-text-reading);
  line-height: var(--oh-leading-reading);
}

._texts_1d0i9_70 {
  flex: 1;
  min-width: 0;
}

._english_1d0i9_75 {
  color: var(--oh-color-text-body);
  word-break: normal;
  font-size: var(--oh-text-reading);
  line-height: var(--oh-leading-reading);
}

._korean_1d0i9_82 {
  color: var(--oh-color-text-body);
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._row_1d0i9_27[data-current='true'] ._number_1d0i9_62,
._row_1d0i9_27[data-current='true'] ._english_1d0i9_75 {
  color: var(--oh-color-text-strong);
}

._speaker_1d0i9_54 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-sm);
}

._list_1d0i9_11::after {
  display: block;
  height: 100%;
  content: '';
}

html:not([data-pointer='mouse']) ._row_1d0i9_27:is(:hover, :active):not([data-current='true']) {
  background: var(--oh-color-bg);
}

._toolbar_18i4l_12 {
  --lesson-toolbar-height: 4.53125rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  min-height: var(--lesson-toolbar-height);
  background: var(--oh-lesson-bar);
  box-shadow: 0 -1.5px 1px var(--oh-color-brand-glow);
  padding: 0 var(--oh-space-2) env(safe-area-inset-bottom);
  color: var(--oh-home-ink);
}

._tool_18i4l_12 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  gap: var(--oh-space-1);
  container-type: inline-size;
  padding: var(--oh-space-3) 0 var(--oh-space-2);
}

._tool_18i4l_12:focus-visible {
  outline-color: var(--oh-color-text-inverse);
  outline-offset: -3px;
}

._icon_18i4l_41 {
  position: relative;
  display: flex;
}

._badge_18i4l_46 {
  position: absolute;
  left: calc(50% + 16px);
  display: flex;
  align-items: center;
  background: var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  translate: -50% 0;
  top: calc(1px - 1.5rem);
  height: auto;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  border-radius: 0.75rem;
  font-size: var(--oh-text-caption);
}

dialog._layer_18i4l_65::backdrop {
  background: var(--oh-dialog-backdrop, var(--oh-lesson-menu-scrim));
}

._stage_18i4l_69 {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 100%;
}

html[data-layout='desktop'] ._stage_18i4l_69 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._menu_18i4l_81 {
  position: absolute;
  bottom: calc(var(--lesson-toolbar-height) + env(safe-area-inset-bottom) - 2px);
  max-height: calc(100% - var(--lesson-toolbar-height) - 8px);
  overflow-y: auto;
  background: var(--oh-color-bg);
  left: clamp(0px, calc(var(--oh-space-2) + (100% - 2 * var(--oh-space-2)) * (var(--tool-index) + 0.5) / 5 - 3.5rem), calc(100% - 7rem - var(--oh-space-2)));
  width: 7rem;
  padding: var(--oh-space-1);
  border-radius: var(--oh-radius-card);
}

._heading_18i4l_93,
._option_18i4l_94 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--oh-color-text-body);
  line-height: 1;
  white-space: nowrap;
  min-height: var(--oh-size-control-md);
  font-size: var(--oh-text-sm);
}

._option_18i4l_94[aria-disabled='true'] {
  cursor: default;
}

._option_18i4l_94[aria-pressed='true'] {
  box-shadow: 0 0 0 1px var(--oh-color-brand-glow);
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._icon_18i4l_41 > svg {
  width: auto;
  height: var(--oh-size-icon-lg);
}

._label_18i4l_121 {
  max-width: 100%;
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
  text-align: center;
  white-space: normal;
}

._heading_18i4l_93 {
  font-weight: var(--oh-weight-bold);
}

@media (pointer: coarse) {
  ._heading_18i4l_93,
  ._option_18i4l_94 {
    min-height: var(--oh-size-control-lg);
  }
}

@container (max-width: 3.5em) {
  ._icon_18i4l_41 {
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--oh-space-1);
    width: 100%;
  }

  ._badge_18i4l_46 {
    position: static;
    display: block;
    max-width: 100%;
    min-height: 0;
    padding: var(--oh-space-1);
    line-height: var(--oh-leading-heading);
    text-align: center;
    white-space: normal;
    translate: none;
  }
}

._option_18i4l_94 {
  border-radius: var(--oh-radius-cell);
}

._frame_1era8_8 {
  flex: none;
  margin: 0 var(--oh-space-4);
}

._stage_1era8_13 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 840 / 474;
  overflow: hidden;
  background: var(--oh-color-bg);
  color: var(--oh-dubbing-video-mark);
  cursor: default;
  border-radius: var(--oh-radius-card);
}

._stage_1era8_13[data-blank='true'] {
  background: var(--oh-watch-stage);
}

._stage_1era8_13:focus-visible {
  outline-offset: -3px;
}

._picture_1era8_33,
._veil_1era8_34 {
  position: absolute;
  inset: 0;
}

._veil_1era8_34 {
  background: var(--oh-color-scrim-plain);
}

._slide_drcsi_8 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  --slide-arrow-box: var(--oh-size-icon-button);
  margin: var(--oh-space-10) 0 var(--oh-space-8);
}

._viewport_drcsi_18 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

._viewport_drcsi_18::-webkit-scrollbar {
  display: none;
}

._viewport_drcsi_18:focus-visible {
  outline-offset: -2px;
}

._content_drcsi_38 {
  flex: none;
  margin: auto 0;
  padding: var(--oh-space-4) 0;
}

._arrow_drcsi_44 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-lesson-chevron);
  translate: 0 -50%;
  top: 50%;
  width: var(--slide-arrow-box);
  height: var(--slide-arrow-box);
}

._arrow_drcsi_44[aria-disabled='true'] {
  cursor: default;
}

._arrow_drcsi_44::after {
  position: absolute;
  content: '';
  inset: 0;
}

._arrow_drcsi_44[data-side='previous'] {
  left: calc(var(--oh-space-4) - (var(--slide-arrow-box) - var(--oh-size-icon-direction)) / 2);
}

._arrow_drcsi_44[data-side='next'] {
  right: calc(var(--oh-space-4) - (var(--slide-arrow-box) - var(--oh-size-icon-direction)) / 2);
}

._arrow_drcsi_44 > svg {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._arrow_drcsi_44 path {
  stroke-width: var(--oh-icon-stroke);
}

@media (pointer: coarse) {
  ._slide_drcsi_8 {
    --slide-arrow-box: var(--oh-size-icon-button-touch);
  }
}

._controls_1f624_11 {
  display: flex;
  align-items: center;
  flex: none;
  flex-wrap: wrap;
  gap: var(--oh-space-5) var(--oh-space-2);
  min-height: var(--oh-size-control-sm);
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
}

._countLabel_1f624_22 {
  flex: none;
  color: var(--oh-color-text-strong);
  line-height: 1;
  white-space: nowrap;
  font-size: var(--oh-text-sm);
}

._counts_1f624_30 {
  position: relative;
  display: flex;
  flex: none;
  padding: 0 3px;
  background: var(--oh-lesson-segment-bg);
  width: calc(3 * var(--oh-size-hit) + 6px);
  height: var(--oh-size-control-sm);
  border-radius: calc(var(--oh-size-control-sm) / 2);
}

._thumb_1f624_41 {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc((100% - 6px) / 3);
  background: var(--oh-color-bg);
  box-shadow: 0 1px 1.5px var(--oh-lesson-segment-shadow);
  transition: translate 170ms cubic-bezier(0, 0, 0.2, 1);
  border-radius: calc(var(--oh-size-control-sm) / 2 - 3px);
}

._counts_1f624_30[data-count='2'] ._thumb_1f624_41 {
  translate: 100% 0;
}

._counts_1f624_30[data-count='3'] ._thumb_1f624_41 {
  translate: 200% 0;
}

._count_1f624_22 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--oh-lesson-segment-text);
  line-height: 1;
  font-size: var(--oh-text-sm);
}

._count_1f624_22[aria-checked='true'] {
  color: var(--oh-color-brand-deep);
  font-weight: 700;
  font-size: var(--oh-text-sm);
}

._read_1f624_78 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-left: auto;
  border: 1px solid var(--oh-color-brand-outline-soft);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 330ms linear;
  position: relative;
  min-width: 4rem;
  height: auto;
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
  border-color: transparent;
  background: var(--oh-study-plain);
  color: var(--oh-home-ink);
  border-radius: var(--oh-radius-tag);
}

._sentences_1f624_101 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
}

._speaker_1f624_107 {
  display: flex;
  color: var(--oh-lesson-speaker);
  margin-left: var(--oh-space-10);
}

._english_1f624_113 {
  color: var(--oh-color-text-strong);
  word-break: normal;
  margin-top: var(--oh-space-5);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-h2);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._korean_1f624_123 {
  color: var(--oh-color-text);
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._count_1f624_22::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

._read_1f624_78::after {
  position: absolute;
  inset: -7px -1px;
  content: '';
}

._speaker_1f624_107 > svg {
  width: var(--oh-size-icon-xl);
  height: auto;
}

._read_1f624_78[aria-pressed='true'],
html[data-pointer='mouse'] ._read_1f624_78:hover {
  background: var(--oh-study-plain-pressed);
}

._card_1g0qm_9 {
  position: absolute;
  left: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--oh-color-bg);
  box-shadow:
    0 5px 24px var(--oh-lesson-card-shadow),
    0 1px 4px var(--oh-lesson-card-shadow);
  translate: -50% 0;
  animation: _card-appear_1g0qm_1 170ms cubic-bezier(0, 0, 0.2, 1);
  top: calc(var(--oh-space-6) * -1);
  width: max-content;
  min-width: min(280px, 100% - 2 * var(--oh-space-4));
  max-width: calc(100% - 2 * var(--oh-space-4));
  min-height: 0;
  padding: var(--oh-space-6);
  border-radius: var(--oh-radius-card);
}

@keyframes _card-appear_1g0qm_1 {
  from {
    opacity: 0.4;
    scale: 1.02;
  }
}

._word_1g0qm_38 {
  color: var(--oh-color-text-strong);
  text-align: center;
  word-break: normal;
  font-size: var(--oh-text-h1-large);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
  white-space: normal;
}

._meaning_1g0qm_49 {
  min-height: 1.5rem;
  color: var(--oh-color-text-sub);
  text-align: center;
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._wave_1g0qm_58 {
  display: flex;
  align-items: center;
  gap: 2.5px;
  height: 12px;
  margin-top: var(--oh-space-4);
}

._bar_1g0qm_66 {
  width: 3.5px;
  height: 12px;
  border-radius: 1.75px;
  background: var(--oh-lesson-card-wave);
  animation: _card-wave_1g0qm_1 1000ms ease-in-out infinite;
}

@keyframes _card-wave_1g0qm_1 {
  0%,
  100% {
    scale: 1 0.3;
  }

  50% {
    scale: 1 1;
  }
}

._controls_1w6k1_19 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: none;
  flex-wrap: wrap;
  gap: var(--oh-space-5) var(--oh-space-2);
  min-height: var(--oh-size-control-sm);
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
}

._hint_1w6k1_31 {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  background: var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  min-height: 1.5rem;
  padding: 0 var(--oh-space-3);
  border-radius: 0.75rem;
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
  white-space: normal;
}

._hintSpeaker_1w6k1_47 {
  display: flex;
  flex: none;
  color: var(--oh-lesson-speaker);
  margin-right: var(--oh-space-1);
}

._hintClose_1w6k1_54 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-left: var(--oh-space-2);
}

._hintClose_1w6k1_54::after {
  position: absolute;
  content: '';
  inset: -18px -12px -14px -20px;
}

._modes_1w6k1_69 {
  position: relative;
  display: flex;
  flex: none;
  padding: 0 3px;
  background: var(--oh-lesson-segment-bg);
  height: var(--oh-size-control-sm);
  border-radius: calc(var(--oh-size-control-sm) / 2);
}

._thumb_1w6k1_79 {
  position: absolute;
  left: 3px;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 1.5px var(--oh-lesson-segment-shadow);
  transition:
    left 170ms cubic-bezier(0, 0, 0.2, 1),
    width 170ms cubic-bezier(0, 0, 0.2, 1);
  top: 3px;
  bottom: 3px;
  width: 4rem;
  border-radius: calc(var(--oh-size-control-sm) / 2 - 3px);
}

._mode_1w6k1_69 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-lesson-segment-text);
  line-height: 1;
  white-space: nowrap;
  width: 4rem;
  font-size: var(--oh-text-sm);
}

._mode_1w6k1_69[aria-checked='true'] {
  color: var(--oh-color-brand-deep);
  font-weight: 700;
}

._english_1w6k1_110 {
  color: var(--oh-color-text-strong);
  word-break: normal;
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-body);
}

._korean_1w6k1_118 {
  color: var(--oh-color-text);
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._caption_1w6k1_126 {
  display: flex;
  align-items: center;
  color: var(--oh-color-text-sub);
  line-height: 1;
  min-height: 1.5rem;
  margin-top: var(--oh-space-6);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

._total_1w6k1_138 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  font-weight: 700;
  line-height: 1;
  min-width: 1.5rem;
  height: auto;
  min-height: 1.5rem;
  margin-left: var(--oh-space-2);
  padding: 0 var(--oh-space-2);
  border-radius: 0.75rem;
  font-size: var(--oh-text-caption);
}

._chips_1w6k1_155 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-10);
}

._chip_1w6k1_155 {
  display: flex;
  align-items: center;
  border: 1px solid var(--oh-color-border);
  background: var(--oh-color-bg);
  box-shadow: 0 1px 1px var(--oh-lesson-chip-shadow);
  color: var(--oh-color-text-strong);
  line-height: 1;
  white-space: nowrap;
  justify-content: center;
  min-width: var(--oh-size-hit);
  height: auto;
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
  border-radius: var(--oh-radius-cell);
}

._chip_1w6k1_155[data-pressed='true'],
._chip_1w6k1_155:active {
  border-color: var(--oh-lesson-chip-pressed-border);
  background: var(--oh-color-row-hover);
}

._empty_1w6k1_187 {
  color: var(--oh-color-text-muted);
  display: flex;
  align-items: center;
  height: auto;
  min-height: var(--oh-size-control-sm);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._wordbook_1w6k1_199 {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--oh-space-2) 0 var(--oh-space-4);
}

._wordbook_1w6k1_199:focus-visible {
  outline-offset: -2px;
}

._hintSpeaker_1w6k1_47 > svg {
  width: var(--oh-size-icon-sm);
  height: auto;
}

._hintClose_1w6k1_54 > svg {
  width: var(--oh-size-icon-chip-close);
  height: var(--oh-size-icon-chip-close);
}

._modes_1w6k1_69[data-mode='wordbook'] ._thumb_1w6k1_79 {
  left: calc(3px + 4rem);
  width: 4rem;
}

._mode_1w6k1_69::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

._mode_1w6k1_69[data-mode='wordbook'] {
  width: 4rem;
}

._caption_1w6k1_126[data-place='wordbook'] {
  min-height: 1.5rem;
  margin-top: 0;
  padding: 0 var(--oh-space-4);
}

._total_1w6k1_138[data-place='wordbook'] {
  min-width: 1.5rem;
  height: auto;
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

._chips_1w6k1_155[data-place='wordbook'] {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
}

._chip_1w6k1_155[data-size='large'] {
  height: auto;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
  border-radius: var(--oh-radius-cell);
}

@media (pointer: coarse) {
  ._chip_1w6k1_155 {
    min-height: max(var(--oh-size-control-sm), var(--oh-size-hit));
  }

  ._chip_1w6k1_155[data-size='large'] {
    min-height: max(var(--oh-size-control-md), var(--oh-size-hit));
  }
}

._marked_1w6k1_274 {
  color: var(--oh-home-today-text);
}

._chip_1w6k1_155:active:not([data-pressed='true']) {
  border-color: var(--oh-color-border);
  background: var(--oh-color-bg);
}

html[data-pointer='mouse'] ._chip_1w6k1_155:hover:not([data-pressed='true']) {
  background: var(--oh-color-row-hover);
}

._screen_5qldn_12 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--oh-screen-height);
  overflow: hidden;
  background: var(--oh-color-bg);
  --lesson-back-box: var(--oh-size-icon-button);
  container-type: size;
}

._screen_5qldn_12 button {
  -webkit-tap-highlight-color: transparent;
}

html[data-layout='desktop'] ._screen_5qldn_12 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._header_5qldn_33 {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  background: var(--oh-lesson-bar);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4) var(--oh-space-2) calc(var(--oh-space-4) + var(--oh-size-icon-md) + var(--oh-space-2));
  color: var(--oh-home-ink);
}

._back_5qldn_44 {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  translate: 0 -50%;
  left: calc(var(--oh-space-4) - (var(--lesson-back-box) - var(--oh-size-icon-md)) / 2);
  width: var(--lesson-back-box);
  height: var(--lesson-back-box);
  border-radius: 50%;
}

._back_5qldn_44::after {
  position: absolute;
  content: '';
  inset: 0;
}

._title_5qldn_64 {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  text-align: center;
  overflow: visible;
  font-size: var(--oh-text-page-title);
  line-height: var(--oh-leading-heading);
  text-overflow: clip;
  text-wrap: balance;
  white-space: normal;
  text-box: trim-both cap alphabetic;
}

._main_5qldn_78 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

._tabs_5qldn_86 {
  display: flex;
  flex: none;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--oh-space-3) var(--oh-space-2);
  padding: var(--oh-space-3) var(--oh-space-4);
}

._tab_5qldn_86 {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oh-lesson-tab-bg);
  color: var(--oh-lesson-tab-text);
  line-height: 1;
  white-space: nowrap;
  min-width: 4rem;
  height: auto;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  border-radius: calc(var(--oh-size-control-md) / 2);
  font-size: var(--oh-text-body);
}

._tab_5qldn_86[aria-selected='true'] {
  background: none;
  font-weight: 700;
  color: var(--oh-study-action-ink);
}

._tab_5qldn_86[aria-selected='true']::before {
  position: absolute;
  inset: 3px 0.75px;
  z-index: -1;
  content: '';
  border-radius: calc(var(--oh-size-control-md) / 2 - 3px);
  background: var(--oh-study-action);
}

._panel_5qldn_128 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

._back_5qldn_44 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

._tab_5qldn_86::after {
  position: absolute;
  inset: -2px 0;
  content: '';
}

@media (pointer: coarse) {
  ._screen_5qldn_12 {
    --lesson-back-box: var(--oh-size-icon-button-touch);
  }
}

@container (max-height: 36em) {
  ._main_5qldn_78 {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  ._panel_5qldn_128 {
    flex: none;
  }
}

._back_5qldn_44:active {
  background: none;
}

html[data-pointer='mouse'] ._back_5qldn_44:hover {
  background: var(--oh-lesson-bar-pressed);
}

._failure_1glbs_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: var(--oh-screen-height);
  padding: 0 var(--oh-space-page);
  background: var(--oh-color-bg);
  color: var(--oh-color-text);
  font-size: 1rem;
  text-align: center;
}

html[data-layout='desktop'] ._failure_1glbs_5 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._failureLink_1glbs_24 {
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: var(--oh-color-brand-deep);
  font-weight: 700;
  min-height: var(--oh-size-control-lg);
}

._page_k323a_8 {
  display: flex;
  flex-direction: column;
  padding: 0 var(--oh-space-4) var(--oh-space-10);
}

._avatar_k323a_14 {
  flex: none;
  align-self: center;
  width: calc(56 * var(--oh-fluid-unit));
  height: calc(56 * var(--oh-fluid-unit));
  margin-top: var(--oh-space-6);
  border-radius: 50%;
  background: var(--oh-mypage-avatar);
}

._failure_k323a_24 {
  padding: var(--oh-space-6) 0 0;
  color: var(--oh-color-text-muted);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._sectionLabel_k323a_31 {
  margin-top: var(--oh-space-6);
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

._card_k323a_39 {
  margin: var(--oh-space-2) 0 0;
  padding: 0 var(--oh-space-4);
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
}

._row_k323a_47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--oh-space-3);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) 0;
}

._row_k323a_47 + ._row_k323a_47 {
  border-top: 1px solid var(--oh-color-line-faint);
}

._row_k323a_47 > dt {
  flex: none;
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
}

._row_k323a_47 > dd {
  min-width: 0;
  margin: 0;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  text-align: right;
}

._notice_k323a_76 {
  display: flex;
  align-items: flex-start;
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-2);
  padding: var(--oh-space-4);
  border: 1px solid var(--oh-profile-notice-border);
  border-radius: var(--oh-radius-card);
  background: var(--oh-profile-notice-bg);
  color: var(--oh-profile-notice-text);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

._noticeIcon_k323a_92 {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: calc(var(--oh-text-sm) * var(--oh-leading-body));
  color: var(--oh-color-text-strong);
}

._entries_k323a_99 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._entries_k323a_99 > li + li {
  border-top: 1px solid var(--oh-color-line-faint);
}

._entry_k323a_109 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--oh-space-3);
  width: 100%;
  min-height: var(--oh-size-control-lg);
  color: var(--oh-color-text-body);
  font-size: var(--oh-text-body);
  text-align: left;
}

._entry_k323a_109[aria-disabled='true'],
._logout_k323a_122[aria-disabled='true'] {
  cursor: default;
}

._entry_k323a_109:active:not([aria-disabled='true']) {
  background: var(--oh-menu-row-pressed);
}

._entryArrow_k323a_132 {
  flex: none;
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
  color: var(--oh-my-entry-arrow);
}

._entryArrow_k323a_132 path {
  stroke-width: var(--oh-icon-stroke);
}

._logout_k323a_122 {
  position: relative;
  align-self: center;
  margin-top: calc(8px + max(12px, (var(--oh-size-hit) - var(--oh-text-sm) * var(--oh-leading-body)) / 2));
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-decoration: underline;
  text-underline-offset: 2px;
}

._logout_k323a_122::after {
  position: absolute;
  inset: min(-12px, (100% - var(--oh-size-hit)) / 2) min(0px, (100% - var(--oh-size-hit)) / 2);
  content: '';
}

._card_1jxid_7 {
  border: 1px solid var(--oh-color-line);
  background: var(--oh-color-bg);
  box-shadow: 0 2px 6px var(--oh-report-card-shadow);
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._title_1jxid_15 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  padding-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._frame_1jxid_24::after {
  display: block;
  height: 1px;
  margin: -1px 7px 0;
  background: var(--oh-color-line-soft);
  content: '';
}

._table_1jxid_32 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  color: var(--oh-color-text-strong);
  text-align: center;
  min-width: 15rem;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._table_1jxid_32 th {
  background: var(--oh-color-surface-track);
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2);
  font-weight: var(--oh-weight-bold);
}

._table_1jxid_32 th:first-child {
  width: 22.25%;
  border-radius: var(--oh-radius-cell) 0 0 0;
}

._table_1jxid_32 th:nth-child(2) {
  width: 39.4%;
}

._table_1jxid_32 td {
  border-bottom: 1px solid var(--oh-color-line-soft);
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2);
}

._table_1jxid_32 tbody tr:last-child > td {
  border-bottom-color: transparent;
}

._table_1jxid_32 tr[data-podium='true'] > td {
  background: var(--oh-color-surface-muted);
  font-weight: 700;
}

._table_1jxid_32 tr[data-mine='true'] {
  background: linear-gradient(to right, var(--oh-ranking-mine-from), var(--oh-ranking-mine-to));
}

._table_1jxid_32 tr[data-mine='true'] > td {
  border-bottom-color: transparent;
  color: var(--oh-ranking-mine-text);
  font-weight: 700;
}

._medal_1jxid_85 {
  display: inline-block;
  margin: 0 1.5px 0 1.3px;
  font-size: 1.125rem;
  line-height: 1;
  vertical-align: -2px;
}

._table_1jxid_32 td._omitted_1jxid_93 {
  color: var(--oh-color-text-muted);
  font-style: italic;
  font-size: var(--oh-text-sm);
}

._frame_1jxid_24 {
  overflow-x: auto;
  margin-top: var(--oh-space-3);
}

._number_1jxid_104 {
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._table_1jxid_32 th:last-child {
  border-radius: 0 var(--oh-radius-cell) 0 0;
}

._head_1hpkj_15 {
  display: flex;
  align-items: center;
  min-height: 0;
  padding: var(--oh-space-4) var(--oh-space-4) 0;
}

._monthArrow_1hpkj_22 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-button);
  min-width: 0;
  height: var(--oh-size-icon-button);
  color: var(--oh-home-ink);
}

._monthArrow_1hpkj_22[aria-disabled='true'] {
  cursor: default;
}

._headCenter_1hpkj_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}

._title_1hpkj_45 {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  white-space: normal;
}

._titleText_1hpkj_58 {
  min-width: 0;
}

._trophy_1hpkj_62 {
  flex: none;
  font-size: 1.3125rem;
  line-height: 1;
  margin-right: var(--oh-space-2);
}

._notes_1hpkj_69 {
  color: var(--oh-ranking-note);
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
  text-align: left;
}

._boards_1hpkj_78 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
  margin: var(--oh-space-4) var(--oh-space-4) 0;
}

._failure_1hpkj_85 {
  color: var(--oh-color-text-sub);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
  padding: var(--oh-space-10) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._page_1hpkj_96 {
  padding-bottom: var(--oh-space-6);
}

._classTabs_1hpkj_100 {
  padding: var(--oh-space-row-under-header) var(--oh-space-4);
}

._page_1hpkj_96:has(._classTabs_1hpkj_100) ._head_1hpkj_15 {
  padding-top: 0;
}

._monthArrow_1hpkj_22:first-child {
  margin-left: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button)) / 2);
}

._monthArrow_1hpkj_22:last-child {
  margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button)) / 2);
}

._monthArrow_1hpkj_22 > svg {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._monthArrow_1hpkj_22 path {
  stroke-width: var(--oh-icon-stroke);
}

@media (pointer: coarse) {
  ._monthArrow_1hpkj_22 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  ._monthArrow_1hpkj_22:first-child {
    margin-left: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button-touch)) / 2);
  }

  ._monthArrow_1hpkj_22:last-child {
    margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button-touch)) / 2);
  }
}

._monthArrow_1hpkj_22[data-off='true'] {
  color: var(--oh-ranking-arrow-off);
}

._stepper_ee41a_7 {
  display: flex;
  align-items: center;
  color: var(--stepper-text, var(--oh-color-text));
  font-weight: 700;
  min-width: 0;
  font-size: var(--stepper-font, var(--oh-text-sm));
  line-height: var(--oh-leading-heading);
  white-space: normal;
}

._arrow_ee41a_18 {
  position: relative;
  display: flex;
  flex: none;
  color: var(--stepper-arrow, var(--oh-color-text));
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._arrow_ee41a_18[aria-disabled='true'] {
  color: var(--stepper-arrow-off, var(--oh-color-text-disabled));
  cursor: default;
}

._arrow_ee41a_18::after {
  position: absolute;
  inset: -13px -10px;
  content: none;
}

._label_ee41a_40 {
  min-width: 0;
  text-align: center;
}

._arrow_ee41a_18 > svg {
  width: var(--oh-size-icon-direction);
  height: var(--oh-size-icon-direction);
}

._arrow_ee41a_18 path {
  stroke-width: var(--oh-icon-stroke);
}

@media (pointer: coarse) {
  ._arrow_ee41a_18 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._card_o35ef_9 {
  border: 1px solid var(--oh-pill-rate-complete-border);
  background: var(--oh-pill-rate-complete-bg);
  color: var(--oh-pill-rate-complete-value);
  border-radius: var(--oh-radius-card);
}

._card_o35ef_9[data-empty='true'] {
  border-color: var(--oh-mypage-rate-empty-border);
  background: var(--oh-mypage-rate-empty-bg);
  color: var(--oh-mypage-rate-empty-text);
}

._head_o35ef_22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

._title_o35ef_31 {
  font-weight: 700;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
}

._stepper_o35ef_37 {
  --stepper-text: currentcolor;
  --stepper-arrow: var(--oh-mypage-rate-arrow);
  --stepper-arrow-off: var(--oh-mypage-rate-arrow-off);
  margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button)) / 2);
  margin-left: auto;
}

._percent_o35ef_45 {
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-display);
  line-height: var(--oh-leading-heading);
}

._percent_o35ef_45 small {
  line-height: 1;
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-h3);
}

._track_o35ef_59 {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: var(--oh-mypage-tree-track);
  margin-top: var(--oh-space-3);
}

._fill_o35ef_67 {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--oh-mypage-rate-fill);
}

._detail_o35ef_74 {
  color: var(--oh-pill-rate-complete-label);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._detail_o35ef_74 strong {
  color: var(--oh-pill-rate-complete-value);
  font-weight: 700;
}

._notice_o35ef_86 {
  color: var(--oh-mypage-rate-empty-notice);
  text-align: center;
  margin: var(--oh-space-4) 0 var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._card_o35ef_9,
._card_o35ef_9[data-empty='true'] {
  min-height: 0;
  padding: var(--oh-space-4);
}

@media (pointer: coarse) {
  ._head_o35ef_22 {
    min-height: var(--oh-size-icon-button-touch);
  }

  ._stepper_o35ef_37 {
    margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button-touch)) / 2);
  }
}

._head_18fmp_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
}

._title_18fmp_17 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._total_18fmp_24 {
  position: relative;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  top: 0;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._plot_18fmp_33 {
  position: relative;
  display: grid;
  overflow-x: auto;
  grid-template-columns: repeat(7, minmax(max-content, 1fr));
  margin: var(--oh-space-3) 0 0;
}

._plot_18fmp_33[data-recorded='true']::before {
  position: absolute;
  height: 1px;
  background: repeating-linear-gradient(to right, var(--oh-mypage-chart-guide) 0 2.5px, transparent 2.5px 4px);
  content: '';
  top: calc(var(--oh-text-caption) * var(--oh-leading-body) + var(--oh-space-1));
  right: 0;
  left: 0;
}

._column_18fmp_52 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

._value_18fmp_59 {
  color: var(--oh-color-text-sub);
}

._column_18fmp_52[data-current='true'] ._value_18fmp_59 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._value_18fmp_59[data-filled='true'] {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._barSlot_18fmp_74 {
  position: relative;
  display: flex;
  align-items: flex-end;
  max-width: 80%;
  width: var(--oh-space-8);
  height: var(--oh-space-12);
  margin-top: var(--oh-space-1);
}

._bar_18fmp_74 {
  display: block;
  width: 100%;
  border-radius: 3.5px;
  background: var(--oh-mypage-time-bar);
}

._plot_18fmp_33[data-tone='amount'] ._bar_18fmp_74 {
  background: var(--oh-color-brand);
}

._label_18fmp_95 {
  color: var(--oh-color-text-faint);
  white-space: nowrap;
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-1);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._column_18fmp_52[data-current='true'] ._label_18fmp_95 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._foot_18fmp_109 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._average_18fmp_119 {
  color: var(--oh-color-text-faint);
}

._unit_18fmp_123 {
  color: var(--oh-mypage-unit);
}

._value_18fmp_59,
._value_18fmp_59[data-filled='true'] {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._card_pfig7_11 {
  min-height: 248px;
  border: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._periods_pfig7_19 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--oh-pill-time-bg);
  gap: 0;
  padding: var(--oh-space-1);
  border-radius: var(--oh-radius-cell);
}

._period_pfig7_19 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-color-text-muted);
  line-height: 1;
  white-space: nowrap;
  position: relative;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-1);
  font-size: var(--oh-text-sm);
  border-radius: var(--oh-radius-tag);
}

._period_pfig7_19[aria-pressed='true'] {
  background: var(--oh-color-bg);
  box-shadow: 0 1px 3px var(--oh-mypage-segment-shadow);
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._period_pfig7_19[aria-disabled='true'],
._row_pfig7_50[aria-disabled='true'] {
  cursor: default;
}

._range_pfig7_54 {
  color: var(--oh-color-text-faint);
  text-align: right;
  margin: var(--oh-space-2) 0 var(--oh-space-4);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._divider_pfig7_63 {
  height: 1px;
  border: 0;
  background: var(--oh-color-line-soft);
  margin: var(--oh-space-4) 0 var(--oh-space-6);
}

._metric_pfig7_70 {
  color: var(--oh-color-text-sub);
  font-weight: 400;
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

._rows_pfig7_77 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
}

._row_pfig7_50 {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
  color: var(--oh-color-text-body);
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-12) var(--oh-space-2) var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  border-radius: var(--oh-radius-cell);
}

._row_pfig7_50[aria-pressed='true'] {
  border-color: var(--oh-mypage-pick-border);
  background: var(--oh-mypage-pick-bg);
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._dot_pfig7_105 {
  flex: none;
  border-radius: 50%;
  width: var(--oh-space-2);
  height: var(--oh-space-2);
}

._rowLabel_pfig7_112 {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

._rowValue_pfig7_121 {
  flex: none;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
}

._period_pfig7_19::after {
  position: absolute;
  inset: calc(var(--oh-space-1) * -1) 0;
  content: '';
}

._row_pfig7_50[aria-pressed='true'] ._dot_pfig7_105 {
  background: var(--oh-color-brand-graphic);
}

._head_10bfd_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

._title_10bfd_16 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

._title_10bfd_16:focus {
  outline: none;
}

._close_10bfd_27 {
  position: relative;
  display: flex;
  flex: none;
  color: var(--oh-color-text-faint);
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-right: var(--oh-header-icon-pull);
}

._close_10bfd_27::after {
  position: absolute;
  inset: -17px;
  content: none;
}

._lead_10bfd_46 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._lines_10bfd_54 {
  color: var(--oh-sheet-text-sub);
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._lines_10bfd_54 li {
  position: relative;
  padding-left: var(--oh-space-3);
}

._lines_10bfd_54 li::before {
  position: absolute;
  border-radius: 50%;
  background: var(--oh-color-text-disabled);
  content: '';
  top: calc(var(--oh-text-body) * var(--oh-leading-body) / 2 - var(--oh-space-1) / 2);
  left: 0;
  width: var(--oh-space-1);
  height: var(--oh-space-1);
}

._sheet_10bfd_80 {
  overflow-y: auto;
  min-height: 0;
  padding: var(--oh-space-3) var(--oh-space-4) var(--oh-space-6);
}

._sheet_10bfd_80 > * {
  flex-shrink: 0;
}

._close_10bfd_27 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

@media (pointer: coarse) {
  ._head_10bfd_8 {
    min-height: var(--oh-size-icon-button-touch);
  }

  ._close_10bfd_27 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: var(--oh-header-icon-pull-touch);
  }
}

._head_ap5ty_14 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

._title_ap5ty_23 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._stepper_ap5ty_30 {
  --stepper-text: var(--oh-color-text);
  --stepper-arrow-off: var(--oh-color-text-disabled);
  margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button)) / 2);
  margin-left: auto;
}

._card_ap5ty_37,
._emptyCard_ap5ty_38 {
  border: 1px solid var(--oh-color-line-soft);
  border-radius: 14px;
  background: var(--oh-color-bg);
  margin-top: var(--oh-space-4);
}

._emptyCard_ap5ty_38 {
  text-align: center;
  min-height: 0;
  padding: var(--oh-space-6) var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._emptyTitle_ap5ty_52 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._emptyBody_ap5ty_59 {
  color: var(--oh-color-text-faint);
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._summary_ap5ty_66 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid var(--oh-color-line-soft);
  flex-wrap: wrap;
  min-height: var(--oh-size-control-md);
  padding-bottom: var(--oh-space-3);
}

._counts_ap5ty_77 {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--oh-color-text-body);
  white-space: nowrap;
  flex-wrap: wrap;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._counts_ap5ty_77 strong {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-left: var(--oh-space-1);
}

._countDot_ap5ty_94 {
  flex: none;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--oh-color-text-disabled);
  margin: 0 var(--oh-space-2);
}

._viewAll_ap5ty_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 1px solid var(--oh-dubbing-replay-border);
  border-radius: 999px;
  background: var(--oh-mypage-pick-bg);
  color: var(--oh-color-brand-deep);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  gap: var(--oh-space-2);
  min-width: 0;
  min-height: var(--oh-size-control-md);
  margin-right: 0;
  margin-left: auto;
  padding: 0 var(--oh-space-3) 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
  border-color: transparent;
}

._viewAll_ap5ty_103[aria-disabled='true'],
._update_ap5ty_127[aria-disabled='true'] {
  cursor: default;
}

._freshness_ap5ty_131 {
  display: flex;
  align-items: center;
  border: 1px solid var(--oh-color-line);
  background: var(--oh-color-surface-muted);
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-2) var(--oh-space-3) var(--oh-space-2) var(--oh-space-4);
  border-radius: var(--oh-radius-cell);
}

._freshCheck_ap5ty_142 {
  flex: none;
  color: var(--oh-color-text-faint);
  width: var(--oh-size-icon-sm);
  height: auto;
}

._freshText_ap5ty_149 {
  flex: 1 1 0;
  min-width: 0;
  color: var(--oh-color-text-sub);
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._update_ap5ty_127 {
  flex: none;
  border-radius: 999px;
  background: var(--oh-mypage-update-off);
  color: var(--oh-color-text-faint);
  line-height: 1;
  white-space: nowrap;
  position: relative;
  min-width: 4rem;
  min-height: var(--oh-size-control-sm);
  margin-left: var(--oh-space-2);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

._group_ap5ty_173 {
  --weak-ink: var(--oh-area-word-text);
  margin-top: var(--oh-space-3);
}

._group_ap5ty_173[data-kind='sentence'] {
  --weak-ink: var(--oh-mypage-weak-sentence-text);
}

._groupName_ap5ty_182 {
  color: var(--weak-ink);
  font-weight: 700;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._feedback_ap5ty_189 {
  border: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-surface-muted);
  min-height: 0;
  margin-top: var(--oh-space-2);
  padding: var(--oh-space-3);
  border-radius: var(--oh-radius-cell);
}

._feedbackHead_ap5ty_198 {
  display: flex;
  align-items: center;
  color: var(--weak-ink);
  font-weight: 700;
  gap: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._letters_ap5ty_208 {
  letter-spacing: -0.02em;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
}

._feedbackBody_ap5ty_214 {
  color: var(--oh-color-text-body);
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

._feedbackBody_ap5ty_214 strong {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._items_ap5ty_227 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

._item_ap5ty_227 {
  display: flex;
  align-items: center;
  border: 1px solid var(--oh-mypage-weak-word-border);
  background: var(--oh-mypage-weak-word-bg);
  border-radius: var(--oh-radius-cell);
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-3);
}

._group_ap5ty_173[data-kind='sentence'] ._item_ap5ty_227 {
  border-color: var(--oh-mypage-weak-sentence-border);
  background: var(--oh-mypage-weak-sentence-bg);
  box-shadow: inset 3px 0 0 var(--oh-mypage-weak-sentence-band);
  padding-left: var(--oh-space-4);
}

._itemText_ap5ty_252 {
  flex: 1 1 0;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._group_ap5ty_173[data-kind='sentence'] ._itemText_ap5ty_252 {
  font-weight: 400;
}

._itemCount_ap5ty_263 {
  flex: none;
  color: var(--weak-ink);
  font-weight: 700;
}

._section_ap5ty_269 {
  margin-top: var(--oh-space-8);
}

@media (pointer: coarse) {
  ._head_ap5ty_14 {
    min-height: var(--oh-size-icon-button-touch);
  }

  ._stepper_ap5ty_30 {
    margin-right: calc((var(--oh-size-icon-direction) - var(--oh-size-icon-button-touch)) / 2);
  }
}

._card_ap5ty_37 {
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._viewAll_ap5ty_103::after {
  position: absolute;
  inset: -3px -1px;
  content: '';
}

._viewAll_ap5ty_103 > svg {
  width: var(--oh-size-icon-text-chevron);
  height: var(--oh-size-icon-text-chevron);
}

._viewAll_ap5ty_103 path {
  stroke-width: var(--oh-icon-stroke);
}

._update_ap5ty_127::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

._group_ap5ty_173 + ._group_ap5ty_173 {
  margin-top: var(--oh-space-4);
}

._feedbackHead_ap5ty_198 > svg {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._letters_ap5ty_208 small {
  font-size: var(--oh-text-caption);
}

._itemText_ap5ty_252,
._group_ap5ty_173[data-kind='sentence'] ._itemText_ap5ty_252 {
  overflow: visible;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-overflow: clip;
  white-space: normal;
}

._itemCount_ap5ty_263,
._group_ap5ty_173[data-kind='sentence'] ._itemCount_ap5ty_263 {
  font-size: var(--oh-text-caption);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

._recordHead_35gmr_6 {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}

._heading_35gmr_12 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._guide_35gmr_19 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 1px solid var(--oh-color-text-faint);
  border-radius: 50%;
  color: var(--oh-color-text-faint);
  font-weight: 700;
  line-height: 1;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0 0 var(--oh-space-1);
  font-size: var(--oh-text-caption);
}

._guide_35gmr_19::after {
  position: absolute;
  content: '';
  inset: min(-13px, (100% - var(--oh-size-hit)) / 2);
}

._rate_35gmr_44 {
  margin-top: var(--oh-space-4);
}

._record_35gmr_6 {
  margin-top: var(--oh-space-4);
}

._frame_1m94v_13 {
  overflow: hidden;
  border: 1px solid var(--oh-color-line);
  overflow-x: auto;
  border-radius: var(--oh-radius-card);
}

._table_1m94v_20 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  color: var(--oh-color-text);
  text-align: center;
  min-width: 20rem;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._caption_1m94v_33 {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  white-space: nowrap;
}

._table_1m94v_20 th {
  border-bottom: 1px solid var(--oh-color-line);
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-sub);
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-1);
  font-weight: var(--oh-weight-bold);
}

._table_1m94v_20 td {
  vertical-align: middle;
}

._table_1m94v_20 tbody tr + tr > td,
._table_1m94v_20 tbody + tbody > tr:first-child > td {
  border-top: 1px solid var(--oh-color-line-soft);
}

._performed_1m94v_61 {
  display: block;
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

._performed_1m94v_61 > span {
  white-space: nowrap;
}

._status_1m94v_72 {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--oh-report-list-progress-bg);
  color: var(--oh-report-list-progress-text);
  font-weight: 700;
  vertical-align: top;
  min-height: 1.5rem;
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: 1;
}

._status_1m94v_72[data-done='true'] {
  color: var(--oh-color-done-check);
  background: var(--oh-home-lesson-surface);
}

._score_1m94v_92 {
  color: var(--oh-color-text-body);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._score_1m94v_92[data-tone='none'] {
  font-weight: 400;
}

._score_1m94v_92[data-tone='good'] {
  color: var(--oh-score-good);
}

._score_1m94v_92[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._score_1m94v_92[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._open_1m94v_115 {
  position: relative;
  display: inline-flex;
  color: var(--oh-color-icon-nav);
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._open_1m94v_115::after {
  position: absolute;
  inset: -15px -16px;
  content: none;
}

._colTime_1m94v_131 {
  width: 27.5%;
}

._colTitle_1m94v_135 {
  width: 22.5%;
}

._colType_1m94v_139 {
  width: 20%;
}

._colScore_1m94v_143 {
  width: 15%;
}

._colReport_1m94v_147 {
  width: 15%;
}

._table_1m94v_20 td,
._table_1m94v_20 td._time_1m94v_152,
._table_1m94v_20 td._name_1m94v_153 {
  padding: var(--oh-space-2) var(--oh-space-1);
}

._table_1m94v_20 th + th {
  border-left: 1px solid var(--oh-color-line);
}

._table_1m94v_20 td + td {
  border-left: 1px solid var(--oh-color-line-soft);
}

._open_1m94v_115 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  ._open_1m94v_115 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._empty_vnwsl_8 {
  color: var(--oh-color-text-muted);
  text-align: center;
  margin-top: calc(var(--oh-space-12) * 2 - var(--oh-space-row-under-header));
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._page_vnwsl_16 {
  padding: 0 var(--oh-space-4) var(--oh-space-10);
}

._tabBar_vnwsl_20 {
  margin: 0 calc(-1 * var(--oh-space-4));
  padding: var(--oh-space-row-under-header) var(--oh-space-4);
}

._record_vnwsl_25 {
  padding-top: var(--oh-space-4);
}

._card_224mf_11 {
  --area-title: var(--oh-color-text-strong);
  --area-bar: var(--oh-color-text-faint);
  --area-fill: var(--oh-color-line);
  border: 1px solid var(--oh-color-line);
  background: var(--oh-color-bg);
  box-shadow: 0 1px 8px var(--oh-report-card-shadow);
  padding: var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._card_224mf_11[data-area='content'] {
  --area-title: var(--oh-area-content-text);
  --area-fill: var(--oh-report-content-fill);
}

._card_224mf_11[data-area='word'] {
  --area-title: var(--oh-report-word-title);
  --area-bar: var(--oh-report-word-bar);
  --area-fill: var(--oh-report-word-fill);
}

._card_224mf_11[data-area='sentence'] {
  --area-title: var(--oh-report-sentence-title);
  --area-bar: var(--oh-report-sentence-bar);
  --area-fill: var(--oh-report-sentence-fill);
}

._card_224mf_11[data-area='speaking'] {
  --area-title: var(--oh-report-speaking-title);
}

._title_224mf_43 {
  color: var(--area-title);
  font-weight: 700;
  white-space: nowrap;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

._dashed_224mf_51 {
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--oh-color-line) 0 3px, transparent 3px 6px);
}

._meterRow_224mf_56 {
  display: flex;
  align-items: center;
  color: var(--oh-color-text-strong);
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-1) var(--oh-space-2);
}

._meterName_224mf_66 {
  flex: none;
  width: 6rem;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._meter_224mf_56 {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 4.5rem;
}

._meterFill_224mf_81 {
  flex: none;
  width: calc(27.7% * var(--meter-percent) / 100);
  height: 12px;
  border-radius: 6px;
  background: var(--area-fill);
}

._meterPercent_224mf_89 {
  font-weight: 700;
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._meterValue_224mf_96 {
  display: flex;
  align-items: baseline;
  flex: none;
  white-space: nowrap;
  margin-left: auto;
}

._mark_224mf_104 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 2.75px solid var(--oh-correct-text);
  border-radius: 50%;
  box-shadow: 0 0 2px var(--oh-verdict-correct-glow);
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._mark_224mf_104[data-result='incorrect'] {
  border: 0;
  box-shadow: none;
  color: var(--oh-wrong-text);
}

._wrongCount_224mf_122 {
  display: block;
  color: var(--oh-wrong-text);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
  white-space: normal;
}

._mark_224mf_104 > svg {
  width: 13px;
  height: 13px;
}

._time_1rauq_3 {
  color: var(--oh-report-number);
  font-weight: 700;
  font-size: var(--oh-text-body);
}

._timeNote_1rauq_9 {
  color: var(--oh-color-text-sub);
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-caption);
}

._rows_1rauq_15 {
  margin-top: var(--oh-space-4);
}

._weakTitle_ryl43_13 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._weakList_ryl43_21 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

._weak_ryl43_13 {
  display: flex;
  align-items: center;
  border-radius: 1.09375rem;
  background: var(--oh-report-weak-bg);
  color: var(--oh-color-text-strong);
  font-weight: 700;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-sm);
  padding: var(--oh-space-1) var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
  white-space: normal;
}

._weakCount_ryl43_43 {
  color: var(--oh-verdict-wrong-text);
  flex: none;
  translate: none;
  font-size: var(--oh-text-sm);
}

._actions_ryl43_50 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-3);
}

._explain_ryl43_57,
._explainWrong_ryl43_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--oh-radius-button);
  background: var(--oh-color-bg);
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

._explain_ryl43_57 {
  min-width: 0;
  border: 1px solid var(--oh-button-outline-brand-border);
  flex: 1 1 5rem;
  border-color: transparent;
  background: var(--oh-study-plain);
  color: var(--oh-home-ink);
}

._explainWrong_ryl43_58 {
  flex: none;
  border: 1px solid var(--oh-color-line);
  color: var(--oh-color-text-body);
}

._explain_ryl43_57[aria-disabled='true'],
._explainWrong_ryl43_58[aria-disabled='true'],
._rowExplain_ryl43_89[aria-disabled='true'] {
  cursor: default;
}

._table_ryl43_93 {
  width: 100%;
  border: 1px solid var(--oh-color-line);
  border-spacing: 0;
  table-layout: fixed;
  margin: var(--oh-space-3) 0 0;
  border-radius: var(--oh-radius-cell);
}

._headSentence_ryl43_102,
._headResult_ryl43_103 {
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-strong);
  text-align: center;
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

._headResult_ryl43_103 {
  border-left: 1px solid var(--oh-color-line);
  width: 3.5rem;
  border-radius: 0 var(--oh-radius-cell) 0 0;
}

._row_ryl43_89:active {
  background: var(--oh-color-row-hover);
}

@media (hover: hover) {
  ._row_ryl43_89:hover {
    background: var(--oh-color-row-hover);
  }
}

._sentenceCell_ryl43_130,
._resultCell_ryl43_131 {
  border-top: 1px solid var(--oh-color-line);
  vertical-align: middle;
}

._sentenceCell_ryl43_130 {
  text-align: center;
  padding: var(--oh-space-2) var(--oh-space-3);
}

._resultCell_ryl43_131 {
  border-left: 1px solid var(--oh-color-line);
  padding: var(--oh-space-2) var(--oh-space-1);
}

._sentence_ryl43_130 {
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._rowExplain_ryl43_89 {
  display: block;
  margin: 9.75px auto 0;
  color: var(--oh-color-brand-ink);
  font-weight: 700;
  position: relative;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._result_ryl43_131 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--oh-space-1);
  text-align: center;
}

._weakEnd_ryl43_171 {
  margin-top: var(--oh-space-4);
}

._explain_ryl43_57::after,
._explainWrong_ryl43_58::after {
  position: absolute;
  inset: -3px -1px;
  content: '';
}

._rowExplain_ryl43_89::after {
  position: absolute;
  inset: min(calc(var(--oh-space-3) * -1), (100% - var(--oh-size-hit)) / 2) calc(var(--oh-space-2) * -1);
  content: '';
}

html:not([data-pointer='mouse']) ._row_ryl43_89:is(:hover, :active) {
  background: none;
}

._headSentence_ryl43_102 {
  border-radius: var(--oh-radius-cell) 0 0 0;
}

._table_1wzbc_7 {
  border: 1px solid var(--oh-color-line);
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  margin: var(--oh-space-3) 0 0;
  border-radius: var(--oh-radius-cell);
}

._cell_1wzbc_16 {
  vertical-align: middle;
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-3);
}

._cell_1wzbc_16 + ._cell_1wzbc_16 {
  border-left: 1px solid var(--oh-color-line);
}

tr + tr > ._cell_1wzbc_16 {
  border-top: 1px solid var(--oh-color-line);
}

._entry_1wzbc_30 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--oh-space-2);
}

._word_1wzbc_37 {
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._entry_1wzbc_30 > :last-child:not(._word_1wzbc_37) {
  margin-bottom: calc((var(--oh-text-sm) * var(--oh-leading-body) - var(--oh-size-icon-sm)) / 2);
}

._word_1wzbc_37 > span {
  margin-top: 0;
  padding-bottom: 0;
}

._entry_1wzbc_30[data-wrong='true'] > :last-child:not(._word_1wzbc_37) {
  margin-bottom: calc((var(--oh-text-caption) * var(--oh-leading-body) - var(--oh-size-icon-sm)) / 2);
}

._head_1j79b_8 {
  display: flex;
  line-height: 1;
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--oh-space-1) 0;
  min-height: 0;
}

._headLabel_1j79b_18 {
  color: var(--oh-color-text-sub);
  margin-left: var(--oh-space-3);
  translate: none;
  font-size: var(--oh-text-sm);
}

._headPercent_1j79b_25 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-left: var(--oh-space-2);
  translate: none;
  font-size: var(--oh-text-h3);
}

._headCount_1j79b_33 {
  display: flex;
  align-items: baseline;
  margin-left: auto;
  padding-left: var(--oh-space-2);
  translate: none;
}

._count_1j79b_41 {
  color: var(--oh-report-number);
  font-weight: 700;
  font-size: var(--oh-text-body);
}

._countTotal_1j79b_47 {
  color: var(--oh-color-text-sub);
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

._bar_1j79b_53 {
  height: 10px;
  margin-top: var(--oh-space-4);
}

._barFill_1j79b_58 {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: var(--area-bar);
  box-shadow: 0 1px 2px var(--oh-report-bar-shadow);
}

._detailTitle_1j79b_66 {
  border-bottom: 2px solid var(--area-bar);
  box-shadow: 0 1px 1px -0.5px var(--oh-report-bar-shadow);
  color: var(--oh-color-text-strong);
  font-weight: 700;
  text-align: center;
  margin-top: var(--oh-space-8);
  padding-bottom: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

._stats_1j79b_78 {
  display: flex;
  color: var(--oh-color-text-strong);
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--oh-space-5);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._stats_1j79b_78 strong {
  font-weight: 700;
}

._rows_1j79b_94 {
  margin-top: var(--oh-space-4);
}

._stats_1j79b_78 strong,
._stats_1j79b_78 > span + span strong {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-body);
}

._statsTotal_1j79b_104 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

._card_7mt22_12 {
  background: var(--oh-color-bg);
  padding: var(--oh-space-4);
}

._card_7mt22_12 + ._card_7mt22_12 {
  border-top: 8px solid var(--oh-color-surface-muted);
}

._card_7mt22_12[data-selected='true'] {
  background: var(--oh-report-card-selected);
  box-shadow:
    inset 0 0 0 2px var(--oh-correct-text),
    0 0 0 1.5px var(--oh-verdict-correct-glow);
}

._head_7mt22_28 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

._sentence_7mt22_35 {
  flex: 1;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-reading);
}

._sentence_7mt22_35 > [data-tone='good'],
._scoreValue_7mt22_45[data-tone='good'] {
  color: var(--oh-score-good);
}

._sentence_7mt22_35 > [data-tone='fair'],
._scoreValue_7mt22_45[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._sentence_7mt22_35 > [data-tone='poor'],
._scoreValue_7mt22_45[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._card_7mt22_12[data-playing] ._sentence_7mt22_35 {
  font-weight: 700;
}

._play_7mt22_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  box-shadow: 0 0 0 1.5px var(--oh-button-outline-brand-glow);
  color: var(--oh-color-text-inverse);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._play_7mt22_63[aria-disabled='true'] {
  cursor: default;
}

._scoreArea_7mt22_79 {
  position: relative;
  margin-top: var(--oh-space-4);
}

._scores_7mt22_85 {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(2.5rem, 1fr));
  gap: var(--oh-space-1);
}

._score_7mt22_45 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--oh-color-surface-muted);
  min-height: 0;
  padding: var(--oh-space-2) 0;
  border-radius: var(--oh-radius-cell);
}

._scoreLabel_7mt22_102 {
  color: var(--oh-color-text-strong);
  white-space: nowrap;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._scoreValue_7mt22_45 {
  margin: 0;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-heading);
}

._failed_7mt22_118 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--oh-report-fail-veil);
  color: var(--oh-color-text-strong);
  text-align: center;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
  white-space: normal;
}

._control_7mt22_135 {
  width: 100%;
  height: 100%;
}

@media (pointer: coarse) {
  ._head_7mt22_28 {
    min-height: var(--oh-size-icon-button-touch);
  }

  ._play_7mt22_63 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._head_1vism_19 {
  display: flex;
  color: var(--oh-color-text-strong);
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--oh-space-1) var(--oh-space-4);
  min-height: 0;
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._activity_1vism_32 {
  color: var(--area-title);
  font-weight: 700;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._tag_1vism_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oh-color-surface-track);
  align-self: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-left: calc(var(--oh-space-2) - var(--oh-space-4));
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: 1;
  border-radius: var(--oh-radius-tag);
}

._averageGroup_1vism_55 {
  display: inline-flex;
  align-items: baseline;
  gap: var(--oh-space-2);
}

._averageGroup_1vism_55 > ._tag_1vism_39 {
  margin-left: 0;
}

._head_1vism_19 strong {
  font-weight: 700;
  margin-left: 0;
  font-size: var(--oh-text-body);
}

._videoBox_1vism_71 {
  position: relative;
  margin-top: var(--oh-space-4);
}

._video_1vism_71 {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--oh-radius-cell);
}

._notice_1vism_83 {
  color: var(--oh-wrong-text);
  text-align: center;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._toggles_1vism_91,
._controls_1vism_92 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-2);
}

._round_1vism_98 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 1px solid var(--oh-color-line);
  border-radius: 50%;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

._round_1vism_98[data-muted='true'] {
  border-color: var(--oh-color-line-soft);
  color: var(--oh-color-text-muted);
}

._round_1vism_98[aria-disabled='true'],
._playAll_1vism_117[aria-disabled='true'] {
  cursor: default;
}

._roundIcon_1vism_121 {
  flex: none;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

._audio_1vism_127 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--oh-color-line);
  background: var(--oh-report-audio-bg);
  padding: calc(var(--oh-space-2) + var(--oh-text-sm) * var(--oh-leading-body) + var(--oh-space-2)) 0;
  border-radius: var(--oh-radius-cell);
}

._audio_1vism_127[data-started] {
  background: var(--oh-color-surface-muted);
  padding: 0;
}

._audioMic_1vism_146 {
  position: absolute;
  top: calc(50% - 54.25px);
  left: calc(50% - 25.5px);
  width: 51px;
  height: 80px;
  color: var(--oh-review-audio-mic);
  --mic-gap: var(--oh-color-surface-muted);
}

._audioMark_1vism_156 {
  position: absolute;
  left: calc(50% - 17.25px);
  width: 34.5px;
  height: 34.5px;
  border-radius: 50%;
  background: var(--oh-report-audio-mark);
  top: calc(50% - var(--oh-size-control-lg) / 2 - var(--oh-space-5));
}

._playAll_1vism_117 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 29px;
  box-shadow: 0 2px 3px var(--oh-report-bar-shadow);
  font-weight: 700;
  gap: var(--oh-space-2);
  min-width: min(11.25rem, 100%);
  max-width: 100%;
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  translate: none;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  white-space: normal;
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._audioNote_1vism_189 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: calc(50% + var(--oh-size-control-lg) / 2 + var(--oh-space-2));
  color: var(--oh-color-text);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

._volume_1vism_201 {
  display: flex;
  align-items: center;
  max-width: 100%;
  border: 1px solid var(--oh-color-line);
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
  width: 240px;
  min-height: var(--oh-size-icon-button);
  padding: 0 var(--oh-space-3) 0 var(--oh-space-2);
  border-radius: 999px;
}

._volumeTrack_1vism_214 {
  flex: 1;
  min-width: 0;
  height: 10px;
  border-radius: 5px;
  background: var(--oh-color-line);
  position: relative;
  margin-left: var(--oh-space-2);
}

._volumeFill_1vism_224 {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: var(--oh-color-brand-graphic);
}

._recorded_1vism_231 {
  color: var(--oh-color-text-strong);
  text-align: right;
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._average_1vism_55,
._analyzed_1vism_240 {
  margin-left: 0;
}

._toggles_1vism_91 {
  margin-top: var(--oh-space-2);
}

._audio_1vism_127[data-started] > ._audioNote_1vism_189 {
  position: static;
  margin-top: calc(var(--oh-space-16) + var(--oh-text-sm) * var(--oh-leading-body));
  color: var(--oh-color-text-faint);
}

._controls_1vism_92 {
  margin-top: var(--oh-space-4);
}

._volumeTrack_1vism_214::after {
  position: absolute;
  inset: -17px 0;
  content: '';
}

@media (pointer: coarse) {
  ._round_1vism_98 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  ._volume_1vism_201 {
    min-height: var(--oh-size-icon-button-touch);
  }
}

._cards_1vism_275 {
  margin: var(--oh-space-1) 0 0;
}

html[data-pointer='mouse'] ._playAll_1vism_117:hover {
  background: var(--oh-study-action-pressed);
}

._page_1p23d_10 {
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
}

html[data-layout='desktop'] ._page_1p23d_10 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._close_1p23d_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  color: var(--oh-color-icon);
  margin-right: var(--oh-header-icon-pull);
}

._lesson_1p23d_31 {
  color: var(--oh-color-text-strong);
  text-align: center;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

._sections_1p23d_39 {
  display: flex;
  flex-direction: column;
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-4);
}

._failure_1p23d_46 {
  color: var(--oh-color-text-sub);
  text-align: center;
  padding: var(--oh-space-10) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._head_1p23d_54 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
  background: var(--oh-color-bg);
}

._headTitle_1p23d_65 {
  min-width: 0;
  margin-right: auto;
  color: var(--oh-color-text-strong);
  font-size: var(--oh-text-page-title);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-box: trim-both cap alphabetic;
}

._close_1p23d_20 > svg {
  width: var(--oh-size-header-icon);
  height: var(--oh-size-header-icon);
}

@media (pointer: coarse) {
  ._close_1p23d_20 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: var(--oh-header-icon-pull-touch);
  }
}

._body_1p23d_88 {
  padding: var(--oh-space-4) var(--oh-space-4) var(--oh-space-6);
}

._stages_78l15_8 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._stage_78l15_8 {
  display: flex;
  align-items: center;
  flex: none;
}

._stageArrow_78l15_20 {
  flex: none;
  width: 16.5px;
  color: var(--oh-color-text-disabled);
}

._stageCircle_78l15_26 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 46.5px;
  height: 46.5px;
  border-radius: 50%;
  background: var(--oh-tree-circle);
}

._week_78l15_37 {
  display: flex;
  justify-content: center;
  width: 14.5rem;
  max-width: 100%;
  min-height: 7.59375rem;
  padding-top: 19px;
  border: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
  border-radius: var(--oh-radius-card);
}

._weekDay_78l15_49 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 1 2.625rem;
  min-width: 0;
}

._weekdayName_78l15_57 {
  color: var(--oh-color-text-faint);
  line-height: 1;
  font-size: var(--oh-text-caption);
}

._weekCell_78l15_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  margin-top: 10px;
  color: var(--oh-color-text);
  line-height: 1;
  width: min(2.15625rem, 100% - var(--oh-space-2));
  font-size: var(--oh-text-body);
  border-radius: var(--oh-radius-cell);
}

._weekCell_78l15_63[data-mark='grown'] {
  background: var(--oh-pill-rate-complete-bg);
}

._weekCell_78l15_63[data-mark='late'] {
  background: var(--oh-color-surface-muted);
}

._weekCell_78l15_63[data-mark='missed'] {
  background: var(--oh-pill-rate-zero-bg);
}

._weekMark_78l15_88 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  margin-top: 8.5px;
}

._lateMark_78l15_96,
._missedMark_78l15_97 {
  color: var(--oh-color-text-faint);
}

._fruit_78l15_101 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 133px;
  height: 133px;
  border: 2px solid var(--oh-welcome-fruit-border);
  border-radius: 50%;
  background: var(--oh-welcome-fruit-bg);
}

._screen_b2r2i_9 {
  display: flex;
  flex-direction: column;
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
}

html[data-layout='desktop'] ._screen_b2r2i_9 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._top_b2r2i_21 {
  display: flex;
  justify-content: flex-end;
  flex: none;
  align-items: center;
  min-height: var(--oh-size-header);
  padding: 0 var(--oh-space-4);
}

._skip_b2r2i_30 {
  position: relative;
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._skip_b2r2i_30::after {
  position: absolute;
  inset: -14px -12px;
  content: '';
}

._stage_b2r2i_44 {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 21rem;
  overflow: hidden;
}

._slide_b2r2i_52 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 var(--oh-space-page);
}

._slide_b2r2i_52[data-motion='enter'] {
  animation: _slide-in_b2r2i_1 333ms ease;
}

._slide_b2r2i_52[data-motion='leave'] {
  animation: _slide-out_b2r2i_1 333ms ease forwards;
}

@keyframes _slide-in_b2r2i_1 {
  from {
    translate: 100% 0;
  }
}

@keyframes _slide-out_b2r2i_1 {
  to {
    translate: -100% 0;
  }
}

._caption_b2r2i_83 {
  color: var(--oh-welcome-fruit-caption);
  font-weight: 700;
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._title_b2r2i_91 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

._body_b2r2i_100 {
  color: var(--oh-color-text-sub);
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._body_b2r2i_100 > strong {
  color: var(--oh-color-text);
  font-weight: 700;
}

._footer_b2r2i_112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  padding: var(--oh-dock-pad-top) var(--oh-space-4) var(--oh-dock-pad-bottom);
}

._dots_b2r2i_120 {
  display: flex;
  align-items: center;
  gap: 6.5px;
  height: 6.5px;
}

._dot_b2r2i_120 {
  width: 5.5px;
  height: 5.5px;
  border-radius: 3.25px;
  background: var(--oh-color-line);
  transition:
    width 333ms ease,
    background-color 333ms ease;
}

._dot_b2r2i_120[data-current] {
  width: 18px;
  height: 6.5px;
  background: var(--oh-color-brand);
}

._action_b2r2i_143 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-shadow: 0 0 5px var(--oh-color-brand-glow);
  font-weight: 700;
  border-radius: var(--oh-radius-big-button);
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-6);
  padding: var(--oh-space-2) var(--oh-space-6);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  background: var(--oh-study-action);
  color: var(--oh-study-action-ink);
}

._title_b2r2i_91[data-after-caption] {
  margin-top: var(--oh-space-6);
}

html[data-pointer='mouse'] ._action_b2r2i_143:hover {
  background: var(--oh-study-action-pressed);
}

._picked_p5uun_9 {
  background: var(--oh-wrong-surface);
  min-height: 0;
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-3) var(--oh-space-4);
  border-radius: var(--oh-radius-card);
}

._pickedLabel_p5uun_17 {
  color: var(--oh-picked-label);
  line-height: 1.3;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

._pickedWord_p5uun_24 {
  color: var(--oh-picked-word);
  font-weight: 700;
  line-height: 1.3;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-h3);
}

._answerLabel_p5uun_32 {
  color: var(--oh-verdict-correct-text);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

._wordRow_p5uun_41 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-3);
  min-height: var(--oh-size-icon-button);
  margin-top: var(--oh-space-2);
}

._word_p5uun_41 {
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  letter-spacing: 0.008em;
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

._meaning_p5uun_58 {
  color: var(--oh-sheet-text-sub);
  line-height: 1.5;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
}

._note_p5uun_65 {
  color: var(--oh-sheet-text-note);
  line-height: 1.5;
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

._emoji_p5uun_72 {
  margin-left: 2px;
  font-size: 1.24em;
  line-height: 0;
  vertical-align: -0.08em;
}

._wordRow_p5uun_41[data-verdict='correct'] {
  margin-top: var(--oh-space-4);
}

._meaning_p5uun_58[data-last] {
  padding-bottom: var(--oh-space-6);
}

._page_180xx_16 {
  display: flex;
  flex-direction: column;
  min-height: var(--oh-screen-height);
  --oh-study-head-surface: transparent;
  --oh-correct-text: var(--oh-study-correct-text);
  background: var(--oh-study-backdrop);
}

html[data-layout='desktop'] ._page_180xx_16,
html[data-layout='desktop'] ._failure_180xx_26 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._main_180xx_31 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

._promptArea_180xx_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 6rem;
  padding: 0 var(--oh-space-4);
  margin: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
  border-radius: var(--oh-radius-md);
  background: var(--oh-color-bg);
}

._prompt_180xx_38 {
  max-width: 100%;
  color: var(--oh-color-text-strong);
  font-weight: 700;
  letter-spacing: -0.023em;
  font-size: var(--oh-text-h1);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
  word-break: keep-all;
}

._sendFailed_180xx_61 {
  color: var(--oh-wrong-text);
  text-align: center;
  padding: 0 var(--oh-space-4) var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

._choices_180xx_8 {
  position: relative;
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--oh-space-2);
  margin: 0 var(--oh-space-4);
  padding: var(--oh-space-4);
  overflow: hidden;
  border-radius: var(--oh-radius-md);
  background: var(--oh-study-pad);
}

._choices_180xx_8[data-band]::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  top: 0;
}

._choices_180xx_8 > li {
  position: relative;
}

._choice_180xx_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid var(--oh-color-border);
  background: var(--oh-color-bg);
  color: var(--oh-color-text);
  text-align: center;
  
  -webkit-tap-highlight-color: transparent;
  min-height: max(3.5rem, var(--oh-size-hit));
  border-radius: var(--oh-radius-cell);
  box-shadow: none;
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

._failure_180xx_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: var(--oh-screen-height);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-muted);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

._failureLink_180xx_127 {
  color: var(--oh-color-brand-deep);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-4);
}

._page_180xx_16[data-review] ._prompt_180xx_38 {
  font-size: var(--oh-text-h2);
}

._page_180xx_16[data-review] ._promptArea_180xx_38 {
  padding-bottom: 0;
}

._answer_180xx_4 {
  display: block;
  flex: none;
  padding-top: var(--oh-space-4);
  border-radius: var(--oh-radius-lg) var(--oh-radius-lg) 0 0;
  background: var(--oh-color-bg);
}

._choice_180xx_8[data-picked='true'],
._choice_180xx_8[data-pressing='true'],
._choice_180xx_8:focus-visible:active {
  border-color: var(--oh-study-blank-edge);
  background: var(--oh-study-blank);
  box-shadow: inset 0 0 0 0.5px var(--oh-study-blank-edge);
}