: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;
}

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

._icon_bh0z5_3 > svg {
  display: block;
  width: 100%;
  height: 100%;
}

._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));
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format('woff2'), url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format('woff2'), url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format('woff2'), url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format('woff2'), url(/assets/inter-latin-700-normal-BLAVimhd.woff) format('woff');
}

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

  
  --oh-column-width: 30rem;
  --oh-space-page: 16px;
  --oh-header-height: 3.75rem;
  --oh-tabbar-height: 3.75rem;
  --oh-radius-card: 12px;
  --oh-radius-button: 12px;
  --oh-radius-control: 9px;
  --oh-radius-tag: 5px;
  --oh-radius-sheet: 20px;
  --oh-radius-cta: 16px;

  
  --oh-color-bg: #ffffff;
  --oh-color-backdrop: #f2f2f4;
  --oh-color-surface-muted: #f8f8f8;
  --oh-color-row-hover: var(--oh-color-surface-muted);
  --oh-color-line: #e0e0e0;
  --oh-color-border: var(--oh-color-line);
  --oh-color-border-strong: #bdbdbd;
  --oh-color-border-button: var(--oh-color-line);
  --oh-color-shadow-nav: rgb(0 0 0 / 0.12);
  
  --oh-color-scrim: rgb(15 29 37 / 0.55);
  --oh-color-scrim-plain: rgb(0 0 0 / 0.54);

  
  --oh-color-text: #1d1f23;
  --oh-color-text-strong: #121212;
  --oh-color-text-body: #2f2f2f;
  --oh-color-text-muted: #757575;
  --oh-color-text-faint: #949494;
  --oh-color-text-disabled: #c9c9c9;
  --oh-color-text-inverse: #ffffff;
  --oh-color-icon: #1a1a1a;
  --oh-color-icon-nav: #4d4d4d;
  --oh-color-dot-muted: var(--oh-color-border-strong);
  --oh-color-focus: var(--oh-color-brand-deep);

  
  --oh-color-brand: #11b09a;
  --oh-color-brand-pressed: #0f9c8b;
  --oh-color-brand-deep: #13856c;
  --oh-color-brand-glow: #c4fff9;
  --oh-color-brand-outline: var(--oh-color-brand-outline-text);
  --oh-color-brand-outline-text: #2e947f;
  --oh-color-brand-outline-soft: #5a9591;
  --oh-color-nav-selected: var(--oh-color-brand);
  --oh-color-nav-icon: var(--oh-color-text-muted);
  --oh-color-nav-label: var(--oh-color-text-muted);
  --oh-color-today-marker: var(--oh-color-icon);

  
  --oh-color-danger: #fe5047;

  
  --oh-state-not-started-band: #fee6e4;
  --oh-state-not-started-card-border: #f1edec;
  --oh-state-not-started-face: var(--oh-state-not-started-band);
  --oh-state-not-started-face-border: #f1ced2;
  --oh-state-not-started-ledge: #fcd2d3;
  --oh-state-not-started-pressed-from: #ffa89e;
  --oh-state-not-started-pressed-to: #ffdad4;
  --oh-state-not-started-pressed-border: #f0a19c;
  --oh-state-not-started-dot: #f46760;
  --oh-state-in-progress-band: #fef2cc;
  --oh-state-in-progress-card-border: #faf0bd;
  --oh-state-in-progress-face: #fdf7c3;
  --oh-state-in-progress-face-border: #f6e7b0;
  --oh-state-in-progress-ledge: #fde5b5;
  --oh-state-in-progress-pressed-from: #fccd7f;
  --oh-state-in-progress-pressed-to: #ffeeba;
  --oh-state-in-progress-pressed-border: #edbc77;
  --oh-state-in-progress-dot: #f9ba21;
  --oh-state-done-band: #9bf2bd;
  --oh-state-done-card-border: #d4f3e1;
  --oh-state-done-face: #e9fdf1;
  --oh-state-done-face-border: #c9ebdb;
  --oh-state-done-ledge: var(--oh-state-done-face-border);
  --oh-state-done-pressed-from: #82d2ad;
  --oh-state-done-pressed-to: var(--oh-state-done-card-border);
  --oh-state-done-pressed-border: var(--oh-state-done-pressed-from);
  --oh-state-done-dot: #11ae60;
  --oh-date-face: #ffffff;
  --oh-date-face-border: var(--oh-color-line);
  --oh-date-ledge: var(--oh-color-text-disabled);
  --oh-date-text: var(--oh-color-text-body);
  --oh-date-text-marked: var(--oh-card-title);

  
  --oh-activity-dot-not-started: var(--oh-color-danger);
  --oh-activity-dot-in-progress: var(--oh-state-in-progress-dot);
  --oh-activity-dot-completed: #048d49;
  --oh-badge-low: var(--oh-activity-dot-not-started);
  --oh-badge-mid: #ff8000;
  --oh-badge-full: var(--oh-state-done-dot);
  --oh-color-done-check: var(--oh-color-brand-deep);

  
  --oh-pill-time-bg: #f1f5f6;
  --oh-pill-time-label: #60676f;
  --oh-pill-time-value: var(--oh-color-text);
  --oh-pill-rate-zero-bg: #ffe6ea;
  --oh-pill-rate-zero-border: #e4c6c8;
  --oh-pill-rate-zero-label: #b67c83;
  --oh-pill-rate-zero-value: #93323e;
  --oh-pill-rate-partial-bg: var(--oh-state-in-progress-band);
  --oh-pill-rate-partial-border: var(--oh-state-in-progress-face-border);
  --oh-pill-rate-partial-label: #8a6d2b;
  --oh-pill-rate-partial-value: #7a4a06;
  --oh-pill-rate-complete-bg: #e5f3e4;
  --oh-pill-rate-complete-border: #c9e0cc;
  --oh-pill-rate-complete-label: #4c6955;
  --oh-pill-rate-complete-value: #0a541f;

  
  --oh-button-start: #ff507f;
  --oh-button-start-ledge: #d9476e;
  --oh-button-start-glow: rgb(255 80 127 / 0.28);
  --oh-button-resume: #ff7f1a;
  --oh-button-resume-ledge: #dc6d16;
  --oh-button-resume-glow: rgb(255 127 26 / 0.28);
  --oh-button-resume-percent: #cc6916;
  --oh-button-resume-track: #f0d1ad;
  --oh-card-title: #231c19;

  
  --oh-button-cta-shine: rgb(255 255 255 / 0.18);
  --oh-button-cta-brand-glow: rgb(17 176 154 / 0.4);
  --oh-button-danger: var(--oh-color-danger);
  --oh-button-danger-pressed: #f64e43;
  --oh-button-danger-ledge: #df483f;
  --oh-button-danger-glow: rgb(254 80 71 / 0.36);

  
  --oh-loading-cube-face: #02e2c7;
  --oh-loading-cube-edge: #01a18c;
  --oh-loading-tile: #16c8d4;

  
  --oh-area-content-bg: #f2e6d6;
  --oh-area-content-text: #50412e;
  --oh-area-word-bg: #ffe5ee;
  --oh-area-word-text: #b7436b;
  --oh-area-sentence-bg: #e6f1fc;
  --oh-area-sentence-text: #155bd2;
  --oh-area-speaking-bg: #e9fdf4;
  --oh-area-speaking-text: #2da56a;
  --oh-area-other-bg: var(--oh-pill-time-bg);
  --oh-area-other-text: var(--oh-pill-time-label);

  
  --oh-tree-circle: #eff9f1;
  --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: #f08a2e;
  --oh-tree-caption: #2b6936;
  --oh-tree-help: #63806d;

  
  --oh-logo-text: #000000;
  --oh-logo-photo: #f6d258;

  
  
  --oh-color-brand-ink: #125a50;
  
  --oh-celebration-bg: #2b2b2b;
  --oh-celebration-art: #858279;
  --oh-celebration-text: #c6c6c6;
  
  --oh-confetti-white: #ededed;
  --oh-confetti-gold-light: #c0a585;
  --oh-confetti-gold: #ae8c66;
  --oh-confetti-gold-deep: #94724c;
  --oh-confetti-gold-dark: #795c3a;
  
  --oh-complete-bg-top: #fdf5e0;
  --oh-complete-bg-bottom: #fefaef;
  --oh-complete-dot: #dae3db;
  --oh-complete-caption: #716751;
  --oh-complete-icon: #babbb5;
  --oh-complete-card-shadow: rgb(120 90 20 / 0.06);
  --oh-complete-button-shadow: rgb(60 60 40 / 0.1);
  
  --oh-button-outline-brand-border: #58b9a8;
  --oh-button-outline-brand-glow: rgb(196 255 249 / 0.7);
  
  --oh-report-card-shadow: rgb(0 0 0 / 0.07);
  --oh-report-word-title: #c01550;
  --oh-report-sentence-title: #0649bd;
  --oh-report-speaking-title: #0c874f;
  --oh-report-word-bar: var(--oh-result-chip-word);
  --oh-report-sentence-bar: #035cff;
  --oh-report-bar-shadow: rgb(0 0 0 / 0.3);
  --oh-report-content-fill: #e6cfb0;
  --oh-report-word-fill: #ffcade;
  --oh-report-sentence-fill: #acd1fe;
  
  --oh-report-number: #108d78;
  --oh-report-weak-bg: var(--oh-state-not-started-band);
  
  --oh-report-audio-bg: #c0c0c0;
  --oh-report-audio-mark: #868686;
  --oh-report-card-selected: #fffdf0;
  --oh-report-fail-veil: rgb(255 255 255 / 0.86);

  
  
  --oh-correct-surface: var(--oh-state-done-face);
  --oh-correct-text: var(--oh-area-speaking-text);
  --oh-wrong-surface: #fdf1ee;
  --oh-wrong-text: #e2554d;
  
  --oh-color-text-sub: var(--oh-color-icon-nav);
  --oh-color-surface-track: #f0f0f0;
  --oh-color-line-soft: #ececec;
  
  --oh-study-fill-glow: var(--oh-color-brand-glow);
  --oh-study-gear-muted: #a9a9a9;
  --oh-study-gear-border: var(--oh-color-line);
  --oh-study-gear-border-muted: var(--oh-color-surface-muted);
  
  --oh-choice-ledge: var(--oh-color-line);
  --oh-quiz-band-correct: #5fe5a4;
  --oh-quiz-band-wrong: #f8999f;
  
  --oh-verdict-correct-mark: var(--oh-state-done-dot);
  --oh-verdict-correct-glow: #c9f7dd;
  --oh-verdict-correct-text: #108048;
  --oh-verdict-wrong-mark: var(--oh-color-danger);
  --oh-verdict-wrong-text: #a82828;
  --oh-picked-label: #7d2827;
  --oh-picked-word: #bb2320;
  --oh-sheet-text-sub: #3a3f46;
  --oh-sheet-text-note: #525861;
  --oh-button-next-waiting: #c3d1de;
  
  --oh-leave-art: #ecf6f1;
  --oh-button-outline-pressed: var(--oh-color-surface-muted);
  --oh-button-outline-glow: rgb(226 85 77 / 0.2);
  
  --oh-result-chip-word: #fa367e;
  --oh-result-chip-sentence: #337efd;
  --oh-result-glow: #d0f5f2;
  --oh-chip-edge: rgb(0 0 0 / 0.1);
  --oh-color-veil: rgb(255 255 255 / 0.67);
  --oh-result-dot: var(--oh-color-text-faint);
  --oh-result-dot-light: var(--oh-color-text-disabled);

  
  
  --oh-watch-stage: #000000;
  --oh-watch-picture: #7b7e8b;
  --oh-watch-mark-disc: rgb(0 0 0 / 0.7);
  --oh-watch-picture-dim: rgb(0 0 0 / 0.6);
  
  --oh-watch-step-bg: #423225;
  --oh-watch-step-text: #c3a78f;
  
  --oh-watch-list-bg: #0c0c0c;
  --oh-watch-row-current-bg: #161616;
  --oh-watch-line: rgb(255 255 255 / 0.03);
  --oh-watch-list-edge: #1b1b1b;
  --oh-watch-text-soft: #e5e5e5;
  --oh-watch-english-next: #747474;
  --oh-watch-korean-next: #666666;
  --oh-watch-english-past: #4a4a4a;
  --oh-watch-korean-past: #404040;
  
  --oh-watch-controls-floor: #020202;
  --oh-watch-track: rgb(255 255 255 / 0.2);
  --oh-watch-progress: #b8966e;
  --oh-watch-progress-rest: #151310;
  --oh-watch-settings-bg: #1d1d1d;
  
  --oh-watch-done-bg: #9e794f;

  
  
  --oh-dubbing-dim: rgb(0 0 0 / 0.82);
  --oh-dubbing-alert-dim: rgb(0 0 0 / 0.34);
  
  --oh-dubbing-video: var(--oh-watch-picture);
  --oh-dubbing-video-blank: var(--oh-watch-stage);
  --oh-dubbing-video-mark: var(--oh-color-text-inverse);
  --oh-dubbing-video-mark-disc: rgb(0 0 0 / 0.2);
  --oh-dubbing-video-dot: var(--oh-color-brand);
  
  --oh-dubbing-counter: #868686;
  --oh-dubbing-rest-translation: #b2b2b2;
  --oh-dubbing-card-shadow: rgb(0 0 0 / 0.1);
  --oh-dubbing-list-fade: var(--oh-color-backdrop);
  
  --oh-score-good: #0e9e5b;
  --oh-score-fair: #eb9e10;
  --oh-score-poor: #da3839;
  
  --oh-dubbing-speak-bar: #25c4b1;
  
  --oh-dubbing-strip-bg: var(--oh-pill-time-bg);
  --oh-dubbing-strip-text: var(--oh-pill-time-label);
  --oh-dubbing-prep-track: #e5e8f2;
  --oh-dubbing-prep-arc: #5b60d8;
  --oh-dubbing-wave: #bcc1e8;
  --oh-dubbing-rec-dot: #ff3535;
  
  --oh-dubbing-button-held: #019682;
  --oh-dubbing-button-shine: rgb(255 255 255 / 0.3);
  --oh-dubbing-button-shade: rgb(0 0 0 / 0.14);
  --oh-dubbing-preparing: #7bd7cc;
  --oh-dubbing-record-locked: #fca19c;
  --oh-dubbing-guide-text: #a1a1a1;
  --oh-dubbing-control-pressed: #ebebeb;
  --oh-dubbing-submit-to: #0176bc;
  
  --oh-dubbing-veil: rgb(255 255 255 / 0.67);
  
  --oh-ai-blue: #3690f8;
  --oh-ai-violet: #8222dc;
  --oh-ai-star-soft-from: #c5d5ee;
  --oh-ai-star-soft-to: #dbbce6;
  
  --oh-dubbing-tutor-shadow: rgb(0 0 0 / 0.12);
  --oh-dubbing-replay-bg: #e4fefb;
  --oh-dubbing-replay-border: #c1e8e3;
  
  --oh-dubbing-mode-edge: var(--oh-color-text-muted);
  --oh-dubbing-mode-close: #4c9fe1;
  --oh-dubbing-mode-option: #f5fbf9;
  --oh-dubbing-mode-option-border: #dbeae7;
  --oh-dubbing-mode-option-pressed: #e4f7f5;
  
  --oh-dubbing-camera-border: #eaeaea;
  --oh-dubbing-camera-bg: #12110f;

  
  
  --oh-grammar-art: #dbedf3;
  --oh-grammar-start-end: #0099f7;
  --oh-grammar-start-shine: rgb(255 255 255 / 0.3);
  --oh-grammar-start-shade: rgb(0 0 0 / 0.14);
  
  --oh-grammar-video-frame: var(--oh-watch-stage);
  --oh-grammar-video: var(--oh-watch-picture);
  --oh-grammar-video-mark: var(--oh-dubbing-video-mark);
  --oh-grammar-video-mark-disc: var(--oh-dubbing-video-mark-disc);
  
  --oh-grammar-blank-active: var(--oh-state-done-face);
  --oh-grammar-blank-active-border: #2c9b8b;
  --oh-grammar-blank-active-glow: var(--oh-color-brand-glow);
  
  --oh-grammar-choice-shade: #efefef;
  --oh-grammar-band-correct: var(--oh-state-done-band);
  --oh-grammar-band-wrong: var(--oh-quiz-band-wrong);
  
  --oh-grammar-chip-correct: var(--oh-correct-surface);
  --oh-grammar-chip-correct-border: var(--oh-state-done-face-border);
  --oh-grammar-chip-correct-text: #0f6a5a;
  --oh-grammar-chip-wrong: var(--oh-wrong-surface);
  --oh-grammar-chip-wrong-border: #ecd0cd;
  --oh-grammar-chip-wrong-text: var(--oh-picked-word);
  --oh-grammar-chip-skipped: var(--oh-pill-time-bg);
  --oh-grammar-chip-skipped-border: var(--oh-color-line-soft);
  --oh-grammar-chip-skipped-text: #7d8793;
  
  --oh-grammar-mint: var(--oh-dubbing-replay-bg);
  --oh-grammar-mint-text: var(--oh-color-brand-ink);
  --oh-grammar-caption: var(--oh-verdict-correct-text);
  
  --oh-grammar-role-subject: #c52660;
  --oh-grammar-role-verb: var(--oh-area-sentence-text);
  --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: #424242;
  
  --oh-grammar-note-dot: var(--oh-color-danger);
  --oh-grammar-note-title: var(--oh-wrong-text);

  
  
  --oh-report-list-tab-idle: var(--oh-color-text-muted);
  --oh-report-list-tab-pressed: var(--oh-color-text-sub);
  --oh-report-list-tab-underline: var(--oh-color-text-body);
  --oh-report-list-progress-bg: #fefae8;
  --oh-report-list-progress-text: #a3681b;
  
  --oh-ranking-arrow-off: var(--oh-color-border-strong);
  --oh-ranking-note: #626262;
  --oh-ranking-list-shadow: rgb(0 0 0 / 0.14);
  --oh-ranking-mine-from: #cbeefe;
  --oh-ranking-mine-to: #d9f6fe;
  --oh-ranking-mine-text: #00454c;
  
  --oh-mypage-avatar: #eed5c1;
  
  --oh-mypage-tree-bg: var(--oh-tree-circle);
  --oh-mypage-tree-border: #e2ebe6;
  --oh-mypage-tree-strong: #17602a;
  --oh-mypage-tree-sub: var(--oh-pill-rate-complete-label);
  --oh-mypage-tree-longest: #324335;
  --oh-mypage-tree-button: #355a43;
  --oh-mypage-tree-track: #d8e9d9;
  --oh-mypage-tree-fill: #41b65e;
  --oh-mypage-tree-line: var(--oh-complete-dot);
  --oh-mypage-tree-shadow: rgb(40 110 70 / 0.1);
  
  --oh-mypage-calendar-sunday: #d9a9a3;
  --oh-mypage-calendar-arrow: #739282;
  --oh-mypage-calendar-arrow-off: #cad6cc;
  --oh-mypage-calendar-tree: #4cb066;
  
  --oh-mypage-rate-fill: #43a747;
  --oh-mypage-rate-arrow: #a17836;
  --oh-mypage-rate-arrow-off: #ccbd9c;
  --oh-mypage-rate-empty-bg: #fdf1db;
  --oh-mypage-rate-empty-border: #f5e0b4;
  --oh-mypage-rate-empty-text: #71500f;
  --oh-mypage-rate-empty-notice: #907d59;
  
  --oh-mypage-segment-shadow: rgb(0 0 0 / 0.1);
  --oh-mypage-chart-guide: var(--oh-color-text-disabled);
  --oh-mypage-time-bar: #f5761d;
  --oh-mypage-unit: #b0b0b0;
  --oh-mypage-pick-bg: #eefaf8;
  --oh-mypage-pick-border: #d0e6e3;
  
  --oh-mypage-update-off: #eaebef;
  --oh-mypage-weak-word-bg: #fff1f4;
  --oh-mypage-weak-word-border: #ead9df;
  --oh-mypage-weak-sentence-text: #2e529c;
  --oh-mypage-weak-sentence-bg: #f0f5ff;
  --oh-mypage-weak-sentence-border: #d7dfea;
  --oh-mypage-weak-sentence-band: #366bd5;

  
  
  --oh-store-font: 'Inter', var(--oh-font-sans);
  
  --oh-store-bg: #f1f5f6;
  --oh-store-text-sub: #5c5d60;
  --oh-store-text-body: #3a3c3e;
  --oh-store-border: #e1e2e4;
  --oh-store-border-strong: #d2d2d2;
  
  --oh-store-accent: #28b195;
  
  --oh-store-cta: var(--oh-dubbing-button-held);
  --oh-store-cta-glow: #b9f4f0;
  --oh-store-cta-off: #b7b7b7;
  
  --oh-store-badge-bg: #dbf2ee;
  --oh-store-badge-text: var(--oh-color-brand-deep);
  --oh-store-amount: var(--oh-color-brand-deep);
  --oh-store-chip-dark: #2d323e;
  --oh-store-more-tile: #3c424e;
  
  --oh-store-mint: #e1f8f5;
  --oh-store-plan-selected: var(--oh-dubbing-mode-option);
  
  --oh-store-info-bg: #e7f4f3;
  --oh-store-info-border: #b4cfca;
  --oh-store-info-label: #3f6059;
  --oh-store-info-strong: #0a2923;
  
  --oh-store-row-pressed: #bcbcbc;
  --oh-store-row-pressed-border: #a0a0a0;
  --oh-store-handle: #ccd0d4;
  
  --oh-store-banner: #d4cec5;
  --oh-store-review-photo: #b1b3b7;
  --oh-store-logo-yellow: #fbed04;
  --oh-store-logo-violet: #5852fc;
  
  --oh-store-intro-yellow: #ffdb49;
  --oh-store-intro-pale-yellow: #fee883;
  --oh-store-intro-light-yellow: #fef4bf;
  --oh-store-intro-cream: #fefbe8;
  --oh-store-intro-sky: #66a6fd;
  --oh-store-intro-blue: #1e76fe;
  
  --oh-store-chat: #07adcd;
  --oh-store-chat-mark: #c8fbff;
  --oh-store-chat-shadow: rgb(0 0 0 / 0.16);
  
  --oh-store-footer-bg: #111822;
  --oh-store-footer-line: #1d242e;
  --oh-store-footer-label: #979ea8;
  --oh-store-footer-value: #ced5df;
  --oh-store-footer-mark: #666c78;
  
  --oh-store-band: #f7f7f9;
  --oh-store-social: #fee300;
  --oh-store-social-text: #261300;
  --oh-store-submit: #191919;

  
  
  --oh-review-notice-bg: var(--oh-dubbing-replay-bg);
  --oh-review-notice-edge: rgb(18 90 80 / 0.06);
  
  --oh-review-option-selected: var(--oh-dubbing-mode-option-pressed);
  --oh-review-level-easy: #9be3bc;
  --oh-review-level-medium: #f9efcb;
  --oh-review-level-hard: #f7d4c8;
  
  --oh-review-video-preparing: #757575;
  
  --oh-review-audio-mic: var(--oh-color-text-faint);

  
  
  --oh-menu-row-pressed: var(--oh-dubbing-control-pressed);
  --oh-menu-link-icon: var(--oh-study-gear-muted);
  --oh-menu-logout: #2573bc;
  
  --oh-sheet-handle: var(--oh-color-line);
  --oh-invite-icon-bg: #e5f6f0;
  --oh-invite-step-glow: rgb(19 133 108 / 0.25);
  --oh-invite-share: #437f66;
  
  --oh-invite-avatar-ring: rgb(255 255 255 / 0.75);
  --oh-invite-step-shadow: rgb(0 0 0 / 0.12);
  --oh-invite-me-shadow: rgb(19 133 108 / 0.14);
  
  --oh-avatar-gold-bg: #fdf2d0;
  --oh-avatar-gold-text: #a96f24;
  --oh-avatar-gold-ring: #fcda7c;
  --oh-avatar-pink-bg: #fce7ee;
  --oh-avatar-pink-text: #ae3d5e;
  --oh-avatar-blue-bg: #e2effe;
  --oh-avatar-blue-text: #385db1;
  --oh-avatar-purple-bg: #e7e3fa;
  --oh-avatar-purple-text: #5a46b6;
  --oh-avatar-orange-bg: #fbeedf;
  --oh-avatar-orange-text: #b77328;
  --oh-avatar-green-bg: #e7f6ef;
  --oh-avatar-green-text: #36a288;
  
  --oh-color-line-faint: #f3f3f3;
  
  --oh-billing-guide-bg: #fbfdfc;
  --oh-billing-invite-bg: #eefaf8;
  --oh-billing-invite-border: var(--oh-dubbing-mode-option-border);
  --oh-billing-invite-track: #d9ece6;
  --oh-billing-invite-count: #4c6f68;
  --oh-billing-browse-pressed: #017a67;
  
  --oh-welcome-fruit-bg: #fdf9ee;
  --oh-welcome-fruit-border: #ece1b4;
  --oh-welcome-fruit-caption: #a3771e;
  
  --oh-profile-notice-bg: #fef7dd;
  --oh-profile-notice-border: #f6e9b2;
  --oh-profile-notice-text: #3a3109;

  
  
  --oh-lesson-bar: #006658;
  --oh-lesson-bar-pressed: #2b8176;
  --oh-lesson-tab-shadow: rgb(0 102 88 / 0.28);
  
  --oh-lesson-tab-bg: #edeef0;
  --oh-lesson-tab-text: #646567;
  
  --oh-lesson-video-play: rgb(255 255 255 / 0.31);
  
  --oh-lesson-row-current: var(--oh-dubbing-replay-bg);
  --oh-lesson-speaker: #019682;
  
  --oh-lesson-mint-soft: #f2fff6;
  --oh-lesson-mint-ink: #063f36;
  
  --oh-lesson-menu-scrim: rgb(0 0 0 / 0.12);
  
  --oh-lesson-segment-bg: #e1e1e1;
  --oh-lesson-segment-text: var(--oh-dubbing-counter);
  --oh-lesson-segment-shadow: rgb(0 0 0 / 0.16);
  
  --oh-lesson-read-text: var(--oh-grammar-chip-correct-text);
  --oh-lesson-chevron: #404040;
  
  --oh-lesson-chip-shadow: rgb(0 0 0 / 0.08);
  --oh-lesson-chip-pressed-border: #a3a3a3;
  --oh-lesson-card-shadow: rgb(0 60 50 / 0.2);
  --oh-lesson-card-wave: #63daa9;
  
  --oh-settings-panel-bg: #181c27;
  --oh-settings-panel-edge: #232733;
  --oh-settings-panel-close: #e4e8f3;
  --oh-settings-panel-label: #dde5f0;
  --oh-settings-panel-note: #9ea8b5;
  
  --oh-settings-option-bg: #232732;
  --oh-settings-option-border: #343843;
  --oh-settings-option-text: #e9edf8;
  --oh-settings-option-pressed-bg: #272e38;
  --oh-settings-option-pressed-border: #373e48;
  --oh-settings-option-on: #10b175;
  --oh-settings-option-on-glow: rgb(16 177 117 / 0.35);
  
  --oh-settings-gear-on-bg: #091e17;
  --oh-settings-gear-on: #40b585;
  
  --oh-settings-control-off: #c5c5c5;
  --oh-settings-sheet-dim: rgb(0 0 0 / 0.26);
}

:root {
  
  --oh-text-caption: 0.75rem;
  --oh-text-label: 0.8125rem;
  --oh-text-sm: 0.875rem;
  --oh-text-body: 1rem;
  --oh-text-reading: 1.0625rem;
  --oh-text-subtitle: 1.125rem;
  --oh-text-h3: 1.25rem;
  --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: 4px;
  --oh-space-2: 8px;
  --oh-space-3: 12px;
  --oh-space-4: 16px;
  --oh-space-5: 20px;
  --oh-space-6: 24px;
  --oh-space-8: 32px;
  --oh-space-10: 40px;
  --oh-space-12: 48px;
  --oh-space-16: 64px;

  
  --oh-size-control-sm: 2rem;
  --oh-size-control-md: 2.5rem;
  --oh-size-control-lg: 3rem;
  --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;
}

html[data-edition='to-be'] {
  
  --oh-color-brand: oklch(0.65 0.118 179.4);
  --oh-color-brand-pressed: oklch(0.593 0.106 181.3);
  --oh-grammar-start-end: oklch(0.66 0.173 246.9);
  --oh-button-resume: oklch(0.685 0.178 51);
  --oh-button-resume-ledge: oklch(0.608 0.159 51);

  
  --oh-state-in-progress-dot: oklch(0.673 0.138 82.7);
  --oh-state-done-dot: oklch(0.651 0.165 153.5);

  
  --oh-color-text-faint: oklch(0.546 0 0);
  --oh-color-text-muted: oklch(0.539 0 0);
  
  --oh-dubbing-mode-edge: #757575;

  
  --oh-color-nav-selected: var(--oh-color-brand-text);
  --oh-color-brand-deep: oklch(0.517 0.099 172.7);
  --oh-color-brand-outline-text: oklch(0.555 0.098 176.2);
  --oh-report-number: oklch(0.555 0.103 176.9);

  
  --oh-area-word-text: oklch(0.548 0.154 2.2);
  --oh-area-speaking-text: oklch(0.538 0.128 156.9);
  --oh-wrong-text: oklch(0.564 0.177 26.6);
  --oh-pill-rate-zero-label: oklch(0.536 0.073 11.3);
  --oh-tree-help: oklch(0.563 0.044 156);

  
  --oh-score-good: oklch(0.537 0.133 154.9);
  --oh-score-fair: oklch(0.559 0.119 73.6);
  --oh-score-poor: oklch(0.577 0.199 25.5);

  
  --oh-dubbing-counter: oklch(0.539 0 0);
  --oh-dubbing-rest-translation: oklch(0.539 0 0);
  --oh-lesson-segment-text: oklch(0.504 0 0);
  --oh-mypage-unit: oklch(0.567 0 0);
  --oh-mypage-rate-empty-notice: oklch(0.541 0.056 83.1);
  --oh-mypage-calendar-sunday: oklch(0.573 0.057 26.7);
  --oh-welcome-fruit-caption: oklch(0.57 0.114 80);
  --oh-avatar-gold-text: oklch(0.548 0.114 68.4);
  --oh-avatar-orange-text: oklch(0.543 0.122 63.9);
  --oh-avatar-green-text: oklch(0.53 0.101 173.6);
  --oh-store-footer-mark: oklch(0.6 0.02 264.4);

  
  --oh-color-brand-text: oklch(0.554 0.101 179.4);
  --oh-color-brand-graphic: oklch(0.622 0.113 179.4);
  --oh-color-on-fill-ink: var(--oh-color-text);
  --oh-color-input-border: oklch(0.668 0 0);
}

html[data-edition='to-be'] {
  --oh-color-brand-deep-fill: #13856c;
}

html[data-edition='to-be'] {
  --oh-dubbing-rest-english: oklch(0.627 0 0);
  --oh-dubbing-rest-translation: oklch(0.528 0 0);
  --oh-dubbing-counter: oklch(0.528 0 0);
  --oh-dubbing-guide-text: oklch(0.653 0 0);
  --oh-dubbing-mode-close: oklch(0.665 0.127 245.3);
  --oh-dubbing-analysis-from: oklch(0.571 0.176 254.7);
}

html[data-edition='to-be'] {
  --oh-watch-korean-past: oklch(0.58 0 0);
  --oh-watch-english-past: oklch(0.62 0 0);
  --oh-watch-korean-next: oklch(0.72 0 0);
  --oh-watch-english-next: oklch(0.77 0 0);
}

html[data-edition='to-be'] {
  --oh-result-chip-sentence: oklch(0.625 0.202 260.4);
  --oh-study-gear-muted-graphic: oklch(0.668 0 0);
}

*,
*::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;
}

html[data-edition='to-be'],
html[data-edition='to-be'] * {
  scrollbar-width: none;
}

html[data-edition='to-be']::-webkit-scrollbar,
html[data-edition='to-be'] *::-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;
  }
}

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

dialog._layer_1cy5e_8 {
  overflow: clip;
}

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

dialog._layer_1cy5e_8._plain_1cy5e_16::backdrop {
  background: var(--oh-color-scrim-plain);
}

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

._sheet_1cy5e_30 {
  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_1cy5e_1 200ms ease-out;
}

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

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

._button_1lqmg_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 3.84375rem;
  margin-bottom: 3px;
  padding: 0 12px 3px;
  border-radius: var(--oh-radius-cta);
  background: var(--ledge-face);
  box-shadow:
    inset 0 1px 0 var(--oh-button-cta-shine),
    0 3px 0 var(--ledge-edge),
    0 8px 12px var(--ledge-glow);
  color: var(--oh-color-text-inverse);
  font-size: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}

._button_1lqmg_5[data-tone='brand'] {
  --ledge-face: var(--oh-color-brand);
  --ledge-face-pressed: var(--oh-color-brand-pressed);
  --ledge-edge: var(--oh-color-brand-pressed);
  --ledge-glow: var(--oh-button-cta-brand-glow);
}

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

._button_1lqmg_5:active {
  translate: 0 1px;
  background: var(--ledge-face-pressed);
  box-shadow: 0 7px 12px var(--ledge-glow);
}

._button_1lqmg_5:disabled {
  cursor: default;
}

html[data-edition='to-be'] ._button_1lqmg_5 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  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;
  white-space: normal;
}

html[data-edition='to-be'] ._button_1lqmg_5 > svg {
  flex: none;
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

._screen_6bjrw_8 {
  position: relative;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._screen_6bjrw_8 > ._cubeBox_6bjrw_19 {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  translate: -50% -50%;
}

._screen_6bjrw_8 > ._ring_6bjrw_26 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

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

._world_6bjrw_40,
._mover_6bjrw_41,
._cube_6bjrw_19 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform-style: preserve-3d;
}

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

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

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

._face_6bjrw_65,
._tileNear_6bjrw_66,
._tileFar_6bjrw_67 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 45px;
  height: 45px;
}

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

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

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

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

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

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

._tileNear_6bjrw_66,
._tileFar_6bjrw_67 {
  background: var(--oh-loading-tile);
}

._tileFar_6bjrw_67 {
  animation: _tile-fade_6bjrw_1 666ms linear infinite;
}

@keyframes _cube-roll_6bjrw_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_6bjrw_1 {
  0% {
    transform: translateX(0);
  }

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

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

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

._ring_6bjrw_26 {
  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_6bjrw_1 800ms linear infinite;
}

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

._button_nekgl_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.84375rem;
  padding: 0 8px;
  border-radius: 8px;
  background: var(--oh-store-cta);
  box-shadow: 0 0 0 1.5px var(--oh-store-cta-glow);
  color: var(--oh-color-text-inverse);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

._button_nekgl_4:active {
  translate: 0 -1px;
}

._button_nekgl_4[data-muted] {
  background: var(--oh-store-cta-off);
  box-shadow: none;
}

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

._button_nekgl_4[aria-disabled='true']:active {
  translate: none;
}

html[data-edition='to-be'] ._button_nekgl_4 {
  min-height: var(--oh-size-control-lg);
  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;
  white-space: normal;
}

dialog._layer_ex7q3_7::backdrop {
  background: var(--oh-dubbing-dim);
}

._stage_ex7q3_11 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 100%;
  padding: 16px 17px;
}

._box_ex7q3_21 {
  position: relative;
  width: 100%;
  max-width: 25.375rem;
  padding: 0 23.5px 23.5px;
  border: 1px solid var(--oh-dubbing-mode-edge);
  border-radius: 1px;
  background: var(--oh-color-bg);
  text-align: center;
}

._close_ex7q3_32 {
  position: absolute;
  top: 0.5px;
  right: -1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--oh-dubbing-mode-close);
}

._title_ex7q3_44 {
  padding-top: 28.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.094rem;
  font-weight: 700;
  line-height: 1.625rem;
}

._description_ex7q3_52 {
  margin-top: 13px;
  color: var(--oh-color-text-sub);
  font-size: 0.8875rem;
  line-height: 1.25rem;
}

._options_ex7q3_59 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin-top: 24.5px;
}

._option_ex7q3_59 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 6.3125rem;
  border: 1px solid var(--oh-dubbing-mode-option-border);
  border-radius: 12px;
  background: var(--oh-dubbing-mode-option);
  transition:
    scale 80ms linear,
    background-color 80ms linear;
}

._option_ex7q3_59:active {
  background: var(--oh-dubbing-mode-option-pressed);
  scale: 0.98;
}

._emoji_ex7q3_85 {
  margin-top: 19px;
  font-size: 1.72rem;
  line-height: 2rem;
}

._label_ex7q3_91 {
  margin-top: 5.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.947rem;
  font-weight: 700;
  line-height: 1.375rem;
}

html[data-edition='to-be'] ._stage_ex7q3_11 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._box_ex7q3_21 {
  max-width: 400px;
  padding: var(--oh-space-8) var(--oh-space-6) var(--oh-space-6);
}

html[data-edition='to-be'] ._close_ex7q3_32 {
  top: 0;
  right: 0;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._close_ex7q3_32 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._title_ex7q3_44 {
  margin: 0 var(--oh-space-5);
  padding-top: 0;
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._description_ex7q3_52 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

html[data-edition='to-be'] ._options_ex7q3_59 {
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._option_ex7q3_59 {
  justify-content: center;
  min-width: 0;
  min-height: 6rem;
  padding: var(--oh-space-4) var(--oh-space-2);
}

html[data-edition='to-be'] ._emoji_ex7q3_85 {
  margin-top: 0;
  font-size: var(--oh-text-h1);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._label_ex7q3_91 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._close_ex7q3_32 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._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_hry6m_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 100dvh;
  padding: 0 16px 183.5px;
  overflow: hidden;
  background: var(--oh-celebration-bg);
}

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

._art_hry6m_22 {
  width: 194.5px;
  height: 204px;
  margin-bottom: 53px;
  translate: -8px 0;
}

._title_hry6m_29 {
  color: var(--oh-color-text-inverse);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.625rem;
  text-align: center;
}

._body_hry6m_37 {
  margin-top: 25px;
  color: var(--oh-celebration-text);
  font-size: 1.01rem;
  line-height: 1.5rem;
  text-align: center;
}

html[data-edition='to-be'] ._screen_hry6m_6 {
  height: 100dvh;
  padding: 0 var(--oh-space-4);
  container-type: inline-size;
}

html[data-edition='to-be'] ._art_hry6m_22 {
  margin-bottom: var(--oh-space-12);
}

html[data-edition='to-be'] ._title_hry6m_29 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._body_hry6m_37 {
  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) {
  html[data-edition='to-be'] ._body_hry6m_37 {
    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_1ou0v_6 {
  display: flex;
  flex-direction: column;
  padding: 21px 20.5px 11px;
}

._title_1ou0v_12 {
  color: var(--oh-color-text-strong);
  font-size: 1.152rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-align: center;
}

._next_1ou0v_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.5px;
  min-height: 1.25rem;
  margin-top: 22px;
  white-space: nowrap;
}

._nextLabel_1ou0v_30 {
  color: var(--oh-color-text-muted);
  font-size: 0.825rem;
  line-height: 1;
}

._chip_1ou0v_36 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 1.25rem;
  padding: 0 10px;
  border-radius: var(--oh-radius-tag);
  background: var(--oh-area-other-bg);
  color: var(--oh-area-other-text);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

._nextName_1ou0v_71 {
  color: var(--oh-color-text-strong);
  font-size: 1.108rem;
  font-weight: 700;
  line-height: 1;
}

._last_1ou0v_78 {
  margin-top: 12px;
  color: var(--oh-color-brand-ink);
  font-size: 0.827rem;
  line-height: 1.25rem;
  text-align: center;
}

._action_1ou0v_86[data-after='next'] {
  margin-top: 19.5px;
}

._action_1ou0v_86[data-after='last'] {
  margin-top: 13px;
}

._play_1ou0v_95 {
  flex: none;
  margin: 0 -2.7px 0 -1px;
}

._check_1ou0v_101 {
  flex: none;
  width: 17.5px;
  height: 14px;
  margin: 0 -0.5px 0 2px;
}

html[data-edition='to-be'] ._body_1ou0v_6 {
  padding: var(--oh-space-6);
}

html[data-edition='to-be'] ._title_1ou0v_12 {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._next_1ou0v_20 {
  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;
}

html[data-edition='to-be'] ._nextLabel_1ou0v_30 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._chip_1ou0v_36 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._nextName_1ou0v_71 {
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._last_1ou0v_78 {
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

html[data-edition='to-be'] ._action_1ou0v_86[data-after='next'],
html[data-edition='to-be'] ._action_1ou0v_86[data-after='last'] {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._play_1ou0v_95,
html[data-edition='to-be'] ._check_1ou0v_101 {
  margin: 0;
}

._notice_7yilx_6 {
  display: flex;
  align-items: center;
  flex: none;
  align-self: center;
  max-width: calc(100% - 24px);
  min-height: 2.34375rem;
  margin-top: 13.5px;
  padding: 0 14.25px 0 14.5px;
  border-radius: 9.5px;
  background: var(--oh-review-notice-bg);
  box-shadow: 0 1px 1px var(--oh-review-notice-edge);
  color: var(--oh-color-text-strong);
  font-size: 0.826rem;
  line-height: 1.3;
}

._noticeIcon_7yilx_23 {
  flex: none;
  margin-right: 6.75px;
  color: var(--oh-color-brand-outline-text);
}

._notice_7yilx_6 strong {
  font-weight: 700;
}

._exit_7yilx_33 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6.125rem;
  min-height: 2.8125rem;
  padding: 0 20px 1px;
  border: 1px solid var(--oh-color-line);
  border-radius: 1.40625rem;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 0.862rem;
  font-weight: 600;
  white-space: nowrap;
}

html[data-edition='to-be'] ._notice_7yilx_6 {
  max-width: calc(100% - 2 * var(--oh-space-4));
  min-height: 2.5rem;
  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-body);
}

html[data-edition='to-be'] ._noticeIcon_7yilx_23 {
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._exit_7yilx_33 {
  min-width: 6rem;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-6);
  border-radius: 1.5rem;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
}

._page_83sic_9 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  background: var(--oh-color-bg);
}

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

._top_83sic_23 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex: none;
  padding: 12px 21px 0 23px;
}

._back_83sic_32 {
  position: relative;
  display: flex;
  flex: none;
  margin-top: 5px;
  color: var(--oh-color-text-strong);
}

._back_83sic_32::after {
  position: absolute;
  inset: -14px -12px;
  content: '';
}

._course_83sic_47 {
  overflow: hidden;
  min-width: 0;
  min-height: 1.2em;
  color: var(--oh-color-text-sub);
  font-size: 0.772rem;
  line-height: 1.2;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._main_83sic_59 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
}

._heading_83sic_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: none;
  margin-top: 18px;
  color: var(--oh-color-text-strong);
  font-size: 1.507rem;
  font-weight: 700;
  line-height: 1.2;
}

._chip_83sic_79 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 2.3125rem;
  min-height: 1.5rem;
  margin-bottom: 2px;
  padding: 0 8px;
  border-radius: 0.75rem;
  box-shadow: inset 0 -1.5px 0 var(--oh-chip-edge);
  color: var(--oh-color-text-inverse);
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1;
}

._chip_83sic_79[data-tone='word'] {
  background: var(--oh-result-chip-word);
}

._chip_83sic_79[data-tone='sentence'] {
  background: var(--oh-result-chip-sentence);
}

._rate_83sic_104 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10.5px;
  flex: none;
  min-height: 4.75rem;
  margin-top: 5.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.129rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._rate_83sic_104::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 86px;
  background: radial-gradient(ellipse 50% 50% at 50% 50%, var(--oh-result-glow) 0%, var(--oh-result-glow) 12%, transparent 100%);
  content: '';
  translate: -50% -50%;
}

._rate_83sic_104 > span,
._rate_83sic_104 > strong {
  position: relative;
}

._rate_83sic_104 > strong {
  font-size: 1.61rem;
  letter-spacing: 0.02em;
}

._pills_83sic_142 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7.5px;
  flex: none;
  margin-top: 5.5px;
  padding: 0 12px;
}

._pill_83sic_142 {
  display: flex;
  align-items: center;
  min-height: 2.65625rem;
  padding: 0 20px 0 21px;
  border-radius: 1.36rem;
  color: var(--oh-color-text-strong);
  font-size: 0.894rem;
  line-height: 1;
  white-space: nowrap;
}

._pill_83sic_142 > span {
  margin-left: 5px;
}

._pill_83sic_142 > strong {
  margin: 2px 0 0 4px;
  font-size: 1.01rem;
}

._pill_83sic_142[data-kind='correct'] {
  background: var(--oh-correct-surface);
  box-shadow: 0 0 3px 0.5px var(--oh-correct-surface);
}

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

._pill_83sic_142[data-kind='wrong'] {
  padding-right: 19px;
  background: var(--oh-wrong-surface);
  box-shadow: 0 0 3px 0.5px var(--oh-wrong-surface);
}

._pill_83sic_142[data-kind='wrong'] > span {
  margin-left: 7.5px;
}

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

._lists_83sic_198 {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  margin-top: 34px;
  padding: 0 20.5px 8px;
}

._lists_83sic_198[data-review] {
  margin-top: 37.5px;
}

._lists_83sic_198[data-review] ._lines_83sic_210 {
  margin-top: 9.25px;
}

._section_83sic_214 + ._section_83sic_214 {
  margin-top: 32px;
}

._sectionTitle_83sic_218 {
  font-size: 0.825rem;
  font-weight: 700;
  line-height: 1.3;
}

._section_83sic_214[data-kind='correct'] ._sectionTitle_83sic_218,
._section_83sic_214[data-kind='correct'] ._lineMark_83sic_225 {
  color: var(--oh-correct-text);
}

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

._lines_83sic_210 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 10.2px;
  margin-top: 8px;
}

._lines_83sic_210[data-columns='2'] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 20px;
}

._line_83sic_210 {
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: 0.908rem;
  line-height: 1.3125rem;
}

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

._lineMark_83sic_225 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 16.5px;
  margin-right: 6.5px;
}

._section_83sic_214[data-kind='wrong'] ._lineMark_83sic_225 {
  margin-top: 3.5px;
}

._lineText_83sic_254 {
  min-width: 0;
}

._footer_83sic_275 {
  flex: none;
  padding: 0 20.5px calc(11px + env(safe-area-inset-bottom));
}

._footer_83sic_275[data-kind='exit'] {
  padding: 0 20px calc(50px + env(safe-area-inset-bottom));
}

._footer_83sic_275[data-kind='loading'] {
  padding: 1px 20px calc(47px + env(safe-area-inset-bottom));
}

._loadingBar_83sic_288 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5px;
  min-height: 3rem;
  border-radius: 12px;
  background: var(--oh-color-surface-track);
}

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

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

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

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

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

._notice_83sic_327 {
  padding-top: 12.25px;
  margin-bottom: 12.25px;
  color: var(--oh-color-text-sub);
  font-size: 0.822rem;
  line-height: 1.25rem;
  text-align: center;
}

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

._next_83sic_343 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 1.28125rem;
  padding-top: 4.25px;
  margin-bottom: 19.75px;
  line-height: 1;
  white-space: nowrap;
}

._nextLabel_83sic_355 {
  color: var(--oh-color-text-muted);
  font-size: 0.825rem;
}

._nextChip_83sic_360 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.28125rem;
  padding: 0 10px;
  border-radius: 6px;
  background: var(--oh-area-other-bg);
  color: var(--oh-area-other-text);
  font-size: 0.76rem;
  font-weight: 700;
}

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

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

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

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

._nextName_83sic_393 {
  color: var(--oh-color-text-strong);
  font-size: 1.11rem;
  font-weight: 700;
}

._veil_83sic_399 {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: var(--oh-color-veil);
}

._veilCube_83sic_406 {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  translate: -50% -50%;
}

._failure_83sic_18 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  min-height: 100dvh;
  padding: 0 20.5px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-muted);
  font-size: 0.875rem;
  text-align: center;
}

html[data-edition='to-be'] ._page_83sic_9 {
  height: auto;
  min-height: 100dvh;
}

html[data-edition='to-be'] ._top_83sic_23 {
  align-items: center;
  gap: var(--oh-space-4);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_83sic_32 {
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0 0 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._back_83sic_32::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_83sic_32 > svg {
  width: var(--oh-size-icon-md);
  height: auto;
}

html[data-edition='to-be'] ._course_83sic_47 {
  min-height: 1.5em;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._main_83sic_59 {
  min-height: auto;
}

html[data-edition='to-be'] ._heading_83sic_66 {
  flex-wrap: wrap;
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._chip_83sic_79 {
  min-width: 0;
  min-height: 2rem;
  margin-bottom: 0;
  padding: 0 var(--oh-space-3);
  border-radius: 1rem;
  color: var(--oh-color-on-fill-ink);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._rate_83sic_104 {
  flex-wrap: wrap;
  gap: var(--oh-space-3);
  min-height: 0;
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._rate_83sic_104 > strong {
  font-size: var(--oh-text-display);
}

html[data-edition='to-be'] ._pills_83sic_142 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._pill_83sic_142 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-6);
  border-radius: 1.5rem;
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._pill_83sic_142 > span {
  margin-left: 0;
}

html[data-edition='to-be'] ._pill_83sic_142 > strong {
  margin: 0;
  font-size: var(--oh-text-subtitle);
}

html[data-edition='to-be'] ._lists_83sic_198 {
  min-height: 8rem;
  margin-top: var(--oh-space-10);
  padding: 0 var(--oh-space-4) var(--oh-space-2);
  container-type: inline-size;
}

html[data-edition='to-be'] ._lists_83sic_198[data-review] {
  margin-top: var(--oh-space-8);
}

html[data-edition='to-be'] ._sectionTitle_83sic_218 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._lines_83sic_210 {
  row-gap: var(--oh-space-3);
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._lists_83sic_198[data-review] ._lines_83sic_210 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._lines_83sic_210[data-columns='2'] {
  row-gap: var(--oh-space-5);
}

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

html[data-edition='to-be'] ._line_83sic_210 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._lineMark_83sic_225 {
  width: var(--oh-size-icon-md);
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._section_83sic_214[data-kind='wrong'] ._lineMark_83sic_225 {
  margin-top: 0;
}

html[data-edition='to-be'] ._section_83sic_214[data-kind='correct'] ._lineMark_83sic_225 > svg {
  width: 18px;
  height: auto;
}

html[data-edition='to-be'] ._section_83sic_214[data-kind='wrong'] ._lineMark_83sic_225 > svg {
  width: 13px;
  height: 13px;
}

html[data-edition='to-be'] ._footer_83sic_275,
html[data-edition='to-be'] ._footer_83sic_275[data-kind='exit'] {
  padding: var(--oh-space-4) var(--oh-space-4) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._footer_83sic_275[data-kind='loading'] {
  padding: var(--oh-space-12) var(--oh-space-4) calc(var(--oh-space-6) + 3px + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._loadingBar_83sic_288 {
  gap: var(--oh-space-1);
}

html[data-edition='to-be'] ._loadingBar_83sic_288 > span {
  width: 8px;
  height: 8px;
}

html[data-edition='to-be'] ._notice_83sic_327 {
  padding-top: 0;
  margin-bottom: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

html[data-edition='to-be'] ._next_83sic_343 {
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  min-height: 1.5rem;
  padding-top: 0;
  margin-bottom: var(--oh-space-3);
  line-height: var(--oh-leading-body);
  white-space: normal;
}

html[data-edition='to-be'] ._nextLabel_83sic_355 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._nextChip_83sic_360 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-regular);
  line-height: 1;
  white-space: nowrap;
}

html[data-edition='to-be'] ._nextName_83sic_393 {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._failure_83sic_18 {
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_83sic_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);
  }
}

._badge_9vyv5_3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  gap: 9px;
}

._circle_9vyv5_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--oh-tree-circle);
}

._caption_9vyv5_21 {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--oh-tree-caption);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.316;
  white-space: nowrap;
}

._help_9vyv5_32 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--oh-tree-help);
  border-radius: 50%;
  color: var(--oh-tree-help);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

._help_9vyv5_32::after {
  position: absolute;
  inset: -8px;
  content: '';
}

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

html[data-edition='to-be'] ._badge_9vyv5_3 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._caption_9vyv5_21 {
  gap: var(--oh-space-1);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._help_9vyv5_32 {
  width: 1.25rem;
  height: 1.25rem;
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._help_9vyv5_32::after {
  inset: -13px;
}

._blank_5ovvh_8 {
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

._screen_5ovvh_13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  padding: 61px 18px 24px;
  background: linear-gradient(180deg, var(--oh-complete-bg-top), var(--oh-complete-bg-bottom));
}

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

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

._title_5ovvh_39 {
  margin-top: 12.4px;
  color: var(--oh-color-text);
  font-size: 1.48rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: center;
}

._greeting_5ovvh_48 {
  margin-top: 7.35px;
  color: var(--oh-color-text-sub);
  font-size: 0.892rem;
  line-height: 1.5rem;
  text-align: center;
}

._clap_5ovvh_57 {
  font-size: 1.11rem;
  line-height: 1;
}

._dots_5ovvh_62 {
  display: flex;
  gap: 9.8px;
  margin-top: 19px;
}

._dot_5ovvh_62 {
  width: 15.5px;
  height: 15.5px;
  border-radius: 50%;
  background: var(--oh-complete-dot);
}

._caption_5ovvh_75 {
  margin-top: 10.9px;
  color: var(--oh-complete-caption);
  font-size: 0.7675rem;
  line-height: 1.25rem;
  text-align: center;
}

._card_5ovvh_83 {
  align-self: stretch;
  margin: 19.1px 22.5px 0;
  padding: 19px 23.5px 18.65px;
  border-radius: 20px;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 5px var(--oh-complete-card-shadow);
}

._cardTitle_5ovvh_92 {
  color: var(--oh-color-text-faint);
  font-size: 0.7875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.023em;
  text-align: center;
}

._latin_5ovvh_101 {
  font-weight: 700;
}

._stats_5ovvh_105 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 15px 0 0;
}

._stat_5ovvh_105 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding-top: 2.75px;
}

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

._statValue_5ovvh_124 {
  display: flex;
  align-items: baseline;
  gap: 1.5px;
  margin: 0;
  color: var(--oh-color-text);
  font-size: 1.745rem;
  font-weight: 700;
  line-height: 2rem;
  white-space: nowrap;
}

._statUnit_5ovvh_136 {
  color: var(--oh-color-text-faint);
  font-size: 0.9rem;
  font-weight: 400;
}

._statLabel_5ovvh_142 {
  color: var(--oh-color-text-faint);
  font-size: 0.766rem;
  line-height: 1.25rem;
  text-align: center;
}

._rows_5ovvh_149 {
  margin-top: 16.5px;
  padding-top: 12.15px;
  border-top: 1px solid var(--oh-color-line-soft);
}

._row_5ovvh_149 {
  display: flex;
  align-items: center;
  min-height: 2.2625rem;
  animation: _rowRise_5ovvh_1 400ms linear both;
}

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

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

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

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

._rowName_5ovvh_181 {
  flex: 1;
  min-width: 0;
  margin-left: 8.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.818rem;
  font-weight: 500;
  line-height: 1.25rem;
}

._rowValue_5ovvh_191 {
  display: flex;
  align-items: baseline;
  flex: none;
  gap: 1px;
  color: var(--oh-color-text);
  font-size: 0.95rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

._rowUnit_5ovvh_202 {
  color: var(--oh-color-text-faint);
  font-size: 0.79rem;
}

._actions_5ovvh_207 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 10px;
  margin-top: auto;
  padding-top: 24px;
}

._listButton_5ovvh_218 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 5;
  gap: 6px;
  min-width: 0;
  min-height: 4.25rem;
  margin-top: -0.5px;
  padding-bottom: 4.5px;
  border: 1px solid var(--oh-button-outline-brand-border);
  border-radius: var(--oh-radius-cta);
  background: var(--oh-color-bg);
  box-shadow:
    inset 0 -2px 0 var(--oh-color-brand-glow),
    0 0 0 2px var(--oh-button-outline-brand-glow),
    0 6px 10px var(--oh-complete-button-shadow);
  color: var(--oh-color-text);
  font-size: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}

._listButton_5ovvh_218:active {
  translate: 0 1px;
  background: var(--oh-color-surface-muted);
}

._listIcon_5ovvh_246 {
  flex: none;
  width: 13.5px;
  height: 9.5px;
}

._reportButton_5ovvh_252 {
  flex: 7;
  min-width: 0;
}

._reportIcon_5ovvh_257 {
  flex: none;
  width: 12px;
  height: 14px;
  margin-right: -1px;
}

._failure_5ovvh_264 {
  margin-top: 40px;
  color: var(--oh-color-text-sub);
  font-size: 0.892rem;
  text-align: center;
}

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

html[data-edition='to-be'] ._screen_5ovvh_13 {
  padding: var(--oh-space-8) var(--oh-space-4) var(--oh-space-6);
  container-type: inline-size;
}

html[data-edition='to-be'] ._title_5ovvh_39 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-h2);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._greeting_5ovvh_48 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

html[data-edition='to-be'] ._clap_5ovvh_57 {
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._dots_5ovvh_62 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-5);
}

html[data-edition='to-be'] ._dot_5ovvh_62 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._caption_5ovvh_75 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._card_5ovvh_83 {
  margin: var(--oh-space-8) 0 0;
  padding: var(--oh-space-6);
}

html[data-edition='to-be'] ._cardTitle_5ovvh_92 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
  letter-spacing: 0;
  text-wrap: balance;
}

html[data-edition='to-be'] ._stats_5ovvh_105 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._stat_5ovvh_105 {
  gap: var(--oh-space-1);
  padding: 0 var(--oh-space-3);
}

html[data-edition='to-be'] ._statValue_5ovvh_124 {
  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);
}

html[data-edition='to-be'] ._statUnit_5ovvh_136 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._statLabel_5ovvh_142 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._rows_5ovvh_149 {
  margin-top: var(--oh-space-4);
  padding-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._row_5ovvh_149 {
  min-height: var(--oh-size-control-md);
}

html[data-edition='to-be'] ._rowName_5ovvh_181 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._rowValue_5ovvh_191 {
  gap: 2px;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._rowUnit_5ovvh_202 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._actions_5ovvh_207 {
  align-items: stretch;
  gap: var(--oh-space-4);
  padding-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._listButton_5ovvh_218 {
  flex: 5 1 auto;
  gap: var(--oh-space-2);
  min-height: calc(var(--oh-size-control-lg) + 3px);
  margin-top: 0;
  padding: var(--oh-space-2) var(--oh-space-4) calc(var(--oh-space-2) + 3px);
  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;
}

html[data-edition='to-be'] ._listIcon_5ovvh_246 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._reportButton_5ovvh_252 {
  display: flex;
  flex: 7 1 auto;
}

html[data-edition='to-be'] ._actions_5ovvh_207 ._reportButton_5ovvh_252 > * {
  padding-inline: var(--oh-space-4);
}

html[data-edition='to-be'] ._reportIcon_5ovvh_257 {
  margin-right: 0;
}

html[data-edition='to-be'] ._failure_5ovvh_264 {
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

@container (max-width: 21.75em) {
  html[data-edition='to-be'] ._actions_5ovvh_207 {
    flex-direction: column-reverse;
  }
}

._menu_14ly8_5 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  padding-top: 2.78125rem;
  overflow: hidden;
  border: 1px solid var(--oh-color-border);
  border-radius: var(--oh-radius-control);
  background: var(--oh-color-bg);
}

._item_14ly8_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  width: 100%;
  min-height: 2.640625rem;
  padding: 0 4px;
  color: var(--oh-color-text-body);
  font-size: 0.755rem;
  line-height: 1.2;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

._item_14ly8_18:active {
  background: var(--oh-menu-row-pressed);
}

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

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

._item_14ly8_18[data-logout] {
  color: var(--oh-menu-logout);
}

._external_14ly8_49 {
  flex: none;
  color: var(--oh-menu-link-icon);
}

html[data-edition='to-be'] ._menu_14ly8_5 {
  padding-top: calc(var(--oh-size-control-lg) - 1px);
}

html[data-edition='to-be'] ._item_14ly8_18 {
  gap: var(--oh-space-1);
  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-body);
  text-align: center;
  white-space: normal;
}

html[data-edition='to-be'] ._external_14ly8_49 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._sheet_71qn1_5 {
  align-items: center;
  padding: 12px 20px 42px;
}

._handle_71qn1_10 {
  flex: none;
  width: 42px;
  height: 4.5px;
  border-radius: 3px;
  background: var(--oh-sheet-handle);
}

._iconBox_71qn1_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 59.5px;
  height: 60px;
  margin-top: 23px;
  border-radius: 16px;
  background: var(--oh-invite-icon-bg);
  color: var(--oh-color-brand-deep);
}

._title_71qn1_31 {
  margin-top: 18px;
  color: var(--oh-color-text-strong);
  font-size: 1.194rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

._description_71qn1_40 {
  min-height: 1.2rem;
  margin-top: 10.5px;
  color: var(--oh-sheet-text-note);
  font-size: 0.892rem;
  line-height: 1.35;
  text-align: center;
}

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

._steps_71qn1_54 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8.5px;
  align-self: stretch;
  margin-top: 21.5px;
}

._step_71qn1_54 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 4.8125rem;
  padding: 13px 2px 0;
  border-radius: 12px;
  background: var(--oh-color-surface-muted);
}

._stepNumber_71qn1_73 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--oh-color-brand-deep);
  box-shadow: 0 2px 4px var(--oh-invite-step-glow);
  color: var(--oh-color-text-inverse);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
}

._stepLabel_71qn1_89 {
  margin-top: 8px;
  color: var(--oh-color-text-strong);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

._linkBox_71qn1_98 {
  display: flex;
  align-items: center;
  align-self: stretch;
  min-height: 3.25rem;
  margin-top: 15px;
  padding: 5.5px 5.5px 5.5px 15px;
  border: 1px solid var(--oh-color-line);
  border-radius: 12px;
}

._link_71qn1_98 {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  color: var(--oh-color-text-sub);
  font-size: 0.9rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._copy_71qn1_120 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 3.53125rem;
  min-height: 2.40625rem;
  margin-left: 8px;
  border-radius: 9px;
  background: var(--oh-color-surface-track);
  color: var(--oh-color-text-strong);
  font-size: 0.875rem;
  font-weight: 700;
}

._copy_71qn1_120:active {
  background: var(--oh-menu-row-pressed);
}

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

._share_71qn1_149 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10.5px;
  align-self: stretch;
  min-height: 3.15625rem;
  margin-top: 12px;
  border-radius: 12px;
  background: var(--oh-invite-share);
  color: var(--oh-color-text-inverse);
  font-size: 0.93rem;
  font-weight: 700;
}

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

._ranking_71qn1_168 {
  display: flex;
  align-items: center;
  gap: 5.5px;
  margin-top: 27.5px;
  color: var(--oh-color-brand-deep);
  font-size: 0.877rem;
  font-weight: 700;
  line-height: 1.2;
}

html[data-edition='to-be'] ._sheet_71qn1_5 {
  overflow-y: auto;
  padding: var(--oh-space-3) var(--oh-space-6) var(--oh-space-8);
}

html[data-edition='to-be'] ._sheet_71qn1_5 > * {
  flex: none;
}

html[data-edition='to-be'] ._iconBox_71qn1_18 {
  width: var(--oh-space-16);
  height: var(--oh-space-16);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._iconBox_71qn1_18 > svg {
  width: var(--oh-size-icon-xl);
  height: var(--oh-size-icon-xl);
}

html[data-edition='to-be'] ._title_71qn1_31 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._description_71qn1_40 {
  min-height: calc(var(--oh-text-body) * var(--oh-leading-body));
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._steps_71qn1_54 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._step_71qn1_54 {
  min-height: 0;
  padding: var(--oh-space-3) var(--oh-space-1);
}

html[data-edition='to-be'] ._stepNumber_71qn1_73 {
  background: var(--oh-color-brand-deep-fill);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._stepLabel_71qn1_89 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._linkBox_71qn1_98 {
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-1) var(--oh-space-1) var(--oh-space-1) var(--oh-space-4);
}

html[data-edition='to-be'] ._link_71qn1_98 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._copy_71qn1_120 {
  position: relative;
  min-width: 4rem;
  min-height: var(--oh-size-control-md);
  margin-left: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._copy_71qn1_120::after {
  position: absolute;
  inset: -2px 0;
  content: '';
}

html[data-edition='to-be'] ._share_71qn1_149 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-2) var(--oh-space-6);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._share_71qn1_149 > svg {
  flex: none;
  width: auto;
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._ranking_71qn1_168 {
  position: relative;
  gap: var(--oh-space-1);
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._ranking_71qn1_168::after {
  position: absolute;
  inset: calc(-1 * var(--oh-space-3)) calc(-1 * var(--oh-space-2));
  content: '';
}

html[data-edition='to-be'] ._ranking_71qn1_168 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: auto;
}

._frame_1uvef_6 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._header_1uvef_18 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  flex: none;
  min-height: calc(var(--oh-header-height) + 0.5px);
  padding: 0 10.5px 0 11.5px;
  border-bottom: 1px solid var(--oh-color-line);
  background: var(--oh-color-bg);
}

._logo_1uvef_31 {
  display: flex;
  align-items: center;
  flex: none;
  margin-right: auto;
  padding-top: 4px;
  color: var(--oh-logo-text);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._logoPhoto_1uvef_44 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

._gift_1uvef_50 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  margin: 0 8.5px 0 12px;
  border-radius: 50%;
  background: var(--oh-color-brand-deep);
  box-shadow: 0 4px 9px rgb(19 133 108 / 0.32);
  color: var(--oh-color-text-inverse);
}

._gift_1uvef_50:active {
  scale: 0.96;
}

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

._accountBox_1uvef_74 {
  position: relative;
  display: flex;
  flex: 0 1 11.1875rem;
  min-width: 0;
}

._account_1uvef_74 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 2.875rem;
  padding: 0 12.75px 0 12px;
  border: 1px solid var(--oh-color-border);
  border-radius: var(--oh-radius-control);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-body);
  font-size: 0.78rem;
  line-height: 1;
}

._account_1uvef_74[aria-expanded='true'] {
  border-color: transparent;
  background: transparent;
}

._accountText_1uvef_104 {
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._accountDot_1uvef_113 {
  flex: none;
  width: 3px;
  height: 3px;
  margin: 0 9px 0 11px;
  border-radius: 50%;
  background: var(--oh-color-dot-muted);
}

._accountChevron_1uvef_122 {
  flex: none;
  margin-left: 4.25px;
  color: var(--oh-color-icon);
}

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

._tabBar_1uvef_133 {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  flex: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  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);
}

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

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

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

html[data-edition='to-be'] ._header_1uvef_18 {
  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);
}

html[data-edition='to-be'] ._logo_1uvef_31 {
  min-height: var(--oh-size-control-lg);
}

html[data-edition='to-be'] ._gift_1uvef_50 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0;
  background: var(--oh-color-brand-deep-fill);
}

html[data-edition='to-be'] ._gift_1uvef_50 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._gift_1uvef_50 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

html[data-edition='to-be'] ._accountBox_1uvef_74 {
  flex: 1 1 7.5rem;
  max-width: 12.5rem;
}

html[data-edition='to-be'] ._account_1uvef_74 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-3) 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._accountDot_1uvef_113 {
  margin: 0;
}

html[data-edition='to-be'] ._accountChevron_1uvef_122 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  margin-left: 0;
}

html[data-edition='to-be'] ._tab_1uvef_69 {
  justify-content: center;
  gap: var(--oh-space-1);
  padding: var(--oh-space-2) 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-heading);
  text-align: center;
  white-space: normal;
  word-break: break-all;
}

html[data-edition='to-be'] ._tab_1uvef_69 > svg {
  flex: none;
}

html[data-edition='to-be'] ._tab_1uvef_69 > span {
  margin-top: 0;
  text-wrap: balance;
}

._screen_1uzsy_5 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._header_1uzsy_17 {
  display: flex;
  align-items: center;
  flex: none;
  min-height: var(--oh-header-height);
  padding: 0 28px;
  border-bottom: 1px solid var(--oh-color-line);
}

._back_1uzsy_26 {
  position: relative;
  display: flex;
  flex: none;
  color: var(--oh-color-text-strong);
}

._back_1uzsy_26::after {
  position: absolute;
  inset: -16px -14px;
  content: '';
}

._title_1uzsy_40 {
  margin-left: 21px;
  color: var(--oh-color-text-strong);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
}

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

._headline_1uzsy_57 {
  color: var(--oh-color-text-strong);
  font-size: 1.247rem;
  font-weight: 700;
  line-height: 1.2;
}

._lead_1uzsy_64 {
  margin-top: 18.5px;
  color: var(--oh-color-text-muted);
  font-size: 0.86rem;
  line-height: 1.2;
}

._browse_1uzsy_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 8.125rem;
  min-height: 2.75rem;
  margin-top: 29.5px;
  padding: 0 16px;
  border-radius: 8px;
  background: var(--oh-dubbing-button-held);
  color: var(--oh-color-text-inverse);
  font-size: 0.97rem;
  font-weight: 700;
}

._browse_1uzsy_71:active {
  background: var(--oh-billing-browse-pressed);
}

html[data-edition='to-be'] ._header_1uzsy_17 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_1uzsy_26 {
  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);
}

html[data-edition='to-be'] ._back_1uzsy_26::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_1uzsy_26 > svg {
  flex: none;
  width: var(--oh-size-icon-md);
  height: auto;
}

html[data-edition='to-be'] ._title_1uzsy_40 {
  margin-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._headline_1uzsy_57 {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._lead_1uzsy_64 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._browse_1uzsy_71 {
  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;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_1uzsy_26 {
    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);
  }
}

._page_gttmq_6 {
  padding: 31px var(--oh-space-page) 41px;
}

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

._title_gttmq_16 {
  color: var(--oh-color-text-strong);
  font-size: 1.227rem;
  font-weight: 700;
  line-height: 1.2;
}

._lead_gttmq_23 {
  margin-top: 9px;
  color: var(--oh-sheet-text-note);
  font-size: 0.8265rem;
  line-height: 1.3;
}

._sectionTitle_gttmq_30 {
  margin: 19px 0 14px;
  color: var(--oh-color-text-strong);
  font-size: 0.951rem;
  font-weight: 700;
  line-height: 1.2;
}

._sectionTitle_gttmq_30[data-size='large'] {
  margin: 25.5px 0 13px;
  font-size: 1.045rem;
}

._sectionCount_gttmq_43 {
  margin-left: 2px;
  color: var(--oh-sheet-text-note);
  font-size: 0.8125rem;
  font-weight: 400;
}

section + section > ._sectionTitle_gttmq_30 {
  margin-top: 26.5px;
}

._subscriptions_gttmq_55,
._invites_gttmq_56 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._card_gttmq_62 {
  padding: 0 21px 11.75px;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
}

._cardName_gttmq_69 {
  padding: 16px 0 11.5px;
  border-bottom: 1px solid var(--oh-color-line-faint);
  color: var(--oh-color-text-strong);
  font-size: 0.942rem;
  font-weight: 700;
  line-height: 1.2;
}

._rows_gttmq_78 {
  margin: 0;
  padding-top: 9.5px;
}

._row_gttmq_78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 2.640625rem;
}

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

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

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

._guide_gttmq_110 {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 2.9375rem;
  padding: 0 15.5px 0 15px;
  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-size: 0.87rem;
  font-weight: 700;
}

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

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

._invites_gttmq_56 {
  margin-top: 12.5px;
}

._inviteCard_gttmq_140 {
  padding: 16.5px 16px 14px 16.5px;
  border: 1px solid var(--oh-billing-invite-border);
  border-radius: var(--oh-radius-card);
  background: var(--oh-billing-invite-bg);
}

._inviteName_gttmq_147 {
  color: var(--oh-color-text-strong);
  font-size: 0.877rem;
  font-weight: 700;
  line-height: 1.2;
}

._inviteProgress_gttmq_154 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 1rem;
  margin-top: 16px;
}

._inviteProgress_gttmq_154 > strong {
  flex: none;
  color: var(--oh-billing-invite-count);
  font-size: 0.917rem;
  font-weight: 700;
  line-height: 1;
}

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

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

._shareLink_gttmq_126 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.5px;
  width: 100%;
  min-height: 2.5rem;
  margin-top: 15px;
  border: 1px solid var(--oh-invite-share);
  border-radius: 10px;
  background: var(--oh-color-bg);
  box-shadow: 0 0 3px var(--oh-color-brand-glow);
  color: var(--oh-color-brand-deep);
  font-size: 0.865rem;
  font-weight: 700;
}

._noPurchase_gttmq_203 {
  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);
  font-size: 0.84rem;
}

html[data-edition='to-be'] ._page_gttmq_6 {
  padding: var(--oh-space-8) var(--oh-space-page) var(--oh-space-10);
}

html[data-edition='to-be'] ._title_gttmq_16 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._lead_gttmq_23 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._sectionTitle_gttmq_30 {
  margin: var(--oh-space-8) 0 var(--oh-space-3);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._sectionCount_gttmq_43 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._subscriptions_gttmq_55,
html[data-edition='to-be'] ._invites_gttmq_56 {
  gap: var(--oh-space-4);
}

html[data-edition='to-be'] ._card_gttmq_62 {
  padding: 0 var(--oh-space-4) var(--oh-space-2);
}

html[data-edition='to-be'] ._cardName_gttmq_69 {
  padding: var(--oh-space-4) 0 var(--oh-space-3);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._rows_gttmq_78 {
  padding-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._row_gttmq_78 {
  min-height: var(--oh-size-control-md);
}

html[data-edition='to-be'] ._row_gttmq_78 > dt {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._row_gttmq_78 > dd {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._guide_gttmq_110 {
  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);
}

html[data-edition='to-be'] ._guide_gttmq_110 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._guide_gttmq_110 > ._guideChevron_gttmq_130 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._invites_gttmq_56 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._inviteCard_gttmq_140 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._inviteName_gttmq_147 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._inviteProgress_gttmq_154 {
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._fill_gttmq_179 {
  background: var(--oh-color-brand-deep-fill);
}

html[data-edition='to-be'] ._inviteProgress_gttmq_154 > strong {
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._shareLink_gttmq_126 {
  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);
}

html[data-edition='to-be'] ._shareLink_gttmq_126 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: auto;
}

html[data-edition='to-be'] ._noPurchase_gttmq_203 {
  padding: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-align: center;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._shareLink_gttmq_126::after {
    position: absolute;
    inset: -3px -1px;
    content: '';
  }
}

._lines_klhre_3 {
  display: inline-block;
  width: 0.73em;
  height: 0.98em;
  margin-right: 0.12em;
  vertical-align: -0.1em;
}

._line_1tu8d_4 {
  display: flex;
  align-items: center;
  color: var(--oh-color-text-strong);
  line-height: 1.2;
  white-space: nowrap;
}

._star_1tu8d_12 {
  flex: none;
  margin-right: 8px;
  color: var(--oh-color-brand);
}

._label_1tu8d_18 {
  font-size: 1rem;
  font-weight: 700;
}

._score_1tu8d_23 {
  margin-left: 8.5px;
  font-size: 1.14rem;
  font-weight: 700;
}

._rest_1tu8d_29 {
  margin-left: 8px;
  color: var(--oh-store-text-body);
  font-size: 0.79rem;
}

._dot_1tu8d_35 {
  margin-right: 3.5px;
}

html[data-edition='to-be'] ._line_1tu8d_4 {
  flex-wrap: wrap;
  row-gap: var(--oh-space-1);
  min-width: 0;
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._star_1tu8d_12 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._label_1tu8d_18 {
  font-size: var(--oh-text-subtitle);
}

html[data-edition='to-be'] ._score_1tu8d_23 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._rest_1tu8d_29 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._dot_1tu8d_35 {
  margin-right: var(--oh-space-1);
}

._logo_16z9c_7 {
  display: flex;
  align-items: flex-end;
  flex: none;
  color: var(--oh-logo-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._logo_16z9c_7[data-size='hero'] {
  font-size: 2.014rem;
}

._lead_16z9c_22 {
  margin-right: -0.01em;
  letter-spacing: 0.045em;
}

._tail_16z9c_27 {
  margin-left: 0.09em;
  letter-spacing: 0;
}

._photo_16z9c_32 {
  width: 1.528em;
  height: 1.278em;
  margin-bottom: 0.13em;
  clip-path: circle(0.764em at 50% 0.764em);
}

html[data-edition='to-be'] ._logo_16z9c_7 {
  font-size: min(1.125rem, 5.625vw);
}

html[data-edition='to-be'] ._logo_16z9c_7[data-size='hero'] {
  font-size: min(2.014rem, 10.07vw);
}

._anchor_cmu25_4 {
  position: sticky;
  bottom: 0;
  z-index: 3;
  height: 0;
}

._launcher_cmu25_11 {
  position: absolute;
  right: 20.5px;
  bottom: calc(119px + env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--oh-store-chat);
  box-shadow: 0 3px 8px var(--oh-store-chat-shadow);
  color: var(--oh-store-chat-mark);
}

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

html[data-edition='to-be'] ._launcher_cmu25_11 {
  right: var(--oh-space-4);
  bottom: calc(4.75rem + var(--oh-space-12) + env(safe-area-inset-bottom));
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._launcher_cmu25_11 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._footer_yflnl_6 {
  flex: none;
  padding: 26px 24px calc(136.5px + env(safe-area-inset-bottom));
  background: var(--oh-store-footer-bg);
  color: var(--oh-store-footer-value);
  font-size: 0.759rem;
  line-height: 1.255;
}

._links_yflnl_15 {
  display: flex;
  gap: 15px;
  padding: 0 0 13.5px 0.5px;
  border-bottom: 1px solid var(--oh-store-footer-line);
}

._link_yflnl_15 {
  color: var(--oh-store-footer-label);
  font-size: 0.75rem;
  line-height: 1.25;
  text-decoration: underline;
  text-underline-offset: 2.5px;
}

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

._company_yflnl_34 {
  margin: 13px 0 2px 0.5px;
  color: var(--oh-color-text-inverse);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.25;
}

._group_yflnl_42 {
  display: flex;
  flex-direction: column;
  gap: 4.75px;
  margin: 12.75px 0 0 0.5px;
}

._row_yflnl_49 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 15px;
}

._item_yflnl_55 {
  display: flex;
  gap: 0.28em;
  min-width: 0;
}

._item_yflnl_55 dt {
  flex: none;
  color: var(--oh-store-footer-label);
}

._item_yflnl_55 dd {
  min-width: 0;
  margin: 0;
}

._powered_yflnl_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5px;
  margin-top: 22px;
  color: var(--oh-store-footer-mark);
  font-size: 0.5625rem;
  letter-spacing: 0.02em;
  line-height: 1;
}

._mark_yflnl_83 {
  display: flex;
  align-items: center;
  font-size: 0.55rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0;
}

._markDisc_yflnl_92 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.5px;
  border-radius: 50%;
  background: var(--oh-store-footer-mark);
  color: var(--oh-store-footer-bg);
  font-size: 0.5rem;
  font-style: italic;
}

html[data-edition='to-be'] ._footer_yflnl_6 {
  padding: var(--oh-space-6) var(--oh-space-4) calc(var(--oh-space-10) + env(safe-area-inset-bottom));
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._links_yflnl_15 {
  gap: var(--oh-space-4);
  padding: 0 0 var(--oh-space-3);
}

html[data-edition='to-be'] ._link_yflnl_15 {
  position: relative;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._link_yflnl_15::after {
  position: absolute;
  inset: -13px calc(var(--oh-space-1) * -1);
  content: '';
}

html[data-edition='to-be'] ._company_yflnl_34 {
  margin: var(--oh-space-3) 0 0;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._group_yflnl_42 {
  gap: var(--oh-space-1);
  margin: var(--oh-space-3) 0 0;
}

html[data-edition='to-be'] ._row_yflnl_49 {
  gap: var(--oh-space-1) var(--oh-space-4);
}

html[data-edition='to-be'] ._item_yflnl_55 {
  gap: var(--oh-space-1);
}

html[data-edition='to-be'] ._powered_yflnl_71 {
  gap: var(--oh-space-1);
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._mark_yflnl_83 {
  font-size: 0.825rem;
}

html[data-edition='to-be'] ._markDisc_yflnl_92 {
  width: 0.9375rem;
  height: 0.9375rem;
  font-size: var(--oh-text-caption);
}

._screen_gougs_8 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-store-bg);
  font-family: var(--oh-store-font);
}

._screen_gougs_8[data-tone='plain'] {
  background: var(--oh-color-bg);
}

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

._header_gougs_25 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  flex: none;
  min-height: 3.5625rem;
  padding: 0 16.5px 0 21.5px;
  border-bottom: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
}

._header_gougs_25[data-tall] {
  min-height: 3.84375rem;
  padding-right: 19.5px;
}

._back_gougs_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0 3.25px 0 -11.25px;
  color: var(--oh-color-icon);
}

._title_gougs_55 {
  margin-left: -1.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.2;
}

._trailing_gougs_63 {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-left: auto;
}

._profile_gougs_70 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.0625rem;
  height: 2.0625rem;
  border-radius: 50%;
  background: var(--oh-store-accent);
  color: var(--oh-color-text-inverse);
  font-size: 0.83rem;
  font-weight: 700;
  line-height: 1;
}

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

._loading_gougs_89 {
  padding-top: 137px;
  color: var(--oh-store-text-sub);
  font-size: 0.84375rem;
  line-height: 1.4;
  text-align: center;
}

html[data-edition='to-be'] ._header_gougs_25 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_gougs_44 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0 0 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._back_gougs_44 > svg {
  flex: none;
  width: var(--oh-size-icon-md);
  height: auto;
}

html[data-edition='to-be'] ._title_gougs_55 {
  min-width: 0;
  margin-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._trailing_gougs_63 {
  gap: var(--oh-space-3);
}

html[data-edition='to-be'] ._profile_gougs_70 {
  position: relative;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  color: var(--oh-color-on-fill-ink);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._loading_gougs_89 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_gougs_44 {
    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-edition='to-be'] ._profile_gougs_70::after {
    position: absolute;
    inset: calc((var(--oh-size-icon-button) - var(--oh-size-hit)) / 2);
    content: '';
  }
}

._methods_1634r_5 {
  display: flex;
  flex-direction: column;
  gap: 8.5px;
  margin: 22.5px -0.5px 1px;
}

._method_1634r_5 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.40625rem;
  padding: 0 16px 0 16.5px;
  border: 1px solid var(--oh-store-border-strong);
  border-radius: 8px;
  background: var(--oh-color-bg);
  cursor: pointer;
}

._method_1634r_5[data-checked] {
  border-color: var(--oh-color-brand-deep);
  background: var(--oh-store-mint);
  box-shadow:
    inset 0 0 0 0.5px var(--oh-color-brand-deep),
    0 0 0 1.5px var(--oh-color-brand-glow);
}

._method_1634r_5:active {
  border-color: var(--oh-store-row-pressed-border);
  background: var(--oh-store-row-pressed);
}

._input_1634r_38 {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

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

._radio_1634r_51 {
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border: 1px solid var(--oh-color-border-strong);
  border-radius: 50%;
  background: var(--oh-color-bg);
}

._method_1634r_5[data-checked] ._radio_1634r_51 {
  width: 17px;
  height: 17px;
  margin-right: 11px;
  border: 1.5px solid var(--oh-color-brand);
  background: radial-gradient(circle, var(--oh-color-brand) 0 4.5px, var(--oh-color-bg) 5px);
}

._label_1634r_70 {
  color: var(--oh-color-text-strong);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

._pillLogo_1634r_78 {
  width: 40.5px;
  height: 18px;
  margin-left: 9px;
  border-radius: 9px;
}

._squareLogo_1634r_85 {
  width: 18.5px;
  height: 18.5px;
  margin-right: 8.5px;
  border-radius: 4px;
}

html[data-edition='to-be'] ._methods_1634r_5 {
  gap: var(--oh-space-2);
  margin: var(--oh-space-4) 0 0;
}

html[data-edition='to-be'] ._method_1634r_5 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._label_1634r_70 {
  min-width: 0;
  font-weight: var(--oh-weight-bold);
  white-space: normal;
}

html[data-edition='to-be'] ._pillLogo_1634r_78 {
  flex: none;
  margin-left: var(--oh-space-2);
}

html[data-edition='to-be'] ._squareLogo_1634r_85 {
  flex: none;
  margin-right: var(--oh-space-2);
}

._main_1nqbu_8 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 16px 16px 17px;
}

._card_1nqbu_17 {
  padding: 18px 18px 19.5px 18.5px;
  border-radius: 13px;
  background: var(--oh-color-bg);
}

._cardTitle_1nqbu_23 {
  color: var(--oh-color-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

._product_1nqbu_30 {
  margin-top: 16px;
  color: var(--oh-color-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

._productLine_1nqbu_38 {
  margin-top: 5.5px;
  color: var(--oh-store-text-body);
  font-size: 0.825rem;
  line-height: 1.32;
}

._productLine_1nqbu_38:last-child {
  margin-bottom: 2px;
}

._product_1nqbu_30 + ._productLine_1nqbu_38 {
  margin-top: 11px;
}

._coupon_1nqbu_53 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

._couponInput_1nqbu_60 {
  flex: 1;
  min-width: 0;
  min-height: 2.78125rem;
  padding: 0 14.5px;
  border: 1px solid var(--oh-color-border);
  border-radius: 8px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 1rem;
}

._couponInput_1nqbu_60::placeholder {
  color: var(--oh-color-text-faint);
}

._couponApply_1nqbu_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 3.5rem;
  min-height: 2.46875rem;
  border: 1px solid var(--oh-store-border-strong);
  border-radius: 8px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-muted);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
}

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

._checking_1nqbu_97 {
  margin: 20px 0 0;
  padding-bottom: 4.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.8rem;
  line-height: 1.3;
}

._amounts_1nqbu_105 {
  margin: 17px 0.5px 0 0;
}

._amountRow_1nqbu_109,
._finalRow_1nqbu_110 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

._amountRow_1nqbu_109 {
  color: var(--oh-store-text-body);
  font-size: 0.875rem;
  line-height: 1.4;
}

._amountRow_1nqbu_109 dd,
._finalRow_1nqbu_110 dd {
  margin: 0;
  white-space: nowrap;
}

._amountRow_1nqbu_109 + ._amountRow_1nqbu_109 {
  margin-top: 9px;
}

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

._finalRow_1nqbu_110 {
  margin-top: 16.5px;
  padding-top: 12px;
  border-top: 1px dashed var(--oh-store-border);
  color: var(--oh-color-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

._finalBefore_1nqbu_147 {
  margin-right: 8.5px;
  font-size: 0.83rem;
  font-weight: 400;
}

._notice_1nqbu_153 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 6.25rem;
  margin: 20.5px -0.5px 1px;
  padding: 0 16px;
  border-radius: 11px;
  background: var(--oh-store-info-bg);
}

._noticeLead_1nqbu_164 {
  color: var(--oh-color-text-strong);
  font-size: 1.03rem;
  font-weight: 700;
  line-height: 1.3;
}

._noticeAmount_1nqbu_171 {
  margin-left: 5px;
  color: var(--oh-store-amount);
}

._noticeLine_1nqbu_176,
._noticeNext_1nqbu_177 {
  color: var(--oh-store-text-body);
  font-size: 0.79rem;
  line-height: 1.3;
}

._noticeLine_1nqbu_176 {
  margin-top: 8px;
}

._noticeNext_1nqbu_177 {
  margin-top: 9.5px;
}

._noticeNext_1nqbu_177 b {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._consent_1nqbu_93 {
  margin: 6px 0 0 4.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.723rem;
  line-height: 1.4;
}

._consentLink_1nqbu_93 {
  color: var(--oh-store-text-sub);
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

._payBar_1nqbu_211 {
  position: sticky;
  bottom: 0;
  z-index: 2;
  flex: none;
  min-height: calc(4.875rem + env(safe-area-inset-bottom));
  padding: 13.5px 16.5px calc(19.5px + env(safe-area-inset-bottom)) 16px;
  border-top: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
}

._failure_1nqbu_222 {
  padding: 60px 0;
  color: var(--oh-store-text-sub);
  font-size: 0.875rem;
  text-align: center;
}

html[data-edition='to-be'] ._main_1nqbu_8 {
  gap: var(--oh-space-4);
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._card_1nqbu_17 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._cardTitle_1nqbu_23 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._product_1nqbu_30 {
  margin-top: var(--oh-space-4);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._productLine_1nqbu_38 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._productLine_1nqbu_38:last-child {
  margin-bottom: 0;
}

html[data-edition='to-be'] ._product_1nqbu_30 + ._productLine_1nqbu_38 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._coupon_1nqbu_53 {
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._couponInput_1nqbu_60 {
  flex: 1 1 9rem;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-4);
  border-color: var(--oh-color-input-border);
}

html[data-edition='to-be'] ._couponApply_1nqbu_76 {
  min-width: 4rem;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._checking_1nqbu_97 {
  margin: var(--oh-space-4) 0 0;
  padding-bottom: 0;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._amounts_1nqbu_105 {
  margin: var(--oh-space-4) 0 0;
}

html[data-edition='to-be'] ._amountRow_1nqbu_109 {
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._amountRow_1nqbu_109 + ._amountRow_1nqbu_109 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._finalRow_1nqbu_110 {
  flex-wrap: wrap;
  gap: var(--oh-space-1) var(--oh-space-3);
  margin-top: var(--oh-space-4);
  padding-top: var(--oh-space-3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._finalRow_1nqbu_110 dd {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0 var(--oh-space-2);
  margin-left: auto;
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._finalBefore_1nqbu_147 {
  margin-right: 0;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._notice_1nqbu_153 {
  margin: var(--oh-space-4) 0 0;
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._noticeLead_1nqbu_164 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._noticeAmount_1nqbu_171 {
  margin-left: var(--oh-space-1);
  white-space: nowrap;
}

html[data-edition='to-be'] ._noticeLine_1nqbu_176,
html[data-edition='to-be'] ._noticeNext_1nqbu_177 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._consent_1nqbu_93 {
  margin: 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._consentLink_1nqbu_93 {
  position: relative;
}

html[data-edition='to-be'] ._consentLink_1nqbu_93::after {
  position: absolute;
  inset: -13px -2px;
  content: '';
}

html[data-edition='to-be'] ._payBar_1nqbu_211 {
  min-height: 0;
  padding: var(--oh-space-3) var(--oh-space-4) calc(var(--oh-space-4) + env(safe-area-inset-bottom));
}

._sheet_ajte6_6 {
  align-items: center;
  padding: 50.5px 20.5px 20.5px;
  text-align: center;
}

._art_ajte6_12 {
  width: 159px;
  max-width: 100%;
  height: 106.5px;
  border-radius: 8px;
}

._title_ajte6_19 {
  margin-top: 45px;
  color: var(--oh-color-text-strong);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
}

._body_ajte6_27 {
  margin-top: 23px;
  color: var(--oh-color-text-strong);
  font-size: 1.131rem;
  line-height: 1.5;
}

._actions_ajte6_34 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(4.21875rem, auto);
  gap: 11.5px;
  align-self: stretch;
  margin-top: 20px;
}

._leave_ajte6_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 12px 3px;
  border: 1.5px solid var(--oh-wrong-text);
  border-radius: var(--oh-radius-cta);
  background: var(--oh-color-bg);
  box-shadow: 0 6px 12px var(--oh-button-outline-glow);
  color: var(--oh-wrong-text);
  font-size: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}

._leave_ajte6_43:active {
  background: var(--oh-button-outline-pressed);
}

html[data-edition='to-be'] ._sheet_ajte6_6 {
  padding: var(--oh-space-6) var(--oh-space-6) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
  container-type: inline-size;
}

html[data-edition='to-be'] ._title_ajte6_19 {
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._body_ajte6_27 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._actions_ajte6_34 {
  grid-auto-rows: minmax(calc(var(--oh-size-control-lg) + 3px), auto);
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._actions_ajte6_34 > button {
  min-width: 0;
  padding-right: var(--oh-space-4);
  padding-left: var(--oh-space-4);
}

html[data-edition='to-be'] ._leave_ajte6_43 {
  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;
}

@container (max-width: 21.5em) {
  html[data-edition='to-be'] ._actions_ajte6_34 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._panel_7tryo_11 {
  width: 280.5px;
  max-width: calc(100% - 23px);
  padding: 11px 13px 13px;
  border: 1px solid var(--oh-settings-panel-edge);
  border-radius: 11.5px;
  background: var(--oh-settings-panel-bg);
  color: var(--oh-color-text-inverse);
  transform-origin: bottom right;
  animation: _panel-appear_7tryo_1 100ms cubic-bezier(0, 0, 0.2, 1);
}

._panel_7tryo_11:focus {
  outline: none;
}

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

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

._head_7tryo_39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.34375rem;
}

._title_7tryo_46 {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.34375rem;
}

._close_7tryo_52 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  color: var(--oh-settings-panel-close);
}

._close_7tryo_52::after {
  position: absolute;
  inset: -10px;
  content: '';
}

._group_7tryo_69 {
  margin-top: 10.7px;
}

._groupHead_7tryo_73 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

._label_7tryo_79 {
  color: var(--oh-settings-panel-label);
  font-size: 0.7565rem;
  font-weight: 500;
  line-height: 1.125rem;
}

._note_7tryo_86 {
  margin-right: 0.5px;
  color: var(--oh-settings-panel-note);
  font-size: 0.703rem;
  line-height: 1.125rem;
}

._options_7tryo_93 {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5px;
  margin-top: 7px;
}

._option_7tryo_93 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  height: 1.90625rem;
  padding: 0 10px;
  border: 1px solid var(--oh-settings-option-border);
  border-radius: 5px;
  background: var(--oh-settings-option-bg);
  color: var(--oh-settings-option-text);
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

._options_7tryo_93[data-layout='equal'] ._option_7tryo_93 {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
}

._options_7tryo_93[data-layout='speed'] ._option_7tryo_93 {
  min-width: 41px;
}

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

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

._option_7tryo_93[aria-checked='true'] {
  border-color: var(--oh-settings-option-on);
  background: var(--oh-settings-option-on);
  box-shadow: 0 0 0 1.5px var(--oh-settings-option-on-glow);
  color: var(--oh-color-text-inverse);
}

html[data-edition='to-be'] ._panel_7tryo_11 {
  --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;
}

html[data-edition='to-be'] ._head_7tryo_39 {
  gap: var(--oh-space-2);
  min-height: var(--settings-close-box);
}

html[data-edition='to-be'] ._title_7tryo_46 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._close_7tryo_52 {
  flex: none;
  width: var(--settings-close-box);
  height: var(--settings-close-box);
  margin-right: calc((var(--settings-close-box) - var(--oh-size-icon-md)) / -2);
}

html[data-edition='to-be'] ._close_7tryo_52::after {
  inset: 0;
}

html[data-edition='to-be'] ._close_7tryo_52 > svg {
  box-sizing: border-box;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  padding: 3px;
}

html[data-edition='to-be'] ._group_7tryo_69 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._head_7tryo_39 + ._group_7tryo_69 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._groupHead_7tryo_73 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._label_7tryo_79 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._note_7tryo_86 {
  margin-right: 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._options_7tryo_93 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._option_7tryo_93 {
  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);
}

html[data-edition='to-be'] ._options_7tryo_93[data-layout='equal'] ._option_7tryo_93 {
  flex: 1 1 var(--oh-size-hit);
  min-width: auto;
  padding: 0 var(--oh-space-1);
}

html[data-edition='to-be'] ._options_7tryo_93[data-layout='speed'] ._option_7tryo_93 {
  min-width: var(--oh-size-hit);
}

html[data-edition='to-be'] ._option_7tryo_93[aria-checked='true'] {
  color: var(--oh-color-on-fill-ink);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._panel_7tryo_11 {
    --settings-close-box: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._options_7tryo_93 {
    gap: var(--oh-space-5) var(--oh-space-2);
  }

  
  html[data-edition='to-be'] ._option_7tryo_93::after {
    position: absolute;
    inset: -7px -1px;
    content: '';
  }
}

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

._list_4nkmf_16 {
  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_4nkmf_16::-webkit-scrollbar {
  display: none;
}

._row_4nkmf_31 {
  padding: 13.8px 19.2px 12.7px 20px;
  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;
}

._row_4nkmf_31[data-state='current'] {
  padding-top: 14.65px;
  padding-bottom: 14.8px;
  background: var(--oh-watch-row-current-bg);
}

._english_4nkmf_46 {
  color: var(--oh-watch-english-next);
  font-size: 1.073rem;
  font-weight: 400;
  line-height: 1.58;
  transition:
    font-size 120ms cubic-bezier(0, 0, 0.2, 1),
    line-height 120ms cubic-bezier(0, 0, 0.2, 1),
    color 100ms linear;
}

._korean_4nkmf_57 {
  margin-top: 1.9px;
  color: var(--oh-watch-korean-next);
  font-size: 0.886rem;
  font-weight: 400;
  line-height: 1.4375rem;
  transition:
    font-size 120ms cubic-bezier(0, 0, 0.2, 1),
    margin-top 120ms cubic-bezier(0, 0, 0.2, 1),
    color 100ms linear;
}

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

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

._row_4nkmf_31[data-state='current'] ._english_4nkmf_46 {
  color: var(--oh-color-text-inverse);
  font-size: 1.1375rem;
  font-weight: 600;
  line-height: 1.54;
}

._row_4nkmf_31[data-state='current'] ._korean_4nkmf_57 {
  margin-top: 2.5px;
  color: var(--oh-watch-text-soft);
  font-size: 1.0125rem;
}

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

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

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

._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31 {
  padding-top: 14.2px;
  padding-bottom: 13.45px;
}

._list_4nkmf_16[data-size='xlarge'] ._english_4nkmf_46 {
  font-size: 1.265rem;
}

._list_4nkmf_16[data-size='xlarge'] ._korean_4nkmf_57 {
  margin-top: 1.15px;
  font-size: 1.065rem;
  line-height: 1.6375rem;
}

._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] {
  padding-top: 13.25px;
  padding-bottom: 15.05px;
}

._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] ._english_4nkmf_46 {
  font-size: 1.3375rem;
  line-height: 1.565;
}

._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] ._korean_4nkmf_57 {
  margin-top: 2.95px;
  font-size: 1.181rem;
  line-height: 1.6875rem;
}

html[data-edition='to-be'] ._row_4nkmf_31 {
  padding: var(--oh-space-3) var(--oh-space-4);
}

html[data-edition='to-be'] ._english_4nkmf_46 {
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._korean_4nkmf_57 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._row_4nkmf_31[data-state='current'] ._english_4nkmf_46 {
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._row_4nkmf_31[data-state='current'] ._korean_4nkmf_57 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31 {
  padding-top: var(--oh-space-3);
  padding-bottom: var(--oh-space-3);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._english_4nkmf_46 {
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._korean_4nkmf_57 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] {
  padding-top: var(--oh-space-3);
  padding-bottom: var(--oh-space-3);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] ._english_4nkmf_46 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._list_4nkmf_16[data-size='xlarge'] ._row_4nkmf_31[data-state='current'] ._korean_4nkmf_57 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-reading);
}

._screen_15da2_10 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._header_15da2_19 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 14.25px 0 14px;
  pointer-events: none;
  transition:
    opacity 170ms cubic-bezier(0, 0, 0.2, 1),
    transform 170ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s;
}

._step_15da2_36 {
  display: flex;
  align-items: center;
  flex: none;
  height: 1.8125rem;
  padding: 0 10.5px 0.5px 10px;
  border-radius: 4px;
  background: var(--oh-watch-step-bg);
  color: var(--oh-watch-step-text);
  font-size: 0.881rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

._title_15da2_51 {
  flex: 1;
  min-width: 0;
  margin-left: 11.5px;
  font-size: 1.0125rem;
  font-weight: 500;
  line-height: 1.5625rem;
}

._close_15da2_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.75rem;
  height: 2.75rem;
  padding-top: 3px;
  pointer-events: auto;
}

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

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

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

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

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

._centerPlay_15da2_107,
._centerPause_15da2_108 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}

._centerPause_15da2_108 {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--oh-watch-mark-disc);
}

._done_15da2_125 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.5625rem;
  height: 3.875rem;
  border-radius: 12px;
  background: var(--oh-watch-done-bg);
  color: var(--oh-color-text-inverse);
  font-size: 1.234rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

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

._retry_15da2_159 {
  min-height: 2.75rem;
  padding: 0 20px;
  border-radius: var(--oh-radius-button);
  background: var(--oh-watch-settings-bg);
  font-weight: 700;
}

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

._subtitles_15da2_167::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_15da2_187 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12.5px;
  height: 3.625rem;
  padding: 0 14px 14px;
  background: linear-gradient(
    to bottom,
    transparent,
    color-mix(in srgb, var(--oh-watch-controls-floor) 40%, transparent) 15%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 55%, transparent) 40%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 65%, transparent) 60%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 75%, transparent) 80%,
    var(--oh-watch-controls-floor) 95%
  );
  transition:
    opacity 170ms cubic-bezier(0, 0, 0.2, 1),
    transform 170ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s;
}

._screen_15da2_10[data-overlay-shown='false'] ._header_15da2_19,
._screen_15da2_10[data-overlay-shown='false'] ._controls_15da2_187 {
  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_15da2_10[data-overlay-shown='false'] ._header_15da2_19 {
  transform: translateY(-8px);
}

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

._play_15da2_231,
._settings_15da2_232 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.75rem;
  height: 2.75rem;
  color: var(--oh-color-text-inverse);
}

._play_15da2_231 {
  margin-right: -1px;
  padding-bottom: 0.5px;
}

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

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

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

._time_15da2_268 {
  flex: none;
  padding-top: 1.5px;
  font-size: 1.022rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

._progressLine_15da2_280 {
  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_15da2_10[data-overlay-shown='false'] ._progressLine_15da2_280 {
  opacity: 1;
}

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

html[data-edition='to-be'] ._screen_15da2_10 {
  --watch-icon-box: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._header_15da2_19 {
  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;
}

html[data-edition='to-be'] ._step_15da2_36 {
  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);
}

html[data-edition='to-be'] ._title_15da2_51 {
  margin-left: 0;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._close_15da2_60 {
  width: var(--watch-icon-box);
  height: var(--watch-icon-box);
  margin-right: calc((var(--watch-icon-box) - var(--oh-size-icon-md)) / -2);
  padding-top: 0;
}

html[data-edition='to-be'] ._close_15da2_60 > svg {
  box-sizing: border-box;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  padding: 3px;
}

html[data-edition='to-be'] ._done_15da2_125 {
  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);
}

html[data-edition='to-be'] ._failure_15da2_145 {
  gap: var(--oh-space-3);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._retry_15da2_159 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
}

html[data-edition='to-be'] ._controls_15da2_187 {
  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: linear-gradient(
    to bottom,
    transparent,
    color-mix(in srgb, var(--oh-watch-controls-floor) 76%, transparent) 15%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 82%, transparent) 40%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 86%, transparent) 60%,
    color-mix(in srgb, var(--oh-watch-controls-floor) 90%, transparent) 80%,
    var(--oh-watch-controls-floor) 95%
  );
}

html[data-edition='to-be'] ._play_15da2_231,
html[data-edition='to-be'] ._settings_15da2_232 {
  width: var(--watch-icon-box);
  height: var(--watch-icon-box);
}

html[data-edition='to-be'] ._play_15da2_231 {
  margin: 0 0 0 calc((var(--watch-icon-box) - var(--oh-size-icon-md)) / -2);
  padding-bottom: 0;
}

html[data-edition='to-be'] ._play_15da2_231 > svg,
html[data-edition='to-be'] ._settings_15da2_232 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._time_15da2_268 {
  padding-top: 0;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  letter-spacing: 0;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._screen_15da2_10 {
    --watch-icon-box: var(--oh-size-icon-button-touch);
  }
}

@container (max-width: 15em) {
  html[data-edition='to-be'] ._title_15da2_51 {
    flex-basis: 100%;
    order: 1;
  }

  html[data-edition='to-be'] ._close_15da2_60 {
    margin-left: auto;
  }
}

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

._panel_1vy42_13 {
  position: absolute;
  right: 11.5px;
  bottom: 63.5px;
  z-index: 3;
}

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

._controlsOnly_1vy42_25._controlsOnly_1vy42_25 {
  flex: none;
  height: 3.625rem;
  margin-top: auto;
}

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

html[data-edition='to-be'] ._panel_1vy42_13 {
  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));
}

html[data-edition='to-be'] ._controlsOnly_1vy42_25._controlsOnly_1vy42_25 {
  height: calc(var(--oh-size-icon-button-touch) + var(--oh-space-4));
}

._page_1k9vz_6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100dvh;
  background: var(--oh-watch-stage);
  color: var(--oh-color-text-inverse);
}

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

._loading_1k9vz_20 {
  color: var(--oh-watch-text-soft);
  font-size: 0.381rem;
  line-height: 1;
  text-align: center;
}

._failure_1k9vz_27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 var(--oh-space-page);
  font-size: 1rem;
  text-align: center;
}

._home_1k9vz_37 {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 20px;
  border-radius: var(--oh-radius-button);
  background: var(--oh-watch-settings-bg);
  font-weight: 700;
}

html[data-edition='to-be'] ._loading_1k9vz_20 {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._failure_1k9vz_27 {
  gap: var(--oh-space-3);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._home_1k9vz_37 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
}

._sheet_1vscs_8._sheet_1vscs_8 {
  padding: 16px 22.5px calc(28px + env(safe-area-inset-bottom));
  border-radius: 24px 24px 0 0;
  font-family: var(--oh-store-font);
  animation: none;
}

._handle_1vscs_15 {
  flex: none;
  align-self: center;
  width: 40px;
  height: 4.5px;
  border-radius: 3px;
  background: var(--oh-store-handle);
}

._head_1vscs_24 {
  position: relative;
  margin-top: 20px;
  padding-right: 40px;
}

._caption_1vscs_30 {
  color: var(--oh-store-text-sub);
  font-size: 0.7625rem;
  line-height: 1.3;
}

._title_1vscs_36 {
  margin-top: 5.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.11875rem;
  font-weight: 700;
  line-height: 1.3;
}

._close_1vscs_45 {
  position: absolute;
  top: -5px;
  right: -6.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--oh-store-text-sub);
}

._note_1vscs_57 {
  margin-top: 6px;
  color: var(--oh-store-text-sub);
  font-size: 0.78125rem;
  line-height: 1.4;
}

._plans_1vscs_64 {
  display: flex;
  flex-direction: column;
  gap: 10.5px;
  margin-top: 16.5px;
}

._option_1vscs_71 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 6.59375rem;
  padding: 0 17.5px 0 17.5px;
  border: 1px solid var(--oh-store-border);
  border-radius: 12px;
  background: var(--oh-color-bg);
  cursor: pointer;
}

._option_1vscs_71[data-checked] {
  border-color: var(--oh-color-brand-outline-soft);
  background: var(--oh-store-plan-selected);
  box-shadow: 0 0 0 2px var(--oh-color-brand-glow);
}

._input_1vscs_90 {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

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

._radio_1vscs_103 {
  flex: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--oh-color-border-strong);
  border-radius: 50%;
  background: var(--oh-color-bg);
}

._option_1vscs_71[data-checked] ._radio_1vscs_103 {
  border: 6px solid var(--oh-store-accent);
}

._naming_1vscs_116 {
  display: flex;
  flex-direction: column;
  gap: 4.5px;
  min-width: 0;
  margin-left: 13px;
}

._nameRow_1vscs_124 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 10px;
}

._name_1vscs_124 {
  color: var(--oh-color-text-strong);
  font-size: 0.925rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

._discount_1vscs_139 {
  display: flex;
  align-items: center;
  min-height: 1.15625rem;
  padding: 0 7.5px;
  border-radius: 1rem;
  background: var(--oh-store-badge-bg);
  color: var(--oh-store-badge-text);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._planNote_1vscs_153 {
  color: var(--oh-store-text-sub);
  font-size: 0.7625rem;
  line-height: 1.3;
}

._amounts_1vscs_159 {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  padding-left: 8px;
  white-space: nowrap;
}

._listTotal_1vscs_169 {
  color: var(--oh-store-text-sub);
  font-size: 0.84rem;
  line-height: 1.3;
}

._monthly_1vscs_175 {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-top: 3px;
  line-height: 1.25;
}

._monthlyLabel_1vscs_183 {
  color: var(--oh-store-text-sub);
  font-size: 0.78125rem;
}

._monthlyValue_1vscs_188 {
  color: var(--oh-color-text-strong);
  font-size: 1.225rem;
  font-weight: 700;
}

._payNow_1vscs_194 {
  margin-top: 5.5px;
  color: var(--oh-store-text-body);
  font-size: 0.75rem;
  line-height: 1.3;
}

._payNow_1vscs_194 b {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._summary_1vscs_206 {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  margin: 17px 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--oh-store-border);
}

._summaryRow_1vscs_215,
._total_1vscs_216 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: var(--oh-store-text-body);
  font-size: 0.85rem;
  line-height: 1.36;
}

._summaryRow_1vscs_215 dd,
._total_1vscs_216 dd {
  margin: 0;
  white-space: nowrap;
}

._total_1vscs_216 {
  margin-top: 5.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.94375rem;
  font-weight: 700;
}

._total_1vscs_216 dd {
  color: var(--oh-store-amount);
  font-size: 0.95rem;
}

._apply_1vscs_244 {
  margin: 16.5px -0.5px 0;
}

html[data-edition='to-be'] ._sheet_1vscs_8._sheet_1vscs_8 {
  overflow-y: auto;
  padding: var(--oh-space-4) var(--oh-space-6) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._head_1vscs_24 {
  margin-top: var(--oh-space-4);
  padding-right: calc(var(--oh-size-icon-button) + var(--oh-space-2));
}

html[data-edition='to-be'] ._caption_1vscs_30 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._title_1vscs_36 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._close_1vscs_45 {
  top: 0;
  right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._close_1vscs_45 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._note_1vscs_57 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._plans_1vscs_64 {
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._option_1vscs_71 {
  flex-wrap: wrap;
  gap: var(--oh-space-2) 0;
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._naming_1vscs_116 {
  flex: 1 1 0;
  gap: var(--oh-space-1);
  min-width: 4rem;
  margin-left: var(--oh-space-3);
}

html[data-edition='to-be'] ._nameRow_1vscs_124 {
  gap: var(--oh-space-1) var(--oh-space-2);
}

html[data-edition='to-be'] ._name_1vscs_124 {
  font-size: var(--oh-text-body);
  white-space: normal;
}

html[data-edition='to-be'] ._discount_1vscs_139 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._planNote_1vscs_153 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._amounts_1vscs_159 {
  flex: 0 1 auto;
  min-width: 0;
  padding-left: var(--oh-space-2);
}

html[data-edition='to-be'] ._listTotal_1vscs_169 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._monthly_1vscs_175 {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0 var(--oh-space-1);
  margin-top: 0;
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._monthlyLabel_1vscs_183 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._monthlyValue_1vscs_188 {
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._payNow_1vscs_194 {
  margin-top: 0;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-align: right;
  white-space: normal;
}

html[data-edition='to-be'] ._payNow_1vscs_194 b {
  white-space: nowrap;
}

html[data-edition='to-be'] ._summary_1vscs_206 {
  gap: var(--oh-space-2);
  margin: var(--oh-space-4) 0 0;
  padding-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._summaryRow_1vscs_215,
html[data-edition='to-be'] ._total_1vscs_216 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._total_1vscs_216 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._total_1vscs_216 dd {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._apply_1vscs_244 {
  margin: var(--oh-space-6) 0 0;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_1vscs_24 {
    padding-right: calc(var(--oh-size-icon-button-touch) + var(--oh-space-2));
  }

  html[data-edition='to-be'] ._close_1vscs_45 {
    right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._intro_yygd5_5 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._video_yygd5_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 728 / 410;
  border-radius: 12px;
  background: var(--stage-color);
  color: var(--oh-color-text-inverse);
}

._pauseDisc_yygd5_22 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--oh-watch-mark-disc);
}

._pauseBar_yygd5_33 {
  width: 7.5px;
  height: 27px;
  border-radius: 3px;
  background: currentColor;
}

._pictures_yygd5_40 {
  display: flex;
  flex-direction: column;
}

._pictureBox_yygd5_45 {
  display: block;
  width: 100%;
}

._picture_yygd5_40 {
  height: 100%;
}

._space_yygd5_54 {
  display: block;
}

html[data-edition='to-be'] ._intro_yygd5_5 {
  gap: var(--oh-space-4);
}

._bar_194zp_6 {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: none;
  gap: 12px;
  min-height: calc(6.1875rem + env(safe-area-inset-bottom));
  margin-top: -6.1875rem;
  padding: 0 16.5px env(safe-area-inset-bottom) 16px;
  border-top: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
}

._prices_194zp_22 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: none;
  padding-top: 12px;
  white-space: nowrap;
}

._listPrice_194zp_31 {
  color: var(--oh-store-text-sub);
  font-size: 0.73rem;
  line-height: 1.35;
}

._priceRow_194zp_37 {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
  line-height: 1.3;
}

._unit_194zp_44 {
  color: var(--oh-store-text-sub);
  font-size: 0.75rem;
}

._price_194zp_22 {
  margin: 0 6.5px 0 5px;
  color: var(--oh-color-text-strong);
  font-size: 1.08rem;
  font-weight: 700;
}

._discount_194zp_56 {
  display: flex;
  align-items: center;
  min-height: 1.34375rem;
  margin-top: 2.5px;
  padding: 0 7.5px;
  border-radius: 1rem;
  background: var(--oh-store-badge-bg);
  color: var(--oh-store-badge-text);
  font-size: 0.77rem;
  font-weight: 700;
  line-height: 1;
}

._apply_194zp_70 {
  flex: 1 1 0;
  min-width: 0;
  max-width: 230px;
  margin-top: 22px;
}

html[data-edition='to-be'] ._bar_194zp_6 {
  align-items: center;
  flex-wrap: wrap;
  gap: var(--oh-space-2) var(--oh-space-3);
  min-height: 0;
  margin-top: 0;
  padding: var(--oh-space-3) var(--oh-space-4) calc(var(--oh-space-3) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._prices_194zp_22 {
  padding-top: 0;
}

html[data-edition='to-be'] ._listPrice_194zp_31 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._priceRow_194zp_37 {
  gap: var(--oh-space-1);
  margin-top: var(--oh-space-1);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._unit_194zp_44 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._price_194zp_22 {
  margin: 0;
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._discount_194zp_56 {
  min-height: 1.5rem;
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._apply_194zp_70 {
  flex: 1 1 10rem;
  max-width: none;
  margin-top: 0;
}

._digest_16twv_6 {
  padding: 16px 0 18px;
  border-radius: 12px;
  background: var(--oh-color-bg);
}

._digest_16twv_6 > :first-child {
  padding-left: 18px;
}

._track_16twv_16 {
  display: flex;
  gap: 11px;
  overflow-x: auto;
  margin: 10.5px 16px 0 16.5px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

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

._card_16twv_29 {
  flex: none;
  width: 249px;
  min-height: 8.65625rem;
  padding: 17px 14px 12px 15px;
  border: 1px solid var(--oh-store-border);
  border-radius: 10px;
  scroll-snap-align: start;
}

._cardHead_16twv_39 {
  display: flex;
  align-items: center;
  line-height: 1.3;
  white-space: nowrap;
}

._star_16twv_46 {
  flex: none;
  margin-left: -0.5px;
  color: var(--oh-color-brand);
}

._rating_16twv_52 {
  margin-left: 7px;
  color: var(--oh-color-text-strong);
  font-size: 0.83rem;
  font-weight: 700;
}

._author_16twv_60 {
  overflow: hidden;
  min-width: 0;
  margin-left: 6px;
  color: var(--oh-color-text-strong);
  font-family: var(--oh-font-sans);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: -0.075em;
  text-overflow: ellipsis;
}

._date_16twv_72 {
  flex: none;
  margin-left: auto;
  padding-left: 8px;
  color: var(--oh-store-text-sub);
  font-size: 0.69rem;
}

._cardBody_16twv_80 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-top: 9.5px;
}

._text_16twv_88 {
  display: -webkit-box;
  overflow: hidden;
  min-width: 0;
  color: var(--oh-store-text-body);
  font-family: var(--oh-font-sans);
  font-size: 0.78125rem;
  line-height: 20px;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

._photoBox_16twv_102 {
  position: relative;
  flex: none;
}

._photo_16twv_102 {
  width: 56px;
  height: 56px;
  border-radius: 8px;
}

._photoCount_16twv_113 {
  position: absolute;
  right: 3.5px;
  bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--oh-store-chip-dark);
  color: var(--oh-color-text-inverse);
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
}

._all_16twv_130 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.5px;
  min-height: 2.875rem;
  margin: 17px 16px 0;
  border: 1px solid var(--oh-store-border);
  border-radius: 1.5rem;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 0.855rem;
  font-weight: 700;
  line-height: 1;
}

._all_16twv_130:active {
  border-color: var(--oh-color-brand-outline-soft);
  box-shadow: 0 0 0 2px var(--oh-color-brand-glow);
  color: var(--oh-color-brand-ink);
}

html[data-edition='to-be'] ._digest_16twv_6 {
  padding: var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._digest_16twv_6 > :first-child {
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._track_16twv_16 {
  gap: var(--oh-space-3);
  margin: var(--oh-space-3) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._card_16twv_29 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._star_16twv_46 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  margin-left: 0;
}

html[data-edition='to-be'] ._rating_16twv_52 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._author_16twv_60 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._date_16twv_72 {
  padding-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._cardBody_16twv_80 {
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._text_16twv_88 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._photoCount_16twv_113 {
  width: 1.25rem;
  height: 1.25rem;
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._all_16twv_130 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  margin: var(--oh-space-4) var(--oh-space-4) 0;
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._all_16twv_130 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

._main_ff7tp_7 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20.5px;
  min-width: 0;
  padding: 15.5px 16px 111px;
}

._banner_ff7tp_16 {
  width: 100%;
  aspect-ratio: 816 / 461;
  border-radius: 11px;
}

._card_ff7tp_22 {
  padding: 20px 22px 27.5px;
  border-radius: 12px;
  background: var(--oh-color-bg);
}

._titleRow_ff7tp_28 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._title_ff7tp_28 {
  min-width: 0;
  padding: 2.5px 0 0 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.23125rem;
  font-weight: 700;
  line-height: 1.3;
}

._share_ff7tp_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--oh-store-border);
  border-radius: 50%;
  background: var(--oh-color-bg);
  color: var(--oh-store-text-body);
}

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

._opening_ff7tp_61 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8.5px;
  min-height: 4.46875rem;
  margin: 7px 0 0;
  padding: 2.5px 15.5px 0;
  border: 1px solid var(--oh-store-info-border);
  border-radius: 8px;
  background: var(--oh-store-info-bg);
  line-height: 1;
}

._opening_ff7tp_61 dt {
  color: var(--oh-store-info-label);
  font-size: 0.705rem;
}

._opening_ff7tp_61 dd {
  margin: 0;
  color: var(--oh-store-info-strong);
  font-size: 1.03rem;
  font-weight: 700;
}

._introTitle_ff7tp_87 {
  margin: 20px 0 15px 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
}

._failure_ff7tp_95 {
  padding: 60px 0;
  color: var(--oh-store-text-sub);
  font-size: 0.875rem;
  text-align: center;
}

html[data-edition='to-be'] ._main_ff7tp_7 {
  gap: var(--oh-space-5);
  padding: var(--oh-space-4) var(--oh-space-4) var(--oh-space-16);
}

html[data-edition='to-be'] ._card_ff7tp_22 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._titleRow_ff7tp_28 {
  gap: var(--oh-space-3);
}

html[data-edition='to-be'] ._title_ff7tp_28 {
  padding: var(--oh-space-1) 0 0;
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._share_ff7tp_44 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._share_ff7tp_44 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._opening_ff7tp_61 {
  gap: var(--oh-space-1);
  margin: var(--oh-space-3) 0 0;
  padding: var(--oh-space-3) var(--oh-space-4);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._opening_ff7tp_61 dt {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._opening_ff7tp_61 dd {
  font-size: var(--oh-text-subtitle);
}

html[data-edition='to-be'] ._introTitle_ff7tp_87 {
  margin: var(--oh-space-6) 0 var(--oh-space-3);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._share_ff7tp_44 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._main_leknu_8 {
  flex: 1;
  min-width: 0;
  padding: 0 14px 40px;
}

._head_leknu_14 {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-top: 9px;
  padding-left: 3px;
}

._back_leknu_23 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0 9.5px 0 -8.5px;
  color: var(--oh-color-icon);
}

._mediaTitle_leknu_34 {
  margin-top: 24.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.855rem;
  font-weight: 700;
  line-height: 1.3;
}

._tiles_leknu_42 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 104px));
  gap: 8px;
  margin-top: 11px;
}

._tile_leknu_42,
._moreTile_leknu_50 {
  width: 100%;
  aspect-ratio: 104 / 105;
  border-radius: 9px;
}

._moreTile_leknu_50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--oh-store-more-tile);
  color: var(--oh-color-text-inverse);
  font-size: 0.855rem;
  font-weight: 500;
  line-height: 1.2;
}

._moreCount_leknu_69 {
  font-size: 0.78rem;
  font-weight: 600;
}

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

._listHead_leknu_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 19.5px;
  padding-right: 0.5px;
}

._listTitle_leknu_88 {
  color: var(--oh-color-text-strong);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
}

._sorts_leknu_95 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

._sort_leknu_75 {
  display: flex;
  align-items: center;
  min-height: 1.625rem;
  padding: 0 12.5px;
  border: 1px solid var(--oh-store-border);
  border-radius: 1rem;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-body);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._sort_leknu_75[aria-pressed='true'] {
  border-color: var(--oh-color-brand-outline-soft);
  background: var(--oh-store-mint);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
  color: var(--oh-color-brand-ink);
}

._list_leknu_79 {
  margin-top: 17px;
}

._item_leknu_128 {
  padding: 0 0 16.5px;
  border-bottom: 1px solid var(--oh-store-border);
}

._item_leknu_128 + ._item_leknu_128 {
  padding-top: 16px;
}

._itemHead_leknu_137 {
  display: flex;
  align-items: flex-start;
}

._avatar_leknu_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.125rem;
  height: 2.125rem;
  margin: 6px 11px 0 -0.5px;
  border-radius: 50%;
  background: var(--oh-store-mint);
  color: var(--oh-color-brand-ink);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

._who_leknu_158 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

._whoRow_leknu_165 {
  display: flex;
  align-items: center;
  gap: 9.5px;
  min-width: 0;
}

._rating_leknu_172 {
  display: flex;
  align-items: center;
  flex: none;
  gap: 7px;
  min-height: 1.5625rem;
  padding: 0 7.5px 0 9.5px;
  border-radius: 1rem;
  background: var(--oh-store-mint);
  color: var(--oh-color-brand-ink);
  font-size: 0.83rem;
  font-weight: 700;
  line-height: 1;
}

._ratingStar_leknu_187 {
  color: var(--oh-color-brand);
}

._author_leknu_192 {
  overflow: hidden;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-family: var(--oh-font-sans);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: -0.075em;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._course_leknu_205 {
  margin-left: 1px;
  color: var(--oh-store-text-sub);
  font-size: 0.72rem;
  line-height: 1.3;
}

._date_leknu_212 {
  flex: none;
  margin: 16.5px 0 0 auto;
  padding-left: 8px;
  color: var(--oh-store-text-sub);
  font-size: 0.75rem;
  line-height: 1.3;
}

._text_leknu_221 {
  margin-top: 11px;
  color: var(--oh-color-text-strong);
  font-family: var(--oh-font-sans);
  font-size: 0.825rem;
  line-height: 22px;
  white-space: pre-line;
}

._photos_leknu_230 {
  display: flex;
  flex-wrap: wrap;
  gap: 11.5px;
  margin-top: 16px;
}

._photo_leknu_230 {
  width: 74px;
  height: 74.5px;
  border-radius: 8px;
}

._failure_leknu_243 {
  padding: 60px 0;
  color: var(--oh-store-text-sub);
  font-size: 0.875rem;
  text-align: center;
}

html[data-edition='to-be'] ._main_leknu_8 {
  padding: 0 var(--oh-space-4) var(--oh-space-10);
}

html[data-edition='to-be'] ._head_leknu_14 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) 0;
}

html[data-edition='to-be'] ._back_leknu_23 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0 0 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._back_leknu_23 > svg {
  flex: none;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._mediaTitle_leknu_34 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._tiles_leknu_42 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._moreTile_leknu_50 {
  gap: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._moreCount_leknu_69 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._listHead_leknu_79 {
  flex-wrap: wrap;
  gap: var(--oh-space-3) var(--oh-space-2);
  margin-top: var(--oh-space-8);
  padding-right: 0;
}

html[data-edition='to-be'] ._listTitle_leknu_88 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._sorts_leknu_95 {
  gap: var(--oh-space-5) var(--oh-space-2);
}

html[data-edition='to-be'] ._sort_leknu_75 {
  position: relative;
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._sort_leknu_75::after {
  position: absolute;
  inset: -7px -1px;
  content: '';
}

html[data-edition='to-be'] ._list_leknu_79 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._item_leknu_128 {
  padding: 0 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._item_leknu_128 + ._item_leknu_128 {
  padding-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._itemHead_leknu_137 {
  align-items: center;
}

html[data-edition='to-be'] ._avatar_leknu_142 {
  margin: 0 var(--oh-space-3) 0 0;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._who_leknu_158 {
  gap: var(--oh-space-1);
}

html[data-edition='to-be'] ._whoRow_leknu_165 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._rating_leknu_172 {
  gap: var(--oh-space-1);
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._ratingStar_leknu_187 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  color: var(--oh-color-brand-graphic);
}

html[data-edition='to-be'] ._author_leknu_192 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._course_leknu_205 {
  margin-left: 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._date_leknu_212 {
  margin: 0 0 0 auto;
  padding-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._text_leknu_221 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._photos_leknu_230 {
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-4);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_leknu_23 {
    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);
  }
}

._main_1uf52_7 {
  flex: 1;
  min-width: 0;
  padding: 0 20px 61px;
}

._classroom_1uf52_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.75rem;
  min-height: 2.125rem;
  padding: 0 8px;
  border-radius: 7px;
  background: var(--oh-store-accent);
  color: var(--oh-color-text-inverse);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._titleRow_1uf52_30 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 25.5px 0 0 0.5px;
}

._title_1uf52_30 {
  color: var(--oh-color-text-strong);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}

._count_1uf52_44 {
  color: var(--oh-store-text-sub);
  font-size: 0.8125rem;
  line-height: 1.25;
}

._list_1uf52_50 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
}

._card_1uf52_57 {
  display: block;
  overflow: hidden;
  border-radius: 14px;
  background: var(--oh-color-bg);
}

._pictureBox_1uf52_64 {
  position: relative;
  display: block;
}

._picture_1uf52_64 {
  width: 100%;
  aspect-ratio: 800 / 453;
}

._purchased_1uf52_74 {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4.0625rem;
  min-height: 1.71875rem;
  padding: 0 10px;
  border-radius: 1rem;
  background: var(--oh-store-chip-dark);
  color: var(--oh-color-text-inverse);
  font-size: 0.705rem;
  font-weight: 700;
  line-height: 1;
}

._cardBody_1uf52_92 {
  display: block;
  padding: 16px 12px 18.5px;
}

._cardTitle_1uf52_97 {
  display: block;
  color: var(--oh-color-text-strong);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
}

._priceRow_1uf52_105 {
  display: flex;
  align-items: baseline;
  margin-top: 13.5px;
  line-height: 1.3;
  white-space: nowrap;
}

._priceUnit_1uf52_113 {
  color: var(--oh-store-text-sub);
  font-size: 0.78rem;
}

._price_1uf52_105 {
  margin: 0 9.5px 0 8px;
  color: var(--oh-color-text-strong);
  font-size: 1.0125rem;
  font-weight: 700;
}

._listPrice_1uf52_125 {
  margin-left: 6px;
  color: var(--oh-store-text-sub);
  font-size: 0.778rem;
}

._badgeRow_1uf52_131 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 7px;
  margin-top: 9.5px;
}

._discount_1uf52_140 {
  display: flex;
  align-items: center;
  min-height: 1.46875rem;
  padding: 0 8.5px;
  border-radius: 1rem;
  background: var(--oh-store-badge-bg);
  color: var(--oh-store-badge-text);
  font-size: 0.77rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._basis_1uf52_154 {
  color: var(--oh-color-text-faint);
  font-size: 0.755rem;
  line-height: 1.3;
}

._failure_1uf52_160 {
  padding: 40px 0;
  color: var(--oh-store-text-sub);
  font-size: 0.875rem;
  text-align: center;
}

html[data-edition='to-be'] ._main_1uf52_7 {
  padding: 0 var(--oh-space-4) var(--oh-space-16);
}

html[data-edition='to-be'] ._classroom_1uf52_14 {
  position: relative;
  min-width: 4rem;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  color: var(--oh-color-on-fill-ink);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._classroom_1uf52_14::after {
  position: absolute;
  inset: -2px 0;
  content: '';
}

html[data-edition='to-be'] ._titleRow_1uf52_30 {
  flex-wrap: wrap;
  gap: var(--oh-space-1) var(--oh-space-3);
  padding: var(--oh-space-6) 0 0;
}

html[data-edition='to-be'] ._title_1uf52_30 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._count_1uf52_44 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._purchased_1uf52_74 {
  top: var(--oh-space-3);
  right: var(--oh-space-3);
  min-width: 0;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._cardBody_1uf52_92 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._cardTitle_1uf52_97 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._priceRow_1uf52_105 {
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._priceUnit_1uf52_113 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._price_1uf52_105 {
  margin: 0;
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._listPrice_1uf52_125 {
  margin-left: 0;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._badgeRow_1uf52_131 {
  gap: var(--oh-space-1) var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._discount_1uf52_140 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._basis_1uf52_154 {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._footer_w1bjw_8 {
  display: flex;
  flex: none;
  align-items: flex-start;
  gap: 10.5px;
  height: 5.53125rem;
  padding: 14px 16.5px 0;
  background: var(--oh-color-bg);
}

._main_w1bjw_18,
._preparing_w1bjw_19,
._locked_w1bjw_20,
._guide_w1bjw_21 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 3.71875rem;
  border-radius: 16px;
  font-size: 1.175rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  
  padding-right: 5.5px;
}

._main_w1bjw_18[data-icon='trailing'] {
  padding: 0 0 0 6px;
}

._iconSlot_w1bjw_43 {
  flex: none;
  width: 26px;
}

._footer_w1bjw_8 > :only-child {
  margin-left: 9.5px;
}

._main_w1bjw_18 {
  --face: var(--oh-color-brand);
  --face-held: var(--oh-dubbing-button-held);

  background: var(--face);
  box-shadow:
    inset 5px 6px 7px -3px var(--oh-dubbing-button-shine),
    inset -4px -5px 6px -3px var(--oh-dubbing-button-shade),
    0 0 3px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
}

._main_w1bjw_18:hover {
  background: var(--face-held);
}

._main_w1bjw_18:active {
  background: var(--face-held);
  box-shadow: 0 0 3px var(--oh-color-brand-glow);
}

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

._main_w1bjw_18[data-tone='submit'] {
  --face: linear-gradient(90deg, var(--oh-color-brand) 45%, var(--oh-dubbing-submit-to));
  --face-held: linear-gradient(90deg, var(--oh-dubbing-button-held) 45%, var(--oh-dubbing-submit-to));
}

._startIcon_w1bjw_84 {
  translate: 0 -1.5px;
}

._micIcon_w1bjw_88 {
  margin-left: 3px;
}

._preparing_w1bjw_19 {
  gap: 9px;
  background: var(--oh-dubbing-preparing);
  color: var(--oh-color-text-inverse);
}

._locked_w1bjw_20 {
  gap: 10.5px;
  background: var(--oh-dubbing-record-locked);
  box-shadow:
    inset 5px 6px 7px -3px var(--oh-dubbing-button-shine),
    inset -4px -5px 6px -3px var(--oh-dubbing-button-shade);
  color: var(--oh-color-text-inverse);
}

._guide_w1bjw_21 {
  gap: 9px;
  background: var(--oh-color-surface-muted);
  color: var(--oh-dubbing-guide-text);
}

._emoji_w1bjw_114 {
  font-size: 1.67rem;
  line-height: 1;
}

._emoji_w1bjw_114[data-faded='true'] {
  opacity: 0.7;
}

._square_w1bjw_123 {
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 5.5px;
  background: var(--oh-color-text-inverse);
}

._retry_w1bjw_131 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 3.6875rem;
  height: 3.71875rem;
  border: 1px solid var(--oh-color-border-strong);
  border-radius: 17px;
  padding-top: 1.5px;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
}

._retry_w1bjw_131:active {
  background: var(--oh-dubbing-control-pressed);
}

html[data-edition='to-be'] ._footer_w1bjw_8 {
  gap: var(--oh-space-4);
  height: auto;
  padding: var(--oh-space-4) var(--oh-space-4) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._footer_w1bjw_8 > :only-child {
  margin-left: 0;
}

html[data-edition='to-be'] ._main_w1bjw_18,
html[data-edition='to-be'] ._preparing_w1bjw_19,
html[data-edition='to-be'] ._locked_w1bjw_20,
html[data-edition='to-be'] ._guide_w1bjw_21 {
  gap: var(--oh-space-2);
  height: auto;
  min-height: var(--oh-size-control-lg);
  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;
  white-space: normal;
}

html[data-edition='to-be'] ._main_w1bjw_18 {
  gap: var(--oh-space-2) !important;
}

html[data-edition='to-be'] ._main_w1bjw_18 > svg,
html[data-edition='to-be'] ._guide_w1bjw_21 > svg {
  flex: none;
  width: auto;
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._main_w1bjw_18[data-icon='trailing'] > svg {
  width: var(--oh-size-icon-lg);
  height: auto;
}

html[data-edition='to-be'] ._main_w1bjw_18[data-tone='submit'] > svg {
  width: var(--oh-size-icon-xl);
  height: var(--oh-size-icon-xl);
}

html[data-edition='to-be'] ._startIcon_w1bjw_84 {
  translate: none;
}

html[data-edition='to-be'] ._micIcon_w1bjw_88 {
  margin-left: 0;
}

html[data-edition='to-be'] ._iconSlot_w1bjw_43 {
  width: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._preparing_w1bjw_19,
html[data-edition='to-be'] ._locked_w1bjw_20 {
  color: var(--oh-color-on-fill-ink);
}

html[data-edition='to-be'] ._emoji_w1bjw_114 {
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._square_w1bjw_123 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._locked_w1bjw_20 > ._square_w1bjw_123 {
  background: var(--oh-color-on-fill-ink);
}

html[data-edition='to-be'] ._retry_w1bjw_131 {
  width: var(--oh-size-control-lg);
  height: auto;
  min-height: var(--oh-size-control-lg);
  padding-top: 0;
}

html[data-edition='to-be'] ._retry_w1bjw_131 > svg {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

dialog._layer_1rx56_6::backdrop {
  background: var(--oh-dubbing-alert-dim);
}

._stage_1rx56_10 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 100%;
  padding: 16px 32px;
}

._box_1rx56_20 {
  width: 100%;
  max-width: 23.5rem;
  overflow: hidden;
  border-radius: 16px;
  background: var(--oh-color-bg);
  text-align: center;
}

._title_1rx56_29 {
  padding: 21px 12px 0;
  color: var(--oh-color-text-strong);
  font-size: 1.253rem;
  font-weight: 700;
  line-height: 1.75rem;
}

._body_1rx56_37 {
  padding: 6px 20px 19px;
  color: var(--oh-color-text-sub);
  font-size: 1.014rem;
  line-height: 1.5rem;
  word-break: normal;
}

._actions_1rx56_45 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--oh-color-line);
}

._reload_1rx56_51,
._confirm_1rx56_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.15625rem;
  font-size: 1.12rem;
}

._reload_1rx56_51 {
  border-right: 1px solid var(--oh-color-line);
  color: var(--oh-color-brand-pressed);
  font-weight: 700;
}

._confirm_1rx56_52 {
  color: var(--oh-color-text-muted);
}

._reload_1rx56_51:active,
._confirm_1rx56_52:active {
  background: var(--oh-color-surface-muted);
}

html[data-edition='to-be'] ._stage_1rx56_10 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._box_1rx56_20 {
  max-width: 400px;
}

html[data-edition='to-be'] ._title_1rx56_29 {
  padding: var(--oh-space-6) var(--oh-space-6) 0;
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._body_1rx56_37 {
  padding: var(--oh-space-4) var(--oh-space-6) var(--oh-space-6);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

html[data-edition='to-be'] ._reload_1rx56_51,
html[data-edition='to-be'] ._confirm_1rx56_52 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-align: center;
}

html[data-edition='to-be'] ._reload_1rx56_51 {
  color: var(--oh-color-brand-text);
  font-weight: var(--oh-weight-bold);
}

._strip_1la73_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  
  padding: 3px 3px 0 0;
  background: var(--oh-dubbing-strip-bg);
  color: var(--oh-dubbing-strip-text);
  white-space: nowrap;
}

._strip_1la73_7[data-kind='preparing'] {
  height: 2.1875rem;
}

._strip_1la73_7[data-kind='recording'] {
  height: 3.03125rem;
}

._spinner_1la73_26 {
  flex: none;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  border: 2.5px solid var(--oh-dubbing-prep-track);
  border-top-color: var(--oh-dubbing-prep-arc);
  border-radius: 50%;
  animation: _spinner-turn_1la73_1 700ms linear infinite;
}

@keyframes _spinner-turn_1la73_1 {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 360deg;
  }
}

._label_1la73_47 {
  font-size: 0.825rem;
  font-weight: 500;
  line-height: 1;
}

._dot_1la73_53 {
  flex: none;
  width: 10px;
  height: 10px;
  margin-right: 6.5px;
  border-radius: 50%;
  background: var(--oh-dubbing-rec-dot);
  animation: _dot-blink_1la73_1 1000ms ease-in-out infinite;
}

@keyframes _dot-blink_1la73_1 {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}

._time_1la73_74 {
  margin-right: 7px;
  color: var(--oh-color-text-strong);
  font-size: 1.445rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

._wave_1la73_83 {
  display: flex;
  flex: none;
  align-items: center;
  gap: 2.5px;
  height: 18px;
  margin-left: 12.5px;
}

._tick_1la73_92,
._bar_1la73_93 {
  flex: none;
  width: 2.25px;
  margin-right: 0.25px;
  border-radius: 1px;
}

._tick_1la73_92 {
  width: 2px;
  height: 5px;
  margin-right: 0.5px;
  background: var(--oh-color-line);
}

._bar_1la73_93 {
  height: 18px;
  background: var(--oh-dubbing-wave);
  animation: _bar-wave_1la73_1 1000ms ease-in-out infinite;
}

._bar_1la73_93[data-step='1'] {
  animation-delay: -143ms;
}

._bar_1la73_93[data-step='2'] {
  animation-delay: -286ms;
}

._bar_1la73_93[data-step='3'] {
  animation-delay: -429ms;
}

._bar_1la73_93[data-step='4'] {
  animation-delay: -571ms;
}

._bar_1la73_93[data-step='5'] {
  animation-delay: -714ms;
}

._bar_1la73_93[data-step='6'] {
  animation-delay: -857ms;
}

@keyframes _bar-wave_1la73_1 {
  0%,
  100% {
    scale: 1 0.27;
  }

  50% {
    scale: 1 1;
  }
}

html[data-edition='to-be'] ._strip_1la73_7 {
  flex-wrap: wrap;
  row-gap: var(--oh-space-1);
  padding: var(--oh-space-1);
}

html[data-edition='to-be'] ._strip_1la73_7[data-kind='preparing'] {
  height: auto;
  min-height: 2.5rem;
}

html[data-edition='to-be'] ._strip_1la73_7[data-kind='recording'] {
  height: auto;
  min-height: 3rem;
}

html[data-edition='to-be'] ._spinner_1la73_26 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._label_1la73_47 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._dot_1la73_53 {
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._time_1la73_74 {
  margin-right: var(--oh-space-2);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._wave_1la73_83 {
  margin-left: var(--oh-space-3);
}

._list_9zbqn_7 {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  
  overflow-anchor: none;
  container-type: size;
  scrollbar-width: none;
  background: var(--oh-color-bg);
}

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

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

._items_9zbqn_28 {
  padding: 8px 0 max(40px, calc(100cqh - 92px));
}

._item_9zbqn_28 {
  position: relative;
}

._card_9zbqn_36 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 12px;
  padding: 16.5px 18px 15.5px;
}

._item_9zbqn_28[data-current='true'] > ._card_9zbqn_36 {
  background: var(--oh-color-bg);
  box-shadow: 0 5px 6px -1px var(--oh-dubbing-card-shadow);
}

._item_9zbqn_28[data-current='true'] > ._card_9zbqn_36::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--oh-color-brand);
  content: '';
}

._english_9zbqn_62 {
  grid-row: 1;
  grid-column: 1 / -1;
  padding-right: 41px;
  color: var(--oh-color-text-faint);
  font-size: 1.2375rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._translation_9zbqn_72 {
  grid-row: 2;
  grid-column: 1;
  margin-top: 8px;
  color: var(--oh-dubbing-rest-translation);
  font-size: 0.869rem;
  line-height: 1.28125rem;
}

._item_9zbqn_28[data-current='true'] ._english_9zbqn_62 {
  color: var(--oh-color-text-strong);
}

._item_9zbqn_28[data-current='true'] ._translation_9zbqn_72 {
  color: var(--oh-color-text-sub);
}

._badge_9zbqn_89 {
  display: inline-flex;
  grid-row: 1;
  grid-column: 2;
  align-items: center;
  justify-self: end;
  gap: 3px;
  margin-top: 1px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1rem;
  white-space: nowrap;
}

._badge_9zbqn_89[data-tone='good'] {
  color: var(--oh-score-good);
}

._badge_9zbqn_89[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._badge_9zbqn_89[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._counter_9zbqn_115 {
  grid-row: 2;
  grid-column: 2;
  align-self: end;
  justify-self: end;
  color: var(--oh-dubbing-counter);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1rem;
  white-space: nowrap;
}

._actions_9zbqn_127 {
  display: flex;
  grid-column: 1 / -1;
  gap: 8.5px;
  height: 2.125rem;
  margin-top: 27.5px;
  animation: _actions-open_9zbqn_1 400ms cubic-bezier(0, 0, 0.2, 1);
}

._list_9zbqn_7[data-review] ._item_9zbqn_28[data-phase='record-ready'] ._actions_9zbqn_127 {
  animation: none;
}

@keyframes _actions-open_9zbqn_1 {
  from {
    height: 0;
    margin-top: 0;
    overflow: hidden;
  }

  to {
    overflow: hidden;
  }
}

._original_9zbqn_154,
._analysis_9zbqn_155 {
  display: inline-flex;
  flex: none;
  align-items: center;
  height: 2.125rem;
  border-radius: 8px;
  font-size: 0.815rem;
  font-weight: 700;
  white-space: nowrap;
}

._original_9zbqn_154 {
  gap: 5px;
  padding: 0 14.5px 0 13px;
  border: 1px solid var(--oh-color-line);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
}

._original_9zbqn_154:active {
  background: var(--oh-dubbing-control-pressed);
}

._originalIcon_9zbqn_178 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  background: var(--oh-color-brand);
  color: var(--oh-color-text-inverse);
}

._analysis_9zbqn_155 {
  padding: 0 14px;
  background: linear-gradient(90deg, var(--oh-ai-blue), var(--oh-ai-violet));
  color: var(--oh-color-text-inverse);
}

._analysis_9zbqn_155:active {
  filter: brightness(0.92);
}

._item_9zbqn_28[data-phase='speaking'] {
  z-index: 1;
  margin-bottom: 2px;
  border-top: 1px solid var(--oh-dubbing-dim);
}

._item_9zbqn_28[data-phase='speaking'] > ._card_9zbqn_36 {
  box-shadow: none;
}

._speak_9zbqn_211 {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 61px;
  overflow: hidden;
  background: var(--oh-color-bg);
  animation: _speak-open_9zbqn_1 200ms cubic-bezier(0, 0, 0.2, 1);
}

@keyframes _speak-open_9zbqn_1 {
  from {
    height: 0;
  }
}

._speakBar_9zbqn_228 {
  position: absolute;
  top: 11px;
  left: 64px;
  width: calc(100% - 128px);
  height: 10px;
  border-radius: 5px;
  background: var(--oh-dubbing-speak-bar);
  box-shadow: 0 0 2px var(--oh-color-brand-glow);
  animation: _bar-shrink_9zbqn_1 var(--shrink-ms) linear var(--hold-ms) forwards;
}

@keyframes _bar-shrink_9zbqn_1 {
  to {
    width: 0;
    opacity: 0;
  }
}

._speakText_9zbqn_247 {
  position: absolute;
  top: 36px;
  right: 0;
  left: 0;
  color: var(--oh-color-text-strong);
  font-size: 0.569rem;
  line-height: 0.9375rem;
  text-align: center;
}

._cover_9zbqn_259 {
  position: absolute;
  top: calc(100% + 61px);
  right: 0;
  left: 0;
  height: 0;
  box-shadow: 0 100vh 0 100vh var(--oh-dubbing-dim);
}

html[data-edition='to-be'] ._list_9zbqn_7 {
  --card-line: calc(var(--oh-space-4) * 2 + var(--oh-space-2) + var(--oh-text-h3) * var(--oh-leading-heading) + var(--oh-text-sm) * var(--oh-leading-body));
  --speak-height: calc(var(--oh-space-3) * 2 + var(--oh-space-2) + 10px + var(--oh-text-sm) * var(--oh-leading-body));
}

html[data-edition='to-be'] ._items_9zbqn_28 {
  padding-bottom: max(var(--oh-space-10), calc(100cqh - var(--oh-space-2) - var(--card-line)));
}

html[data-edition='to-be'] ._card_9zbqn_36 {
  column-gap: var(--oh-space-3);
  padding: var(--oh-space-4) calc(var(--oh-space-4) - 1px);
}

html[data-edition='to-be'] ._english_9zbqn_62 {
  padding-right: var(--oh-space-12);
  color: var(--oh-dubbing-rest-english);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._translation_9zbqn_72 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._item_9zbqn_28[data-current='true'] ._english_9zbqn_62 {
  color: var(--oh-color-text-strong);
}

html[data-edition='to-be'] ._badge_9zbqn_89 {
  gap: var(--oh-space-1);
  margin-top: 0;
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  line-height: calc(var(--oh-text-h3) * var(--oh-leading-heading));
}

html[data-edition='to-be'] ._badge_9zbqn_89 > svg {
  width: var(--oh-size-icon-sm);
  height: auto;
}

html[data-edition='to-be'] ._counter_9zbqn_115 {
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._actions_9zbqn_127 {
  flex-wrap: wrap;
  gap: var(--oh-space-5) var(--oh-space-2);
  height: auto;
  margin-top: var(--oh-space-6);
  animation-name: _actions-open-to-be_9zbqn_1;
}

@keyframes _actions-open-to-be_9zbqn_1 {
  from {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
  }

  to {
    max-height: var(--oh-size-control-sm);
    overflow: hidden;
  }
}

html[data-edition='to-be'] ._original_9zbqn_154,
html[data-edition='to-be'] ._analysis_9zbqn_155 {
  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-bold);
}

html[data-edition='to-be'] ._original_9zbqn_154::after,
html[data-edition='to-be'] ._analysis_9zbqn_155::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

html[data-edition='to-be'] ._original_9zbqn_154::after {
  inset: -7px -1px;
}

html[data-edition='to-be'] ._original_9zbqn_154 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._originalIcon_9zbqn_178 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._analysis_9zbqn_155 {
  background: linear-gradient(90deg, var(--oh-dubbing-analysis-from), var(--oh-ai-violet));
}

html[data-edition='to-be'] ._speak_9zbqn_211 {
  height: var(--speak-height);
}

html[data-edition='to-be'] ._speakBar_9zbqn_228 {
  top: var(--oh-space-3);
}

html[data-edition='to-be'] ._speakText_9zbqn_247 {
  top: calc(var(--oh-space-3) + 10px + var(--oh-space-2));
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._cover_9zbqn_259 {
  top: calc(100% + var(--speak-height));
}

._card_qd3eg_7 {
  position: absolute;
  top: 50%;
  right: 16.5px;
  left: 16.5px;
  z-index: 3;
  padding: 0 20px 20px 19.5px;
  border-radius: 20px;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 9px var(--oh-dubbing-tutor-shadow);
  translate: 0 -50%;
  animation: _card-appear_qd3eg_1 200ms linear;
}

._card_qd3eg_7:focus {
  outline: none;
}

@keyframes _card-appear_qd3eg_1 {
  from {
    opacity: 0;
  }
}

._card_qd3eg_7[data-leaving='true'] {
  animation: _card-leave_qd3eg_1 300ms linear forwards;
}

@keyframes _card-leave_qd3eg_1 {
  to {
    opacity: 0;
  }
}

._head_qd3eg_41 {
  display: flex;
  align-items: flex-start;
  height: 4.625rem;
}

._sparkle_qd3eg_47 {
  flex: none;
  margin: 22.5px 0 0 2.5px;
}

._title_qd3eg_52 {
  margin: 21px 0 0 3px;
  background: linear-gradient(170deg, var(--oh-ai-blue) 30%, var(--oh-ai-violet) 130%);
  background-clip: text;
  color: transparent;
  font-size: 1.025rem;
  font-weight: 700;
  line-height: 1.3125rem;
}

._close_qd3eg_62 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  margin: 7px -13.5px 0 auto;
  color: var(--oh-color-icon);
}

._section_qd3eg_72 {
  display: flex;
  align-items: center;
  gap: 3.5px;
  height: 1rem;
  margin-left: -0.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.648rem;
  font-weight: 500;
  line-height: 1;
}

._section_qd3eg_72::before {
  flex: none;
  width: 5.5px;
  height: 1rem;
  background: linear-gradient(180deg, var(--oh-ai-blue), var(--oh-ai-violet));
  content: '';
}

._replay_qd3eg_92 {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 3.15625rem;
  margin: 12px 0 23px;
  padding-left: 14px;
  border: 1px solid var(--oh-dubbing-replay-border);
  border-radius: 1.6rem;
  background: var(--oh-dubbing-replay-bg);
  color: var(--oh-color-brand-ink);
  font-size: 0.884rem;
  font-weight: 700;
}

._replayIcon_qd3eg_108 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--oh-color-brand);
  color: var(--oh-color-text-inverse);
}

._replayPlay_qd3eg_120 {
  margin-left: 2px;
}

._player_qd3eg_124 {
  position: relative;
  height: 240.5px;
  margin: 12px 0 23px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--oh-dubbing-video-blank);
}

._playerVideo_qd3eg_133 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._playerStart_qd3eg_140 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--oh-watch-mark-disc);
  color: var(--oh-dubbing-video-mark);
  translate: -50% -50%;
}

._words_qd3eg_155 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8.75px;
  margin-left: 4.5px;
  font-size: 0.93rem;
  font-weight: 500;
  line-height: 1.25rem;
}

._word_qd3eg_155[data-grade='good'] {
  color: var(--oh-score-good);
}

._word_qd3eg_155[data-grade='fair'] {
  color: var(--oh-score-fair);
}

._word_qd3eg_155[data-grade='poor'] {
  color: var(--oh-score-poor);
}

._word_qd3eg_155[data-grade='none'] {
  color: var(--oh-color-text-muted);
}

._scores_qd3eg_181 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 24.5px 0 0;
}

._score_qd3eg_181 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 4.1875rem;
  border-radius: 9px;
  background: var(--oh-color-surface-muted);
}

._scoreName_qd3eg_197 {
  margin-top: 8px;
  color: var(--oh-color-text-body);
  font-size: 0.58rem;
  line-height: 0.6875rem;
}

._scoreValue_qd3eg_204 {
  margin: 4.5px 0 0;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.25rem;
}

._scoreValue_qd3eg_204[data-tone='good'] {
  color: var(--oh-score-good);
}

._scoreValue_qd3eg_204[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._scoreValue_qd3eg_204[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._scoreFull_qd3eg_223 {
  margin: 3.5px 0 0;
  color: var(--oh-color-text-muted);
  font-size: 0.66rem;
  line-height: 0.75rem;
}

._unrecognized_qd3eg_230 {
  margin: 12px 0 1.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.924rem;
  line-height: 1.25rem;
}

html[data-edition='to-be'] ._card_qd3eg_7 {
  right: var(--oh-space-4);
  left: var(--oh-space-4);
  max-height: calc(100% - 2 * var(--oh-space-4));
  overflow-y: auto;
  padding: 0 var(--oh-space-4) var(--oh-space-4);
  container-type: inline-size;
}

html[data-edition='to-be'] ._head_qd3eg_41 {
  align-items: center;
  height: auto;
  padding: var(--oh-space-3) 0;
}

html[data-edition='to-be'] ._sparkle_qd3eg_47 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
  margin: 0;
}

html[data-edition='to-be'] ._title_qd3eg_52 {
  margin: 0 0 0 var(--oh-space-1);
  font-size: var(--oh-text-subtitle);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._close_qd3eg_62 {
  flex: none;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2) 0 auto;
}

html[data-edition='to-be'] ._close_qd3eg_62 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._section_qd3eg_72 {
  gap: var(--oh-space-1);
  height: auto;
  margin-left: 0;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._section_qd3eg_72::before {
  width: var(--oh-space-1);
}

html[data-edition='to-be'] ._replay_qd3eg_92 {
  gap: var(--oh-space-2);
  height: auto;
  min-height: var(--oh-size-control-lg);
  margin: var(--oh-space-3) 0 var(--oh-space-6);
  padding: var(--oh-space-2) var(--oh-space-4) var(--oh-space-2) var(--oh-space-3);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._player_qd3eg_124 {
  margin: var(--oh-space-3) 0 var(--oh-space-6);
}

html[data-edition='to-be'] ._words_qd3eg_155 {
  column-gap: var(--oh-space-2);
  margin: var(--oh-space-2) 0 0;
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._scores_qd3eg_181 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._score_qd3eg_181 {
  gap: var(--oh-space-1);
  height: auto;
  padding: var(--oh-space-2) var(--oh-space-1);
}

html[data-edition='to-be'] ._scoreName_qd3eg_197,
html[data-edition='to-be'] ._scoreFull_qd3eg_223 {
  margin: 0;
  font-size: var(--oh-text-caption);
  line-height: 1;
}

html[data-edition='to-be'] ._scoreValue_qd3eg_204 {
  margin: 0;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._unrecognized_qd3eg_230 {
  margin: var(--oh-space-2) 0 0;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

@container (max-width: 15em) {
  html[data-edition='to-be'] ._scores_qd3eg_181 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._close_qd3eg_62 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

._stage_1m8wq_6 {
  position: relative;
  flex: none;
  aspect-ratio: 438 / 249;
  overflow: hidden;
}

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

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

._playing_1m8wq_19[data-step='blank'] {
  background: var(--oh-dubbing-video-blank);
}

._play_1m8wq_19,
._disc_1m8wq_29,
._ring_1m8wq_30,
._dots_1m8wq_31 {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

._play_1m8wq_19 {
  margin-left: 2px;
  color: var(--oh-dubbing-video-mark);
}

._disc_1m8wq_29 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--oh-dubbing-video-mark-disc);
  color: var(--oh-dubbing-video-mark);
  animation: _mark-leave_1m8wq_1 200ms linear var(--mark-ms) forwards;
}

@keyframes _mark-leave_1m8wq_1 {
  to {
    opacity: 0;
  }
}

._ring_1m8wq_30 {
  width: 32px;
  height: 32px;
  border: 2px solid var(--oh-dubbing-video-mark);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _ring-turn_1m8wq_1 800ms linear infinite;
}

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

  to {
    rotate: 360deg;
  }
}

._dots_1m8wq_31 {
  display: flex;
  gap: 14px;
}

._dot_1m8wq_31 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--oh-dubbing-video-dot);
  animation: _dot-hop_1m8wq_1 900ms ease-in-out infinite;
}

._dot_1m8wq_31:nth-child(2) {
  animation-delay: 150ms;
}

._dot_1m8wq_31:nth-child(3) {
  animation-delay: 300ms;
}

@keyframes _dot-hop_1m8wq_1 {
  0%,
  60%,
  100% {
    translate: 0 0;
  }

  30% {
    translate: 0 -6px;
  }
}

._camera_1m8wq_114 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  width: 120px;
  height: 160.5px;
  overflow: hidden;
  border: 2px solid var(--oh-dubbing-camera-border);
  border-radius: 9px;
  background: var(--oh-dubbing-camera-bg);
}

._cameraVideo_1m8wq_127 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._page_1kbmb_8 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
  background: var(--oh-color-bg);
}

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

._page_1kbmb_8:focus {
  outline: none;
}

._frame_1kbmb_26 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  border: 1px solid var(--oh-color-line);
  border-bottom: 0;
}

._header_1kbmb_35 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  height: 3.03125rem;
  padding: 0 7px 0 22px;
  border-bottom: 1px solid var(--oh-color-line);
}

._exit_1kbmb_45 {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 2rem;
  color: var(--oh-color-text-strong);
  font-size: 0.894rem;
}

._exit_1kbmb_45 > svg {
  flex: none;
  color: var(--oh-color-icon-nav);
}

._settings_1kbmb_59 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--oh-color-line);
  border-radius: 7px;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
}

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

._listZone_1kbmb_72::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 27px;
  background: linear-gradient(to bottom, transparent, var(--oh-dubbing-list-fade));
  content: '';
  pointer-events: none;
}

._blank_1kbmb_91 {
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

._veil_1kbmb_96 {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: var(--oh-dubbing-veil);
}

._veil_1kbmb_96 > * {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  translate: -50% -50%;
}

html[data-edition='to-be'] ._header_1kbmb_35 {
  gap: var(--oh-space-2);
  height: auto;
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) calc(var(--oh-space-4) - 1px);
}

html[data-edition='to-be'] ._exit_1kbmb_45 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._exit_1kbmb_45 > svg {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._settings_1kbmb_59 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._settings_1kbmb_59 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._exit_1kbmb_45 {
    min-height: var(--oh-size-hit);
  }

  html[data-edition='to-be'] ._settings_1kbmb_59 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

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

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

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

._stage_101dm_15::before {
  position: absolute;
  top: 55.5px;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--oh-settings-sheet-dim);
  content: '';
  pointer-events: none;
}

._sheet_101dm_43 {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100dvh;
  padding: 0 20.5px calc(20.75px + env(safe-area-inset-bottom));
  overflow-y: auto;
  border: 1px solid var(--oh-color-line);
  border-bottom: 0;
  border-radius: var(--oh-radius-sheet) var(--oh-radius-sheet) 0 0;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
}

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

._head_101dm_61 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 3.8125rem;
  border-bottom: 1px solid var(--oh-color-line);
}

._title_101dm_71 {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

._back_101dm_78 {
  position: absolute;
  top: 50%;
  left: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  translate: 0 -50%;
}

._back_101dm_78::after {
  position: absolute;
  inset: -15px -18px;
  content: '';
}

._rows_101dm_94 {
  display: flex;
  flex: none;
  flex-direction: column;
}

._row_101dm_94,
._speed_101dm_101 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.765625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-align: left;
}

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

._forward_101dm_116 {
  display: flex;
  margin-right: 8px;
}

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

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

._row_101dm_94[aria-checked='true'] ._switch_101dm_121 {
  background: var(--oh-color-brand);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
}

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

._speed_101dm_101 {
  gap: 10px;
  padding-left: 0.5px;
}

._speed_101dm_101[aria-checked='true'] {
  background: linear-gradient(var(--oh-lesson-mint-soft), var(--oh-lesson-mint-soft)) 0 1px / 100% calc(100% - 2px) no-repeat;
}

._radio_101dm_159 {
  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_101dm_101[aria-checked='true'] ._radio_101dm_159 {
  border-color: var(--oh-color-brand);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
}

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

._closeButton_101dm_186 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 3.484375rem;
  margin: 20.25px 0.5px 0;
  border-radius: 1.7421875rem;
  background: var(--oh-color-brand);
  box-shadow:
    0 -1.5px 2px var(--oh-color-brand-glow),
    inset 0 -1px 0 var(--oh-color-brand-outline-soft);
  color: var(--oh-color-text-inverse);
  font-size: 0.951rem;
  font-weight: 700;
  line-height: 1;
}

html[data-edition='to-be'] ._stage_101dm_15::before {
  top: var(--oh-size-header);
}

html[data-edition='to-be'] ._sheet_101dm_43 {
  padding: 0 var(--oh-space-6) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._head_101dm_61 {
  min-height: calc(var(--oh-size-hit) + 2 * var(--oh-space-3));
}

html[data-edition='to-be'] ._title_101dm_71 {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._back_101dm_78 {
  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);
}

html[data-edition='to-be'] ._back_101dm_78::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_101dm_78 > svg {
  box-sizing: border-box;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  padding: 2px;
}

html[data-edition='to-be'] ._forward_101dm_116 > svg {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._rows_101dm_94 {
  padding-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._row_101dm_94,
html[data-edition='to-be'] ._speed_101dm_101 {
  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);
}

html[data-edition='to-be'] ._forward_101dm_116 {
  margin-right: 0;
}

html[data-edition='to-be'] ._closeButton_101dm_186 {
  min-height: var(--oh-size-control-lg);
  margin: var(--oh-space-6) 0 0;
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: calc(var(--oh-size-control-lg) / 2);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_101dm_78 {
    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);
  }
}

._header_14fo5_9 {
  --study-inset: 0px;
  display: flex;
  align-items: center;
  min-height: 1.875rem;
  padding: calc(10.5px + var(--study-inset) / 2) calc(10.5px + var(--study-inset)) 0 calc(12px + var(--study-inset));
  background: var(--oh-color-bg);
}

._header_14fo5_9[data-inset='wide'] {
  --study-inset: 5.25px;
}

._back_14fo5_22 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-top: 1.5px;
  color: var(--oh-color-text-strong);
}

._back_14fo5_22::after {
  position: absolute;
  inset: -14px -10px;
  content: '';
}

._count_14fo5_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.34375rem;
  height: 1.34375rem;
  margin-left: 5px;
  border-radius: 5px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}

._count_14fo5_39[data-kind='correct'] {
  margin-left: 22.75px;
  background: var(--oh-correct-surface);
  color: var(--oh-correct-text);
}

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

._track_14fo5_64 {
  position: relative;
  flex: 1;
  min-width: 2rem;
  height: 14px;
  margin-left: 12px;
  border-radius: 7px;
  background: var(--oh-color-surface-track);
}

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

._counter_14fo5_89 {
  flex: none;
  margin-left: 11.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.96rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
  line-height: 1;
  white-space: nowrap;
}

._gear_14fo5_100 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 29.5px;
  height: 30px;
  margin-left: 19.5px;
  border: 1px solid var(--oh-study-gear-border);
  border-radius: 6px;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
  cursor: default;
}

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

._gear_14fo5_100[data-tone='muted'] {
  border-color: var(--oh-study-gear-border-muted);
  color: var(--oh-study-gear-muted);
}

._header_14fo5_9[data-inset='widest'] {
  padding-right: 26px;
  padding-left: 22.75px;
}

._header_14fo5_9[data-review] ._count_14fo5_39 {
  gap: 3px;
  width: auto;
  height: auto;
  margin-left: 12.5px;
  border-radius: 0;
  background: none;
  font-size: 0.95rem;
  font-weight: 400;
}

._header_14fo5_9[data-review] ._count_14fo5_39[data-kind='correct'] {
  margin-left: 23.25px;
}

._countMark_14fo5_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: var(--oh-color-text-inverse);
  translate: 0 -1px;
}

._count_14fo5_39[data-kind='correct'] > ._countMark_14fo5_147 {
  background: var(--oh-verdict-correct-mark);
  box-shadow: 0 0 0 0.5px var(--oh-verdict-correct-glow);
}

._count_14fo5_39[data-kind='wrong'] > ._countMark_14fo5_147 {
  background: var(--oh-verdict-wrong-mark);
}

._header_14fo5_9[data-review] ._track_14fo5_64 {
  margin-left: 19.5px;
}

._header_14fo5_9[data-review] ._counter_14fo5_89 {
  margin-left: 13.5px;
  font-variant-numeric: normal;
  letter-spacing: -0.03em;
}

._header_14fo5_9[data-review] ._gear_14fo5_100 {
  margin-left: 20px;
}

html[data-edition='to-be'] ._header_14fo5_9 {
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_14fo5_22 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0 0 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._back_14fo5_22::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_14fo5_22 > svg,
html[data-edition='to-be'] ._gear_14fo5_100 > svg {
  width: var(--oh-size-icon-md);
  height: auto;
}

html[data-edition='to-be'] ._count_14fo5_39 {
  width: auto;
  min-width: 2rem;
  height: auto;
  min-height: 2rem;
  margin-left: 0;
  padding: 0 var(--oh-space-1);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._count_14fo5_39[data-kind='wrong'] {
  margin-left: calc(var(--oh-space-1) - var(--oh-space-2));
}

html[data-edition='to-be'] ._track_14fo5_64 {
  min-width: 48px;
  height: 12px;
  margin-left: 0;
}

html[data-edition='to-be'] ._fill_14fo5_74 {
  background: var(--oh-color-brand-graphic);
}

html[data-edition='to-be'] ._counter_14fo5_89 {
  margin-left: auto;
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._gear_14fo5_100 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-left: 0;
}

html[data-edition='to-be'] ._gear_14fo5_100[data-tone='muted'] {
  color: var(--oh-study-gear-muted-graphic);
}

html[data-edition='to-be'] ._header_14fo5_9[data-review] ._count_14fo5_39 {
  gap: var(--oh-space-1);
  min-width: 0;
  min-height: 0;
  margin-left: 0;
  padding: 0;
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._header_14fo5_9[data-review] ._count_14fo5_39[data-kind='wrong'] {
  margin-left: var(--oh-space-1);
}

html[data-edition='to-be'] ._countMark_14fo5_147 {
  translate: none;
}

html[data-edition='to-be'] ._header_14fo5_9[data-review] ._track_14fo5_64 {
  margin-left: 0;
}

html[data-edition='to-be'] ._header_14fo5_9[data-review] ._counter_14fo5_89 {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._header_14fo5_9[data-review] ._gear_14fo5_100 {
  margin-left: 0;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_14fo5_22 {
    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-edition='to-be'] ._gear_14fo5_100 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._sentence_1xtl0_9 {
  padding: 20px 20.5px 0;
}

._english_1xtl0_13 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7.5px 8px;
  color: var(--oh-color-text-strong);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

._group_1xtl0_24 {
  display: inline-flex;
  align-items: center;
  gap: 2.5px;
  line-height: 1.78125rem;
  white-space: nowrap;
}

._blank_1xtl0_32 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.84375rem;
  padding: 0 10px;
  border: 1px solid var(--oh-color-line);
  border-radius: 8px;
  background: var(--oh-color-bg);
}

._blank_1xtl0_32[data-state='active'] {
  height: 2.8125rem;
  border: 1.5px solid var(--oh-grammar-blank-active-border);
  background: var(--oh-grammar-blank-active);
  box-shadow:
    0 0 3px 1px var(--oh-grammar-blank-active-glow),
    inset 0 0 2px var(--oh-grammar-blank-active-glow);
}

._translation_1xtl0_53 {
  margin-top: 8.5px;
  color: var(--oh-color-text-sub);
  font-size: 1rem;
  line-height: 1.5;
}

html[data-edition='to-be'] ._sentence_1xtl0_9 {
  padding: var(--oh-space-5) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._english_1xtl0_13 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._translation_1xtl0_53 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

._pad_1fdtr_7 {
  flex: none;
  margin-top: auto;
  padding: 10px 10px 9.25px;
  border-radius: 15px 15px 0 0;
}

._pad_1fdtr_7[data-band='correct'] {
  background: var(--oh-grammar-band-correct);
}

._pad_1fdtr_7[data-band='wrong'] {
  background: var(--oh-grammar-band-wrong);
}

._failed_1fdtr_22 {
  margin: 0 0 8px;
  color: var(--oh-verdict-wrong-text);
  font-size: 0.875rem;
  text-align: center;
}

._grid_1fdtr_29 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

._choice_1fdtr_35 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.78125rem;
  padding: 0 4px 1px;
  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: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

._choice_1fdtr_35[data-long='true'] {
  font-size: 1.25rem;
}

html[data-edition='to-be'] ._pad_1fdtr_7 {
  padding: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
  container-type: inline-size;
}

html[data-edition='to-be'] ._failed_1fdtr_22 {
  margin: 0 0 var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._choice_1fdtr_35 {
  min-height: 3.5rem;
  padding: var(--oh-space-2) var(--oh-space-1);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
  text-align: center;
  white-space: normal;
}

html[data-edition='to-be'] ._choice_1fdtr_35 > span {
  min-width: 0;
}

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

@container (max-width: 15em) {
  html[data-edition='to-be'] ._grid_1fdtr_29 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 11em) {
  html[data-edition='to-be'] ._grid_1fdtr_29 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._opening_1k3lz_5 {
  position: relative;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._opening_1k3lz_5[data-step='cube'] > ._head_1k3lz_16 {
  opacity: 0.34;
}

._cube_1k3lz_20 {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  display: block;
  translate: -50% -50%;
  pointer-events: none;
}

._sheet_1bnty_7 {
  max-height: 88dvh;
  border: 1px solid var(--oh-color-line);
  border-bottom: 0;
}

._head_1bnty_13 {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  min-height: 3.96875rem;
  padding: 0 18px 0 18px;
}

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

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

._mark_1bnty_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28.5px;
  height: 28.5px;
  border-radius: 50%;
  color: var(--oh-color-text-inverse);
}

._mark_1bnty_37[data-verdict='correct'] {
  background: var(--oh-verdict-correct-mark);
  box-shadow: 0 0 0 1px var(--oh-verdict-correct-glow);
}

._mark_1bnty_37[data-verdict='wrong'] {
  background: var(--oh-verdict-wrong-mark);
}

._title_1bnty_57 {
  margin: 2px 0 0 7.5px;
  font-size: 1.016rem;
  font-weight: 700;
  line-height: 1.2;
}

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

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

._body_1bnty_72 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 18px;
}

._foot_1bnty_79 {
  flex: none;
  padding: 14px 18px 22.5px;
}

._next_1bnty_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.75rem;
  padding-bottom: 2px;
  border-radius: 12px;
  background: var(--oh-button-next-waiting);
  color: var(--oh-color-text-inverse);
  font-size: 1.0625rem;
  font-weight: 700;
  cursor: default;
}

._next_1bnty_84[data-ready='true'] {
  background: var(--oh-color-brand);
  box-shadow:
    inset 0 1px 0 var(--oh-button-cta-shine),
    inset 0 -2px 0 var(--oh-color-brand-pressed),
    0 -1px 1px var(--oh-study-fill-glow);
  cursor: pointer;
}

._next_1bnty_84[data-ready='true']:active {
  background: var(--oh-color-brand-pressed);
}

html[data-edition='to-be'] ._head_1bnty_13 {
  min-height: calc(var(--oh-size-icon-button) + 2 * var(--oh-space-3));
  padding: var(--oh-space-3) var(--oh-space-6);
}

html[data-edition='to-be'] ._head_1bnty_13::after {
  right: var(--oh-space-6);
  left: var(--oh-space-6);
}

html[data-edition='to-be'] ._head_1bnty_13[data-divider='full']::after {
  right: 0;
  left: 0;
}

html[data-edition='to-be'] ._mark_1bnty_37 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._mark_1bnty_37[data-verdict='correct'] > svg {
  width: 10.5px;
  height: auto;
}

html[data-edition='to-be'] ._mark_1bnty_37[data-verdict='wrong'] > svg {
  width: 7.5px;
  height: 7.5px;
}

html[data-edition='to-be'] ._title_1bnty_57 {
  min-width: 0;
  margin: 0 0 0 var(--oh-space-2);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._body_1bnty_72 {
  padding: 0 var(--oh-space-6);
}

html[data-edition='to-be'] ._foot_1bnty_79 {
  padding: var(--oh-space-6);
}

html[data-edition='to-be'] ._next_1bnty_84 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6) calc(var(--oh-space-2) + 2px);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_1bnty_13 {
    min-height: calc(var(--oh-size-icon-button-touch) + 2 * var(--oh-space-3));
  }
}

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

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

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

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

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

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

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

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

  to {
    scale: 1 0.53;
  }
}

._speaker_1kz13_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 50px;
  height: 50px;
  padding-bottom: 2.5px;
  border-radius: 13px;
  background: var(--oh-color-brand);
  box-shadow:
    inset 0 -5px 0 var(--oh-color-brand-pressed),
    0 -1px 1px var(--oh-study-fill-glow);
  color: var(--oh-color-text-inverse);
}

._speaker_1kz13_58:active {
  background: var(--oh-color-brand-pressed);
}

html[data-edition='to-be'] ._bars_1kz13_5 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._speaker_1kz13_58 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  padding-bottom: var(--oh-space-1);
  box-shadow:
    inset 0 calc(-1 * var(--oh-space-1)) 0 var(--oh-color-brand-pressed),
    0 -1px 1px var(--oh-study-fill-glow);
}

html[data-edition='to-be'] ._speaker_1kz13_58 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._bars_1kz13_5,
  html[data-edition='to-be'] ._speaker_1kz13_58 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._lines_vvhzf_8 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 27px;
}

._ruler_vvhzf_15 {
  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_vvhzf_15 > * {
  flex: none;
}

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

._lines_vvhzf_8[data-measured='false'] ._row_vvhzf_33 {
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

._role_vvhzf_74 {
  display: block;
  color: var(--role-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

._words_vvhzf_83 {
  display: block;
  margin-top: 5.5px;
  padding-bottom: 2.5px;
  border-bottom: 3.5px solid var(--role-color);
  color: var(--oh-color-text-strong);
  font-size: 1.175rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

html[data-edition='to-be'] ._lines_vvhzf_8 {
  gap: var(--oh-space-6);
}

html[data-edition='to-be'] ._role_vvhzf_74 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._words_vvhzf_83 {
  margin-top: var(--oh-space-1);
  padding-bottom: var(--oh-space-1);
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

._review_1ch0q_14 {
  padding: 13px 0 0;
}

._answerHead_1ch0q_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._caption_1ch0q_24 {
  translate: 0 1px;
  color: var(--oh-grammar-caption);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
}

._answer_1ch0q_18 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6.5px;
  margin-top: 6.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}

._group_1ch0q_44 {
  display: inline-flex;
  align-items: center;
  gap: 6.5px;
  line-height: 1.71875rem;
  white-space: nowrap;
}

._group_1ch0q_44[data-spaced='true'] {
  margin-right: 5.5px;
}

._word_1ch0q_56 {
  translate: 0 1.25px;
}

._chip_1ch0q_60 {
  display: inline-flex;
  align-items: center;
  height: 2.09375rem;
  padding: 2.5px 8.25px 0;
  border: 1px solid var(--oh-grammar-chip-correct-border);
  font-size: 1.225rem;
  border-radius: 7px;
  background: var(--oh-grammar-chip-correct);
  color: var(--oh-grammar-chip-correct-text);
}

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

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

._translation_1ch0q_84 {
  margin-top: 8.25px;
  color: var(--oh-sheet-text-sub);
  font-size: 0.95rem;
  line-height: 1.5;
}

._reason_1ch0q_91 {
  margin-top: 16.25px;
  padding: 16.5px 17.5px;
  border-radius: 16px;
  background: var(--oh-grammar-mint);
}

._reasonTitle_1ch0q_98,
._structureTitle_1ch0q_99 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

._reasonTitle_1ch0q_98 {
  color: var(--oh-grammar-mint-text);
  font-size: 0.97rem;
  line-height: 1.3;
}

._reasonBody_1ch0q_112 {
  margin-top: 11.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.94375rem;
  line-height: 1.625rem;
  word-break: normal;
  word-spacing: 0.25px;
}

._reasonBody_1ch0q_112 ._nonHangul_1ch0q_121 {
  font-size: 1.0464em;
}

._nonHangul_1ch0q_121 {
  line-height: 0;
}

._aiChip_1ch0q_130 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 1.625rem;
  height: 1.3125rem;
  padding: 0 4px;
  border-radius: 6px;
  background: var(--oh-grammar-mint);
  color: var(--oh-grammar-mint-text);
  font-size: 0.725rem;
  font-weight: 700;
  line-height: 1;
}

._reasonTitle_1ch0q_98 ._aiChip_1ch0q_130 {
  height: 1.25rem;
  background: var(--oh-color-bg);
}

._structure_1ch0q_99 {
  margin-top: 16.25px;
  padding: 18px 18px 16.5px;
  border: 1px solid var(--oh-color-line);
  border-radius: 14px;
}

._reason_1ch0q_91 + ._structure_1ch0q_99 {
  margin-top: 14px;
}

._structureTitle_1ch0q_99 {
  margin-bottom: 20px;
  color: var(--oh-color-text-strong);
  font-size: 0.9375rem;
  line-height: 1.4;
}

._notes_1ch0q_169 {
  margin-top: 33.5px;
  padding-top: 15px;
  border-top: 1px solid var(--oh-color-line);
}

._note_1ch0q_169 {
  position: relative;
  padding-left: 15.5px;
  color: var(--oh-color-text-body);
  font-size: 0.94375rem;
  line-height: 1.5625rem;
  word-break: normal;
  word-spacing: 0.25px;
}

._note_1ch0q_169 + ._note_1ch0q_169 {
  margin-top: 11.5px;
}

._note_1ch0q_169::before {
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--oh-grammar-note-dot);
  content: '';
}

._note_1ch0q_169 ._nonHangul_1ch0q_121 {
  font-size: 1.0132em;
}

._noteTitle_1ch0q_204 {
  color: var(--oh-grammar-note-title);
  font-weight: 700;
}

._noteTitle_1ch0q_204 ._nonHangul_1ch0q_121 {
  font-size: 1.0331em;
}

._notice_1ch0q_213 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 2.59375rem;
  margin-top: 14.5px;
  padding: 6px 11.5px;
  border: 1px dashed var(--oh-color-line);
  border-radius: 8px;
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-sub);
  font-size: 0.885rem;
  line-height: 1.4;
}

._notice_1ch0q_213:last-child {
  margin-bottom: 1.5px;
}

._infoGlyph_1ch0q_232 {
  flex: none;
  color: var(--oh-color-text-faint);
}

._again_1ch0q_237 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  color: var(--oh-sheet-text-note);
  font-size: 0.817rem;
  line-height: 1.2;
}

._againFace_1ch0q_247 {
  font-size: 0.9375rem;
  line-height: 1;
}

html[data-edition='to-be'] ._review_1ch0q_14 {
  padding: var(--oh-space-4) 0 0;
}

html[data-edition='to-be'] ._caption_1ch0q_24 {
  translate: none;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._answer_1ch0q_18 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._group_1ch0q_44 {
  gap: var(--oh-space-2);
  line-height: inherit;
}

html[data-edition='to-be'] ._group_1ch0q_44[data-spaced='true'] {
  margin-right: var(--oh-space-1);
}

html[data-edition='to-be'] ._word_1ch0q_56 {
  translate: none;
}

html[data-edition='to-be'] ._chip_1ch0q_60 {
  height: 2rem;
  padding: 0 var(--oh-space-2);
  font-size: inherit;
}

html[data-edition='to-be'] ._translation_1ch0q_84 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._reason_1ch0q_91 {
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._reasonTitle_1ch0q_98 {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._reasonBody_1ch0q_112 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
  word-break: keep-all;
  word-spacing: normal;
}

html[data-edition='to-be'] ._reasonBody_1ch0q_112 ._nonHangul_1ch0q_121,
html[data-edition='to-be'] ._note_1ch0q_169 ._nonHangul_1ch0q_121,
html[data-edition='to-be'] ._noteTitle_1ch0q_204 ._nonHangul_1ch0q_121 {
  font-size: inherit;
}

html[data-edition='to-be'] ._aiChip_1ch0q_130 {
  min-width: 0;
  height: auto;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._structure_1ch0q_99 {
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._structureTitle_1ch0q_99 {
  margin-bottom: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._notes_1ch0q_169 {
  margin-top: var(--oh-space-8);
  padding-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._note_1ch0q_169 {
  padding-left: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-reading);
  word-break: keep-all;
  word-spacing: normal;
}

html[data-edition='to-be'] ._note_1ch0q_169 + ._note_1ch0q_169 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._note_1ch0q_169::before {
  top: calc(var(--oh-leading-reading) * 0.5em - 3px);
}

html[data-edition='to-be'] ._notice_1ch0q_213 {
  min-height: 2.5rem;
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-2) var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._notice_1ch0q_213:last-child {
  margin-bottom: 0;
}

html[data-edition='to-be'] ._infoGlyph_1ch0q_232 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._again_1ch0q_237 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._againFace_1ch0q_247 {
  font-size: var(--oh-text-body);
}

._notice_l9tb6_9 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  padding: 143px 30.5px 30.5px;
  background: var(--oh-color-bg);
}

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

._title_l9tb6_24 {
  color: var(--oh-color-text);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

._art_l9tb6_32 {
  width: 319px;
  max-width: 100%;
  aspect-ratio: 319 / 287;
  margin-top: 59.5px;
}

._failed_l9tb6_39 {
  margin-top: 16px;
  color: var(--oh-color-text-sub);
  font-size: 1rem;
  text-align: center;
}

._start_l9tb6_46 {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10.5px;
  width: 100%;
  min-height: 4.375rem;
  margin-top: auto;
  padding: 0 12px;
  border-radius: 2.1875rem;
  color: var(--oh-color-text-inverse);
  font-size: 1.375rem;
  font-weight: 700;
  white-space: nowrap;
}

._start_l9tb6_46::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--oh-color-brand) 0%, var(--oh-color-brand) 35%, var(--oh-grammar-start-end) 100%);
  box-shadow:
    inset 0 2px 3px var(--oh-grammar-start-shine),
    inset 0 -3px 4px var(--oh-grammar-start-shade);
  content: '';
}

._start_l9tb6_46[data-waiting='true']::before {
  opacity: 0.57;
}

._ring_l9tb6_81 {
  display: block;
  flex: none;
  width: 20px;
  height: 20px;
  border: 2.5px solid var(--oh-grammar-start-shine);
  border-left-color: var(--oh-color-text-inverse);
  border-radius: 50%;
  animation: _ring-turn_l9tb6_1 800ms linear infinite;
}

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

._cube_l9tb6_98 {
  position: absolute;
  top: 407.5px;
  left: calc(50% - 34px);
  display: block;
  translate: -50% -50%;
  pointer-events: none;
}

._notice_l9tb6_9[data-step='entering'] > :not(._cube_l9tb6_98) {
  opacity: 0;
}

._notice_l9tb6_9[data-step='appearing'] > :not(._cube_l9tb6_98) {
  animation: _notice-appear_l9tb6_1 var(--appear-ms) linear both;
}

._notice_l9tb6_9[data-step='appearing'] > ._art_l9tb6_32 {
  animation-name: _art-appear_l9tb6_1;
}

@keyframes _notice-appear_l9tb6_1 {
  from {
    opacity: 0.25;
  }

  to {
    opacity: 0.6;
  }
}

@keyframes _art-appear_l9tb6_1 {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0.25;
  }

  to {
    opacity: 0.6;
  }
}

html[data-edition='to-be'] ._notice_l9tb6_9 {
  padding: 143px var(--oh-space-4) var(--oh-space-6);
}

html[data-edition='to-be'] ._title_l9tb6_24 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._start_l9tb6_46 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: 1.5rem;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
  white-space: normal;
}

._band_1e34j_6 {
  position: relative;
  display: block;
  flex: none;
  width: 100%;
  aspect-ratio: 880 / 679;
  background: var(--oh-grammar-video-frame);
  color: var(--oh-grammar-video-mark);
  cursor: pointer;
}

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

._picture_1e34j_21 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  translate: 0 -50%;
}

._play_1e34j_30,
._disc_1e34j_31,
._ring_1e34j_32 {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

._play_1e34j_30 {
  margin-left: 2.5px;
}

._disc_1e34j_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--oh-grammar-video-mark-disc);
}

._ring_1e34j_32 {
  width: 32px;
  height: 32px;
  border: 2px solid var(--oh-grammar-video-mark);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _ring-turn_1e34j_1 800ms linear infinite;
}

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

  to {
    rotate: 360deg;
  }
}

._page_1799s_6 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._head_1799s_18 {
  flex: none;
  min-height: 3.46875rem;
}

html[data-edition='to-be'] ._head_1799s_18 {
  min-height: var(--oh-size-header);
}

._tag_oc2oq_3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 1.4375rem;
  padding: 0 10px;
  border-radius: var(--oh-radius-tag);
  background: var(--oh-area-other-bg);
  color: var(--oh-area-other-text);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

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

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

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

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

html[data-edition='to-be'] ._tag_oc2oq_3 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-regular);
}

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

dialog._layer_sq95v_11._closing_sq95v_16::backdrop {
  animation: _undim_sq95v_1 280ms linear forwards;
}

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

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

._closing_sq95v_16 ._sheet_sq95v_30 {
  animation: _sink_sq95v_1 280ms cubic-bezier(0.45, 0, 0.4, 1) forwards;
}

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

._title_sq95v_51 {
  margin-top: 28px;
  color: var(--oh-color-text-strong);
  font-size: 1.245rem;
  font-weight: 700;
  line-height: 1.5625rem;
}

._close_sq95v_59 {
  position: absolute;
  top: 18.25px;
  right: 16.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--oh-color-text-strong);
}

._group_sq95v_71 {
  margin-top: 27.75px;
  color: var(--oh-color-text-body);
  font-size: 0.945rem;
  font-weight: 400;
  line-height: 1.25rem;
}

._group_sq95v_71 + ._levels_sq95v_79 {
  margin-top: 11.75px;
}

._group_sq95v_71 + ._modes_sq95v_83 {
  margin-top: 13.5px;
}

._levels_sq95v_79,
._modes_sq95v_83 {
  display: grid;
  gap: 10px;
}

._levels_sq95v_79 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

._modes_sq95v_83 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._levels_sq95v_79 + ._group_sq95v_71 {
  margin-top: 25px;
}

._option_sq95v_105 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  border: 2px solid var(--oh-color-line);
  border-radius: 14px;
  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;
}

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

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

._levels_sq95v_79 > ._option_sq95v_105 {
  min-height: 6.875rem;
  padding-top: 15px;
}

._modes_sq95v_83 > ._option_sq95v_105 {
  min-height: 6rem;
  padding-top: 14px;
}

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

._emoji_sq95v_150 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

._label_sq95v_155 {
  font-size: 0.903rem;
  line-height: 1.25rem;
}

._levels_sq95v_79 ._label_sq95v_155 {
  margin-top: 10px;
}

._modes_sq95v_83 ._label_sq95v_155 {
  margin-top: 5px;
}

._start_sq95v_168 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.28125rem;
  margin-top: 24px;
  border-radius: 14px;
  background: var(--oh-color-brand);
  box-shadow: 0 0 0 1.25px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
  font-size: 1rem;
  font-weight: 700;
}

._start_sq95v_168:active {
  background: var(--oh-color-brand-pressed);
}

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

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

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

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

html[data-edition='to-be'] ._sheet_sq95v_30 {
  padding: 0 var(--oh-space-6) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._title_sq95v_51 {
  display: flex;
  align-items: center;
  min-height: calc(var(--oh-size-icon-button-touch) + 2 * var(--oh-space-3));
  margin-top: 0;
  padding-right: var(--oh-space-10);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._close_sq95v_59 {
  top: calc(var(--oh-space-3) + (var(--oh-size-icon-button-touch) - var(--oh-size-icon-button)) / 2);
  right: calc(var(--oh-space-6) - (var(--oh-size-icon-button) - var(--oh-size-icon-md)) / 2);
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._close_sq95v_59 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._group_sq95v_71 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._group_sq95v_71 + ._levels_sq95v_79,
html[data-edition='to-be'] ._group_sq95v_71 + ._modes_sq95v_83 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._levels_sq95v_79,
html[data-edition='to-be'] ._modes_sq95v_83 {
  gap: var(--oh-space-3);
}

html[data-edition='to-be'] ._levels_sq95v_79 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5em), 1fr));
}

html[data-edition='to-be'] ._levels_sq95v_79 + ._group_sq95v_71 {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._levels_sq95v_79 > ._option_sq95v_105,
html[data-edition='to-be'] ._modes_sq95v_83 > ._option_sq95v_105 {
  justify-content: center;
  min-height: 0;
  padding: var(--oh-space-4) var(--oh-space-2);
}

html[data-edition='to-be'] ._emoji_sq95v_150 {
  font-size: var(--oh-text-h1);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._label_sq95v_155 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._levels_sq95v_79 ._label_sq95v_155 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._modes_sq95v_83 ._label_sq95v_155 {
  margin-top: var(--oh-space-1);
}

html[data-edition='to-be'] ._start_sq95v_168 {
  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);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._close_sq95v_59 {
    top: var(--oh-space-3);
    right: calc(var(--oh-space-6) - (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);
  }
}

._card_yhlh8_6 {
  container-type: inline-size;
  overflow: hidden;
  border: 1px solid var(--oh-state-not-started-card-border);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
}

._card_yhlh8_6[data-state='in-progress'] {
  border-color: var(--oh-state-in-progress-card-border);
}

._card_yhlh8_6[data-state='done'] {
  border-color: var(--oh-state-done-card-border);
}

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

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

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

._title_yhlh8_38 {
  color: var(--oh-card-title);
  font-size: 0.887rem;
  font-weight: 600;
  line-height: 1.35;
}

._actions_yhlh8_45 {
  display: flex;
  align-items: flex-start;
  gap: 7.5px;
  padding: 9.5px 12px 0;
}

._startSlot_yhlh8_53 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

._start_yhlh8_53,
._resume_yhlh8_61 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 6px;
  min-width: 0;
  min-height: 3rem;
  margin-bottom: 3px;
  padding: 0 6px;
  border-radius: var(--oh-radius-button);
  color: var(--oh-color-text-inverse);
  font-size: 0.906rem;
  font-weight: 700;
  white-space: nowrap;
}

._start_yhlh8_53 {
  background: var(--oh-button-start);
  box-shadow:
    0 3px 0 var(--oh-button-start-ledge),
    0 9px 12px var(--oh-button-start-glow);
}

._resume_yhlh8_61 {
  gap: 9.5px;
  background: var(--oh-button-resume);
  box-shadow:
    0 3px 0 var(--oh-button-resume-ledge),
    0 5px 8px var(--oh-button-resume-glow);
}

._start_yhlh8_53:active,
._resume_yhlh8_61:active {
  translate: 0 2px;
}

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

._percent_yhlh8_104 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 1.40625rem;
  padding: 0 6px;
  border-radius: 0.72rem;
  background: var(--oh-button-resume-percent);
  font-size: 0.75rem;
  line-height: 1;
}

._playMark_yhlh8_118 {
  flex: none;
}

._resume_yhlh8_61 > ._playMark_yhlh8_118 {
  margin-left: -6px;
}

._track_yhlh8_127 {
  overflow: hidden;
  height: 4px;
  margin-top: 4px;
  border-radius: 2px;
  background: var(--oh-button-resume-track);
}

._trackFill_yhlh8_135 {
  display: block;
  height: 100%;
  background: var(--oh-button-resume);
}

._report_yhlh8_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 7px;
  min-width: 0;
  min-height: 3.1875rem;
  padding: 0 4px;
  border: 1.5px solid var(--oh-color-border-button);
  border-radius: 14px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 0.9rem;
  font-weight: 700;
  white-space: nowrap;
}

._card_yhlh8_6[data-state='in-progress'] ._report_yhlh8_141 {
  flex: none;
  width: calc((100% - 7.5px) * 0.3814);
}

@container (max-width: 20.5rem) {
  ._report_yhlh8_141,
  ._resume_yhlh8_61 {
    gap: 4px;
    font-size: 0.8125rem;
  }

  ._resume_yhlh8_61 > ._playMark_yhlh8_118 {
    margin-left: -4px;
  }

  ._activityButton_yhlh8_100 {
    min-width: 4.375rem;
  }
}

._meta_yhlh8_182 {
  display: flex;
  align-items: center;
  padding: 21.5px 20px 17px 21px;
}

._meta_yhlh8_182[data-open] {
  padding-top: 25px;
}

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

._tags_yhlh8_198 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 3px;
}

._options_yhlh8_205 {
  color: var(--oh-color-text-muted);
  font-size: 0.7rem;
  line-height: 1.875;
}

._option_yhlh8_205 {
  display: inline-block;
  margin-right: 5.5px;
  white-space: nowrap;
}

._expand_yhlh8_217 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: none;
  width: 28px;
  min-height: 40px;
  margin-left: -6px;
  border-radius: 6px;
  color: var(--oh-color-icon);
  translate: 0 2.5px;
}

._meta_yhlh8_182[data-open] ._expand_yhlh8_217 {
  translate: 0 -3px;
}

._expand_yhlh8_217::after {
  position: absolute;
  inset: 0 -8px;
  content: '';
}

._panel_yhlh8_242 {
  display: flex;
  flex-direction: column;
  padding: 9.5px 9.5px 12px;
}

._spinner_yhlh8_249 {
  align-self: center;
  width: 30px;
  height: 30px;
  margin: 6px 0 -1.5px;
  border: 4px solid var(--oh-color-border-strong);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _spin_yhlh8_249 0.8s linear infinite;
}

@keyframes _spin_yhlh8_249 {
  to {
    rotate: 360deg;
  }
}

._activities_yhlh8_266 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

._activity_yhlh8_100 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8.5px 9.5px 9.5px;
  border-radius: 10px;
}

@media (hover: hover) {
  ._activity_yhlh8_100:hover {
    background: var(--oh-color-row-hover);
  }
}

._activity_yhlh8_100:active {
  background: var(--oh-color-row-hover);
}

._activityInfo_yhlh8_291 {
  min-width: 0;
}

._activityTags_yhlh8_295 {
  display: flex;
  align-items: center;
  gap: 3px;
}

._badge_yhlh8_301 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.46875rem;
  padding: 0 9px;
  border-radius: 6px;
  color: var(--oh-color-text-inverse);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

._badge_yhlh8_301[data-tone='low'] {
  background: var(--oh-badge-low);
}

._badge_yhlh8_301[data-tone='mid'] {
  background: var(--oh-badge-mid);
}

._badge_yhlh8_301[data-tone='full'] {
  background: var(--oh-badge-full);
}

._activityName_yhlh8_327 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4px;
  margin-top: 7px;
  color: var(--oh-color-text-strong);
  font-size: 0.855rem;
  line-height: 1.572;
}

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

._dot_yhlh8_344 {
  flex: none;
  width: 9px;
  height: 9px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--oh-activity-dot-not-started);
}

._activity_yhlh8_100[data-status='in-progress'] ._dot_yhlh8_344,
._activity_yhlh8_100[data-status='needs-review'] ._dot_yhlh8_344 {
  background: var(--oh-activity-dot-in-progress);
}

._activity_yhlh8_100[data-status='completed'] ._dot_yhlh8_344 {
  background: var(--oh-activity-dot-completed);
}

._studiedAt_yhlh8_362 {
  color: var(--oh-color-text-faint);
  font-size: 0.83rem;
}

._activitySide_yhlh8_367 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: none;
  gap: 8px;
}

._doneLabel_yhlh8_375 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--oh-color-text-strong);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1.15;
}

._doneLabel_yhlh8_375 > svg {
  color: var(--oh-color-done-check);
}

._activityButtons_yhlh8_389 {
  display: flex;
  gap: 5px;
}

._activityButton_yhlh8_100 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5.28125rem;
  min-height: 2.25rem;
  padding: 0 10px;
  border-radius: var(--oh-radius-control);
  font-size: 0.79rem;
  font-weight: 700;
  white-space: nowrap;
}

._activityButton_yhlh8_100[data-look='start'] {
  background: var(--oh-color-brand);
  box-shadow:
    inset 0 -1.5px 0 var(--oh-color-brand-pressed),
    0 0 0 1px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
}

._activity_yhlh8_100:active ._activityButton_yhlh8_100[data-look='start'] {
  background: var(--oh-color-brand-pressed);
}

@media (hover: hover) {
  ._activity_yhlh8_100:hover ._activityButton_yhlh8_100[data-look='start'] {
    background: var(--oh-color-brand-pressed);
  }
}

._activityButton_yhlh8_100[data-look='outline'] {
  border: 1px solid var(--oh-color-brand-outline);
  background: var(--oh-color-bg);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
  color: var(--oh-color-brand-outline-text);
}

._activityButton_yhlh8_100[data-look='plain'] {
  border: 1px solid var(--oh-color-border-button);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
}

._lesson_yhlh8_439 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  margin: 20px 3px 0;
  border: 1px solid var(--oh-color-brand-outline-soft);
  border-radius: 8px;
  background: var(--oh-color-bg);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
  color: var(--oh-color-text-strong);
  font-size: 0.855rem;
  font-weight: 700;
}

html[data-edition='to-be'] ._band_yhlh8_22 {
  min-height: 56px;
  padding: var(--oh-space-3) var(--oh-space-4);
}

html[data-edition='to-be'] ._title_yhlh8_38 {
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._actions_yhlh8_45 {
  gap: var(--oh-space-3);
  padding: var(--oh-space-4) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._start_yhlh8_53,
html[data-edition='to-be'] ._resume_yhlh8_61 {
  flex-wrap: wrap;
  gap: var(--oh-space-1) 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);
  line-height: var(--oh-leading-heading);
  text-align: center;
  white-space: normal;
}

html[data-edition='to-be'] ._percent_yhlh8_104 {
  min-height: 1.75rem;
  padding: 0 var(--oh-space-2);
  border-radius: 1rem;
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._playMark_yhlh8_118 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._resume_yhlh8_61 > ._playMark_yhlh8_118 {
  margin-left: calc(-1 * var(--oh-space-1));
}

html[data-edition='to-be'] ._report_yhlh8_141 {
  gap: var(--oh-space-2);
  min-height: calc(var(--oh-size-control-lg) + 3px);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._report_yhlh8_141 > span:first-child {
  width: var(--oh-size-icon-md) !important;
  height: var(--oh-size-icon-md) !important;
}

html[data-edition='to-be'] ._card_yhlh8_6[data-state='in-progress'] ._report_yhlh8_141 {
  width: calc((100% - var(--oh-space-3)) * 0.3814);
}

@container (max-width: 30em) {
  html[data-edition='to-be'] ._actions_yhlh8_45 {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  html[data-edition='to-be'] ._card_yhlh8_6[data-state='in-progress'] ._report_yhlh8_141 {
    width: auto;
  }
}

html[data-edition='to-be'] ._meta_yhlh8_182 {
  padding: var(--oh-space-6) var(--oh-space-4) var(--oh-space-4);
}

html[data-edition='to-be'] ._tags_yhlh8_198 {
  gap: var(--oh-space-2);
  margin-bottom: var(--oh-space-2);
}

html[data-edition='to-be'] ._options_yhlh8_205 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._option_yhlh8_205 {
  max-width: 100%;
  margin-right: var(--oh-space-3);
  white-space: normal;
}

html[data-edition='to-be'] ._expand_yhlh8_217 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  min-height: 0;
  margin: 0 calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2) 0 var(--oh-space-2);
  translate: none;
}

html[data-edition='to-be'] ._meta_yhlh8_182[data-open] ._expand_yhlh8_217 {
  translate: none;
}

html[data-edition='to-be'] ._expand_yhlh8_217::after {
  inset: 0;
}

html[data-edition='to-be'] ._expand_yhlh8_217 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._expand_yhlh8_217 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._panel_yhlh8_242 {
  padding: 0 var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._activities_yhlh8_266 {
  gap: var(--oh-space-1);
}

html[data-edition='to-be'] ._activity_yhlh8_100 {
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  min-height: 56px;
  padding: var(--oh-space-2);
}

html[data-edition='to-be'] ._activityInfo_yhlh8_291 {
  flex: 1 1 6rem;
}

html[data-edition='to-be'] ._activityTags_yhlh8_295 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._badge_yhlh8_301 {
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  color: var(--oh-color-on-fill-ink);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._activityName_yhlh8_327 {
  column-gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._dot_yhlh8_344 {
  width: 8px;
  height: 8px;
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._studiedAt_yhlh8_362 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._activitySide_yhlh8_367 {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto;
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._doneLabel_yhlh8_375 {
  gap: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._doneLabel_yhlh8_375 > svg {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._activityButtons_yhlh8_389 {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._activityButton_yhlh8_100 {
  position: relative;
  min-width: 96px;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._activityButton_yhlh8_100::after {
  position: absolute;
  inset: calc(-1 * var(--oh-space-1)) 0;
  content: '';
}

html[data-edition='to-be'] ._activityButton_yhlh8_100[data-look='start'] {
  color: var(--oh-color-on-fill-ink);
}

html[data-edition='to-be'] ._lesson_yhlh8_439 {
  min-height: var(--oh-size-control-lg);
  margin: var(--oh-space-4) var(--oh-space-2) 0;
  font-size: var(--oh-text-body);
}

._refresh_1ot0q_3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 23px;
  height: 23px;
  border: 1px solid var(--oh-color-line);
  border-radius: 50%;
  color: var(--oh-color-icon);
}

._refresh_1ot0q_3::after {
  position: absolute;
  inset: -6px;
  content: '';
}

html[data-edition='to-be'] ._refresh_1ot0q_3 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._refresh_1ot0q_3::after {
  inset: -3px;
}

html[data-edition='to-be'] ._refresh_1ot0q_3 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

._viewSwitch_1ch7k_3 {
  display: flex;
  flex: none;
  margin-left: auto;
  border-radius: var(--oh-radius-control);
  background: var(--oh-color-surface-muted);
}

._viewOption_1ch7k_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.5rem;
  min-height: 2.25rem;
  border: 1px solid transparent;
  border-radius: var(--oh-radius-control);
  color: var(--oh-color-text-disabled);
  font-size: 0.87rem;
}

._viewOption_1ch7k_11[aria-pressed='true'] {
  min-width: 3.65625rem;
  border-color: var(--oh-color-border-strong);
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

html[data-edition='to-be'] ._viewOption_1ch7k_11 {
  position: relative;
  min-width: 3.5rem;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-3);
  color: var(--oh-color-text-muted);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._viewOption_1ch7k_11::after {
  position: absolute;
  inset: calc(-1 * var(--oh-space-1)) 0;
  content: '';
}

html[data-edition='to-be'] ._viewOption_1ch7k_11[aria-pressed='true'] {
  color: var(--oh-color-text-strong);
}

._month_1oazj_6 {
  padding-top: 23.5px;
}

._head_1oazj_10 {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0 18px 0 34px;
}

._arrow_1oazj_17 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 8px;
  height: 14px;
  color: var(--oh-color-text-strong);
}

._arrow_1oazj_17::after {
  position: absolute;
  inset: -15px -12px;
  content: '';
}

._arrow_1oazj_17 > svg {
  flex: none;
}

._title_1oazj_39 {
  margin: 0 17px 0 16px;
  color: var(--oh-color-text-strong);
  font-size: 1.022rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

._refresh_1oazj_48 {
  margin-left: 22px;
  translate: 0 -9px;
}

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

._weekdays_1oazj_53 {
  min-height: 1.375rem;
  margin-top: 15px;
  padding: 0 17px;
}

._weekday_1oazj_53 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: var(--oh-color-text-faint);
  font-size: 0.76rem;
  line-height: 1;
}

._weekday_1oazj_53 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

._weekday_1oazj_53[data-today] > span {
  min-width: 1.5625rem;
  min-height: 1.375rem;
  border-radius: 6px;
  background: var(--oh-color-today-marker);
  color: var(--oh-color-text-inverse);
  font-weight: 700;
}

._grid_1oazj_90 {
  margin: 16px 17px 0;
  border-bottom: 1px solid var(--oh-color-line-soft);
}

._week_1oazj_53 {
  min-height: 5.275rem;
  border-top: 1px solid var(--oh-color-line-soft);
}

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

._cell_1oazj_105 {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding-top: 8px;
  color: var(--oh-color-text);
  font-size: 1.03rem;
  line-height: 1;
}

._number_1oazj_117 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  max-width: 100%;
  height: 2.5rem;
  border: 2px solid transparent;
  border-radius: 50%;
}

._cell_1oazj_105[aria-current='date'] > ._number_1oazj_117 {
  border-color: var(--oh-color-text-strong);
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._mark_1oazj_134 {
  position: absolute;
  top: 51.5px;
  left: 50%;
  width: 5.5px;
  height: 5.5px;
  border-radius: 1.5px;
  translate: calc(-50% + 2.25px) 0;
}

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

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

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

html[data-edition='to-be'] ._month_1oazj_6 {
  padding-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._head_1oazj_10 {
  flex-wrap: wrap;
  row-gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._arrow_1oazj_17 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._arrow_1oazj_17:first-child {
  margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._arrow_1oazj_17::after {
  inset: 0;
}

html[data-edition='to-be'] ._arrow_1oazj_17 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._arrow_1oazj_17 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._arrow_1oazj_17:first-child {
    margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._title_1oazj_39 {
  margin: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._refresh_1oazj_48 {
  margin: 0 var(--oh-space-3);
  translate: none;
}

html[data-edition='to-be'] ._weekdays_1oazj_53 {
  min-height: min(1.5rem, 30px);
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._weekday_1oazj_53 {
  font-size: min(var(--oh-text-sm), 20px);
}

html[data-edition='to-be'] ._weekday_1oazj_53 > span {
  min-width: 0;
  min-height: min(1.5rem, 30px);
  padding: 0 var(--oh-space-2);
}

html[data-edition='to-be'] ._grid_1oazj_90 {
  margin: var(--oh-space-4) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._cell_1oazj_105 {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: var(--oh-space-2);
  font-size: min(var(--oh-text-body), 20px);
}

html[data-edition='to-be'] ._number_1oazj_117 {
  flex: none;
  width: min(2.5rem, 100%);
  height: auto;
  aspect-ratio: 1;
}

html[data-edition='to-be'] ._mark_1oazj_134 {
  position: static;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: var(--oh-space-2);
  translate: none;
}

._strip_hajmd_5 {
  display: flex;
  align-items: center;
  padding: 0 4px;
}

._arrow_hajmd_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 31px;
  height: 44px;
  color: var(--oh-color-icon-nav);
}

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

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

._weekday_hajmd_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 0.9375rem;
  color: var(--oh-color-text-faint);
  font-size: 0.76rem;
  line-height: 1;
}

._weekday_hajmd_37[data-today] {
  min-width: 1.53125rem;
  min-height: 1.375rem;
  border-radius: 6px;
  background: var(--oh-color-today-marker);
  color: var(--oh-color-text-inverse);
  font-weight: 700;
}

._cell_hajmd_58 {
  --cell-face: var(--oh-date-face);
  --cell-border: var(--oh-date-face-border);
  --cell-ledge: var(--oh-date-ledge);
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(2.3125rem, 100% - 3px);
  height: 2.3125rem;
  margin: 10px 0 4px;
  border: 1px solid var(--cell-border);
  border-radius: 8px;
  background: var(--cell-face);
  box-shadow:
    0 4px 0 var(--cell-ledge),
    0 6px 6px rgb(0 0 0 / 0.06);
  color: var(--oh-date-text);
  font-size: 0.956rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

._cell_hajmd_58[data-state='not-started'] {
  --cell-face: var(--oh-state-not-started-face);
  --cell-border: var(--oh-state-not-started-face-border);
  --cell-ledge: var(--oh-state-not-started-ledge);
  --cell-pressed-from: var(--oh-state-not-started-pressed-from);
  --cell-pressed-to: var(--oh-state-not-started-pressed-to);
  --cell-pressed-border: var(--oh-state-not-started-pressed-border);
  color: var(--oh-date-text-marked);
}

._cell_hajmd_58[data-state='in-progress'] {
  --cell-face: var(--oh-state-in-progress-face);
  --cell-border: var(--oh-state-in-progress-face-border);
  --cell-ledge: var(--oh-state-in-progress-ledge);
  --cell-pressed-from: var(--oh-state-in-progress-pressed-from);
  --cell-pressed-to: var(--oh-state-in-progress-pressed-to);
  --cell-pressed-border: var(--oh-state-in-progress-pressed-border);
  color: var(--oh-date-text-marked);
}

._cell_hajmd_58[data-state='done'] {
  --cell-face: var(--oh-state-done-face);
  --cell-border: var(--oh-state-done-face-border);
  --cell-ledge: var(--oh-state-done-ledge);
  --cell-pressed-from: var(--oh-state-done-pressed-from);
  --cell-pressed-to: var(--oh-state-done-pressed-to);
  --cell-pressed-border: var(--oh-state-done-pressed-border);
  color: var(--oh-date-text-marked);
}

._cell_hajmd_58[data-pressed] {
  height: calc(2.3125rem + 1px);
  margin: 13px 0 0;
  border-color: var(--cell-pressed-border, var(--cell-border));
  background: linear-gradient(to bottom, var(--cell-pressed-from, var(--cell-face)), var(--cell-pressed-to, var(--cell-face)) 45%);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.14);
  font-weight: 700;
}

._mark_hajmd_120 {
  position: relative;
  width: 5.5px;
  height: 5.5px;
  margin-top: 3px;
  border-radius: 1.5px;
}

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

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

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

._grown_hajmd_141 {
  position: absolute;
  top: 8px;
  left: 50%;
  translate: -50% 0;
}

html[data-edition='to-be'] ._strip_hajmd_5 {
  --week-arrow-box: var(--oh-size-icon-button);
  --week-arrow-pull: calc((var(--week-arrow-box) - var(--oh-size-icon-md)) / 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.25rem, 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);
  padding: 0 var(--oh-space-4);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._strip_hajmd_5 {
    --week-arrow-box: var(--oh-size-icon-button-touch);
  }
}

html[data-edition='to-be'] ._arrow_hajmd_11 {
  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) + 4px - var(--week-arrow-box)) / 2);
}

html[data-edition='to-be'] ._arrow_hajmd_11:first-child {
  margin-left: calc(-1 * var(--week-arrow-pull));
}

html[data-edition='to-be'] ._arrow_hajmd_11:last-child {
  margin-right: calc(-1 * var(--week-arrow-pull));
}

html[data-edition='to-be'] ._arrow_hajmd_11 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._weekday_hajmd_37 {
  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));
  font-size: min(var(--oh-text-sm), 20px);
}

html[data-edition='to-be'] ._cell_hajmd_58 {
  position: relative;
  width: var(--week-cell-size);
  height: var(--week-cell-size);
  margin: 0 0 4px;
  font-size: min(var(--oh-text-body), 20px);
}

html[data-edition='to-be'] ._cell_hajmd_58::after {
  position: absolute;
  inset: calc(-1px - max(4px, (var(--oh-size-hit) - var(--week-cell-size)) / 2)) calc(-1px - min(4px, (var(--week-day-width) - var(--week-cell-size)) / 2));
  content: '';
}

html[data-edition='to-be'] ._cell_hajmd_58[data-pressed] {
  height: calc(var(--week-cell-size) + 1px);
  margin: 3px 0 0;
}

html[data-edition='to-be'] ._mark_hajmd_120 {
  width: 6px;
  height: 6px;
  margin-top: var(--oh-space-1);
}

._page_15e7w_5 {
  padding-bottom: 62px;
}

._summary_15e7w_9 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 99.5px;
  padding: 12px var(--oh-space-page) 0;
}

._greeting_15e7w_18 {
  min-width: 0;
  margin-top: 19.5px;
  padding-left: 0.5px;
  color: var(--oh-color-text);
  font-size: 1.016rem;
  font-weight: 700;
  line-height: 1.415;
}

._emoji_15e7w_29 {
  font-size: 1.26em;
  line-height: 0;
  vertical-align: -0.08em;
}

._tree_15e7w_35 {
  flex: none;
  min-height: 87.5px;
}

._pills_15e7w_40 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 2rem;
  margin-top: 12.5px;
  padding: 0 var(--oh-space-page);
}

._timePill_15e7w_49,
._ratePill_15e7w_50 {
  display: flex;
  align-items: center;
  gap: 6.5px;
  min-height: 2rem;
  padding: 0 15px;
  border-radius: 1rem;
  font-size: 0.8125rem;
  line-height: 1;
  white-space: nowrap;
}

._timePill_15e7w_49 {
  background: var(--oh-pill-time-bg);
  color: var(--oh-pill-time-label);
}

._timePill_15e7w_49 > strong {
  color: var(--oh-pill-time-value);
}

._ratePill_15e7w_50 {
  padding: 0 15px;
  border: 1px solid var(--oh-pill-rate-zero-border);
  background: var(--oh-pill-rate-zero-bg);
  color: var(--oh-pill-rate-zero-label);
}

._ratePill_15e7w_50 > strong {
  color: var(--oh-pill-rate-zero-value);
}

._ratePill_15e7w_50[data-state='in-progress'] {
  border-color: var(--oh-pill-rate-partial-border);
  background: var(--oh-pill-rate-partial-bg);
  color: var(--oh-pill-rate-partial-label);
}

._ratePill_15e7w_50[data-state='in-progress'] > strong {
  color: var(--oh-pill-rate-partial-value);
}

._ratePill_15e7w_50[data-state='done'] {
  border-color: var(--oh-pill-rate-complete-border);
  background: var(--oh-pill-rate-complete-bg);
  color: var(--oh-pill-rate-complete-label);
}

._ratePill_15e7w_50[data-state='done'] > strong {
  color: var(--oh-pill-rate-complete-value);
}

._timePill_15e7w_49 > strong,
._ratePill_15e7w_50 > strong {
  font-size: 0.86rem;
  font-weight: 700;
}

._dateRow_15e7w_108 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  min-height: 2.25rem;
  margin-top: 21.5px;
  padding: 0 18px 0 19px;
}

._dateTitle_15e7w_118 {
  color: var(--oh-color-text-strong);
  font-size: 1.005rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

._refresh_15e7w_126 {
  margin-left: 7.5px;
}

._week_15e7w_130 {
  margin-top: 12.5px;
}

._cards_15e7w_134 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 41px;
  padding: 0 17.5px;
}

._failure_15e7w_142 {
  margin-top: 41px;
  padding: 0 var(--oh-space-page);
  color: var(--oh-color-text-muted);
  font-size: 0.875rem;
}

html[data-edition='to-be'] ._page_15e7w_5 {
  padding-bottom: var(--oh-space-12);
}

html[data-edition='to-be'] ._summary_15e7w_9 {
  flex-wrap: wrap;
  gap: var(--oh-space-3);
  padding: var(--oh-space-3) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._greeting_15e7w_18 {
  flex: 1 1 10rem;
  margin-top: var(--oh-space-5);
  padding-left: 0;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
  text-wrap: pretty;
}

html[data-edition='to-be'] ._tree_15e7w_35 {
  margin-left: auto;
}

html[data-edition='to-be'] ._pills_15e7w_40 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._timePill_15e7w_49,
html[data-edition='to-be'] ._ratePill_15e7w_50 {
  gap: var(--oh-space-1);
  min-height: var(--oh-size-control-sm);
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._timePill_15e7w_49 > strong,
html[data-edition='to-be'] ._ratePill_15e7w_50 > strong {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._dateRow_15e7w_108 {
  gap: var(--oh-space-2) var(--oh-space-3);
  min-height: var(--oh-size-control-md);
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._dateTitle_15e7w_118 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._refresh_15e7w_126 {
  margin-left: 0;
}

html[data-edition='to-be'] ._week_15e7w_130 {
  margin-top: var(--oh-space-5);
}

html[data-edition='to-be'] ._cards_15e7w_134 {
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._failure_15e7w_142 {
  margin-top: var(--oh-space-8);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

._avatar_1fv9y_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.15625rem;
  height: 2.15625rem;
  border-radius: 50%;
  background: var(--avatar-bg);
  color: var(--avatar-text);
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
}

._avatar_1fv9y_5[data-hue='gold'] {
  --avatar-bg: var(--oh-avatar-gold-bg);
  --avatar-text: var(--oh-avatar-gold-text);
}

._avatar_1fv9y_5[data-hue='pink'] {
  --avatar-bg: var(--oh-avatar-pink-bg);
  --avatar-text: var(--oh-avatar-pink-text);
}

._avatar_1fv9y_5[data-hue='blue'] {
  --avatar-bg: var(--oh-avatar-blue-bg);
  --avatar-text: var(--oh-avatar-blue-text);
}

._avatar_1fv9y_5[data-hue='purple'] {
  --avatar-bg: var(--oh-avatar-purple-bg);
  --avatar-text: var(--oh-avatar-purple-text);
}

._avatar_1fv9y_5[data-hue='orange'] {
  --avatar-bg: var(--oh-avatar-orange-bg);
  --avatar-text: var(--oh-avatar-orange-text);
}

._avatar_1fv9y_5[data-hue='green'] {
  --avatar-bg: var(--oh-avatar-green-bg);
  --avatar-text: var(--oh-avatar-green-text);
}

._avatar_1fv9y_5[data-size='podium'] {
  width: 3.09375rem;
  height: 3.09375rem;
  border: 1.5px solid var(--oh-invite-avatar-ring);
  font-size: 0.98rem;
}

._avatar_1fv9y_5[data-size='winner'] {
  width: 3.75rem;
  height: 3.75rem;
  border: 2px solid var(--oh-avatar-gold-ring);
  font-size: 1.15rem;
}

html[data-edition='to-be'] ._avatar_1fv9y_5 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._avatar_1fv9y_5[data-size='podium'] {
  width: min(3.09375rem, 100%);
  height: auto;
  aspect-ratio: 1;
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._avatar_1fv9y_5[data-size='winner'] {
  width: min(3.75rem, 100%);
  height: auto;
  aspect-ratio: 1;
  font-size: var(--oh-text-subtitle);
}

._podium_x9guy_6 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 15px;
  margin-top: auto;
  padding-top: 20px;
}

._stand_x9guy_15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  width: 3.625rem;
}

._stand_x9guy_15[data-rank='1'] {
  order: 2;
}

._stand_x9guy_15[data-rank='2'] {
  order: 1;
}

._stand_x9guy_15[data-rank='3'] {
  order: 3;
}

._crown_x9guy_36 {
  margin-bottom: 5px;
  font-size: 1.15rem;
  line-height: 1;
}

._standName_x9guy_42 {
  margin-top: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

._step_x9guy_51 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  width: 3.5rem;
  min-height: 3.46875rem;
  margin-top: 10px;
  padding-top: 8px;
  border-radius: 11px 11px 0 0;
  background: var(--oh-color-bg);
  box-shadow: 0 3px 8px var(--oh-invite-step-shadow);
  line-height: 1;
}

._step_x9guy_51 > strong {
  color: var(--oh-color-brand-ink);
  font-size: 1.2rem;
  font-weight: 700;
}

._standCount_x9guy_72 {
  margin-top: 8.5px;
  color: var(--oh-color-text-body);
  font-size: 0.83rem;
  font-weight: 700;
}

._standCount_x9guy_72 > small {
  font-size: inherit;
}

._stand_x9guy_15[data-rank='1'] > ._step_x9guy_51 {
  width: 3.75rem;
  min-height: 4.96875rem;
  padding-top: 17.5px;
}

._stand_x9guy_15[data-rank='1'] > ._step_x9guy_51 > strong {
  font-size: 1.475rem;
}

._stand_x9guy_15[data-rank='1'] ._standCount_x9guy_72 {
  margin-top: 9.5px;
}

._stand_x9guy_15[data-rank='3'] > ._step_x9guy_51 {
  min-height: 3.09375rem;
  padding-top: 5px;
}

html[data-edition='to-be'] ._podium_x9guy_6 {
  gap: var(--oh-space-4);
  padding-top: var(--oh-space-5);
}

html[data-edition='to-be'] ._stand_x9guy_15 {
  flex: 0 1 3.75rem;
  width: auto;
  min-width: 0;
}

html[data-edition='to-be'] ._crown_x9guy_36 {
  margin-bottom: var(--oh-space-1);
}

html[data-edition='to-be'] ._standName_x9guy_42 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._step_x9guy_51 {
  width: 3.5rem;
  max-width: 100%;
  margin-top: var(--oh-space-2);
  padding-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._step_x9guy_51 > strong {
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._standCount_x9guy_72 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._standCount_x9guy_72 > b {
  font-weight: inherit;
}

html[data-edition='to-be'] ._stand_x9guy_15[data-rank='1'] > ._step_x9guy_51 {
  width: 3.75rem;
  padding-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._stand_x9guy_15[data-rank='1'] > ._step_x9guy_51 > strong {
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._stand_x9guy_15[data-rank='1'] ._standCount_x9guy_72 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._stand_x9guy_15[data-rank='3'] > ._step_x9guy_51 {
  padding-top: var(--oh-space-1);
}

._page_4d15x_6 {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - var(--oh-header-height) - var(--oh-tabbar-height) - 0.5px);
  background: var(--oh-color-backdrop);
}

._subHeader_4d15x_13 {
  display: flex;
  align-items: center;
  flex: none;
  min-height: 3.53125rem;
  padding: 0 18px;
  border-bottom: 1px solid var(--oh-color-brand-glow);
  background: var(--oh-color-bg);
}

._back_4d15x_23 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--oh-color-text-strong);
}

._back_4d15x_23::after {
  position: absolute;
  inset: -16px -14px;
  content: '';
}

._pageTitle_4d15x_39 {
  margin-left: 12.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.97rem;
  font-weight: 700;
  line-height: 1.2;
}

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

._panel_4d15x_53 {
  display: flex;
  flex-direction: column;
  flex: none;
  min-height: 21.15625rem;
  padding: 21.5px 19px 41px;
  background: var(--oh-color-brand-deep);
  color: var(--oh-color-text-inverse);
}

._course_4d15x_63 {
  color: var(--oh-color-brand-glow);
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.2;
}

._headline_4d15x_70 {
  margin-top: 12.5px;
  font-size: 1.178rem;
  font-weight: 700;
  line-height: 1.2;
}

._listArea_4d15x_77 {
  flex: 1;
  padding: 0 16px 41px;
}

._me_4d15x_82 {
  display: flex;
  align-items: center;
  min-height: 4.21875rem;
  margin-top: -13px;
  padding: 0 19px 0 30px;
  border: 1px solid var(--oh-color-brand-deep);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
  box-shadow:
    0 0 0 1px var(--oh-color-brand-glow),
    0 9px 14px var(--oh-invite-me-shadow);
  color: var(--oh-color-text-strong);
}

._meRank_4d15x_97 {
  flex: none;
  min-width: 1.5625rem;
  color: var(--oh-color-brand-deep);
  font-size: 0.9rem;
  font-weight: 700;
}

._meAvatar_4d15x_105 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  background: var(--oh-color-brand-deep);
  color: var(--oh-color-text-inverse);
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1;
}

._meName_4d15x_120 {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  margin-left: 12.5px;
  font-size: 0.97rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._meCount_4d15x_131,
._count_4d15x_132 {
  display: flex;
  align-items: baseline;
  flex: none;
  margin-left: 8px;
  color: var(--oh-color-text-strong);
}

._meCount_4d15x_131 > b,
._count_4d15x_132 > b {
  font-size: 1.05rem;
  font-weight: 700;
}

._meCount_4d15x_131 > small,
._count_4d15x_132 > small {
  color: var(--oh-color-text-sub);
  font-size: 0.85rem;
  font-weight: 600;
}

._count_4d15x_132 > b {
  font-size: 0.97rem;
}

._list_4d15x_77 {
  margin-top: 13.5px;
  padding: 0 1px;
}

._row_4d15x_162 {
  display: flex;
  align-items: center;
  min-height: 3.5625rem;
  padding: 0 3px 0 0;
  border-bottom: 1px solid var(--oh-color-line-soft);
}

._row_4d15x_162:last-child {
  border-bottom-color: transparent;
}

._rank_4d15x_174 {
  flex: none;
  width: 2.3125rem;
  padding-left: 1px;
  color: var(--oh-color-text-muted);
  font-size: 0.83rem;
  font-weight: 700;
  text-align: center;
}

._name_4d15x_184 {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  margin-left: 12.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.83rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._notice_4d15x_197 {
  margin-top: 20px;
  padding: 11.5px 17px 12.5px 16px;
  border-radius: 16px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-sub);
  font-size: 0.882rem;
  line-height: 1.33rem;
  word-break: break-all;
}

html[data-edition='to-be'] ._subHeader_4d15x_13 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_4d15x_23 {
  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);
}

html[data-edition='to-be'] ._back_4d15x_23::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_4d15x_23 > svg {
  flex: none;
  width: var(--oh-size-icon-md);
  height: auto;
}

html[data-edition='to-be'] ._pageTitle_4d15x_39 {
  margin-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._panel_4d15x_53 {
  padding: var(--oh-space-6) var(--oh-space-4) var(--oh-space-10);
  background: var(--oh-color-brand-deep-fill);
}

html[data-edition='to-be'] ._course_4d15x_63 {
  color: var(--oh-color-text-inverse);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._headline_4d15x_70 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._listArea_4d15x_77 {
  padding: 0 var(--oh-space-4) var(--oh-space-10);
}

html[data-edition='to-be'] ._me_4d15x_82 {
  margin-top: calc(var(--oh-space-3) * -1);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._meRank_4d15x_97 {
  min-width: 1.5rem;
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._meAvatar_4d15x_105 {
  background: var(--oh-color-brand-deep-fill);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._meName_4d15x_120 {
  margin-left: var(--oh-space-3);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._meCount_4d15x_131,
html[data-edition='to-be'] ._count_4d15x_132 {
  margin-left: var(--oh-space-2);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._meCount_4d15x_131 > b {
  font-size: var(--oh-text-subtitle);
}

html[data-edition='to-be'] ._meCount_4d15x_131 > small,
html[data-edition='to-be'] ._count_4d15x_132 > small {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._count_4d15x_132 > b {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._list_4d15x_77 {
  margin-top: var(--oh-space-3);
  padding: 0;
}

html[data-edition='to-be'] ._row_4d15x_162 {
  min-height: 3.5rem;
  padding: 0;
}

html[data-edition='to-be'] ._rank_4d15x_174 {
  width: 2.5rem;
  padding-left: 0;
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
}

html[data-edition='to-be'] ._name_4d15x_184 {
  margin-left: var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._notice_4d15x_197 {
  margin-top: var(--oh-space-5);
  padding: var(--oh-space-3) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_4d15x_23 {
    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);
  }
}

._list_1jprr_9 {
  position: relative;
  flex: 1;
  min-height: 0;
  margin: 5.25px 0 12.5px;
  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);
}

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

._row_1jprr_25 {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 8.7px 23px 10.1px 40.5px;
  border-bottom: 1px solid var(--oh-color-line-soft);
  background: var(--oh-color-bg);
}

._row_1jprr_25:last-child {
  border-bottom: 0;
}

@media (hover: hover) {
  ._row_1jprr_25:hover {
    background: var(--oh-color-row-hover);
  }
}

._row_1jprr_25:active {
  background: var(--oh-color-row-hover);
}

._row_1jprr_25[data-current='true'] {
  background: var(--oh-lesson-row-current);
}

._speaker_1jprr_52 {
  position: absolute;
  top: 15px;
  left: 7px;
  display: flex;
  color: var(--oh-lesson-speaker);
}

._number_1jprr_60 {
  flex: none;
  margin-right: 9px;
  color: var(--oh-color-text-body);
  font-size: 1.1625rem;
  line-height: 1.46875rem;
}

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

._english_1jprr_73 {
  color: var(--oh-color-text-body);
  font-size: 1.1625rem;
  line-height: 1.46875rem;
  word-break: normal;
}

._korean_1jprr_80 {
  margin-top: 6.2px;
  color: var(--oh-color-text-body);
  font-size: 0.8156rem;
  line-height: 1.1875rem;
}

._row_1jprr_25[data-current='true'] ._number_1jprr_60,
._row_1jprr_25[data-current='true'] ._english_1jprr_73 {
  color: var(--oh-color-text-strong);
}

html[data-edition='to-be'] ._list_1jprr_9 {
  margin: var(--oh-space-2) 0 var(--oh-space-3);
}

html[data-edition='to-be'] ._row_1jprr_25 {
  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));
}

html[data-edition='to-be'] ._speaker_1jprr_52 {
  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);
}

html[data-edition='to-be'] ._speaker_1jprr_52 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._number_1jprr_60 {
  margin-right: var(--oh-space-2);
  font-size: var(--oh-text-reading);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._english_1jprr_73 {
  font-size: var(--oh-text-reading);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._korean_1jprr_80 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._toolbar_1e5uu_10 {
  --lesson-toolbar-height: 4.53125rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  min-height: var(--lesson-toolbar-height);
  padding: 0 10px env(safe-area-inset-bottom);
  background: var(--oh-lesson-bar);
  box-shadow: 0 -1.5px 1px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
}

._tool_1e5uu_10 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding-top: 12.5px;
}

._tool_1e5uu_10:focus-visible {
  outline-color: var(--oh-color-text-inverse);
  outline-offset: -3px;
}

._icon_1e5uu_37 {
  position: relative;
  display: flex;
}

._badge_1e5uu_42 {
  position: absolute;
  top: -16.25px;
  left: calc(50% + 16px);
  display: flex;
  align-items: center;
  height: 1.078rem;
  padding: 0 6.75px;
  border-radius: 0.54rem;
  background: var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  translate: -50% 0;
}

._label_1e5uu_60 {
  margin-top: 1.5px;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.25rem;
  white-space: nowrap;
}

dialog._layer_1e5uu_68::backdrop {
  background: var(--oh-lesson-menu-scrim);
}

._stage_1e5uu_72 {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 100%;
}

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

._menu_1e5uu_84 {
  position: absolute;
  bottom: calc(var(--lesson-toolbar-height) + env(safe-area-inset-bottom) - 2px);
  left: clamp(0px, calc(10px + (100% - 20px) * (var(--tool-index) + 0.5) / 5 - 51.75px), calc(100% - 111.5px));
  width: 103.5px;
  max-height: calc(100% - var(--lesson-toolbar-height) - 8px);
  padding: 3.5px 4.25px;
  overflow-y: auto;
  border-radius: 11px;
  background: var(--oh-color-bg);
}

._heading_1e5uu_96,
._option_1e5uu_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.3125rem;
  color: var(--oh-color-text-body);
  font-size: 0.82rem;
  line-height: 1;
  white-space: nowrap;
}

._option_1e5uu_97 {
  border-radius: 7px;
}

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

._option_1e5uu_97[aria-pressed='true'] {
  background: var(--oh-color-brand);
  box-shadow: 0 0 0 1px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
}

html[data-edition='to-be'] ._toolbar_1e5uu_10 {
  padding: 0 var(--oh-space-2) env(safe-area-inset-bottom);
}

html[data-edition='to-be'] ._tool_1e5uu_10 {
  gap: var(--oh-space-1);
  container-type: inline-size;
  padding: var(--oh-space-3) 0 var(--oh-space-2);
}

html[data-edition='to-be'] ._icon_1e5uu_37 > svg {
  width: auto;
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._badge_1e5uu_42 {
  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);
}

html[data-edition='to-be'] ._label_1e5uu_60 {
  max-width: 100%;
  margin-top: 0;
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
  text-align: center;
  white-space: normal;
}

html[data-edition='to-be'] ._menu_1e5uu_84 {
  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);
}

html[data-edition='to-be'] ._heading_1e5uu_96,
html[data-edition='to-be'] ._option_1e5uu_97 {
  min-height: var(--oh-size-control-md);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._heading_1e5uu_96 {
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._option_1e5uu_97[aria-pressed='true'] {
  color: var(--oh-color-on-fill-ink);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._heading_1e5uu_96,
  html[data-edition='to-be'] ._option_1e5uu_97 {
    min-height: var(--oh-size-control-lg);
  }
}

@container (max-width: 3.5em) {
  html[data-edition='to-be'] ._icon_1e5uu_37 {
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--oh-space-1);
    width: 100%;
  }

  html[data-edition='to-be'] ._badge_1e5uu_42 {
    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;
  }
}

._frame_1h95a_8 {
  flex: none;
  margin: 0 10px;
}

._stage_1h95a_13 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 840 / 474;
  overflow: hidden;
  border-radius: 7px;
  background: var(--oh-color-bg);
  color: var(--oh-dubbing-video-mark);
  cursor: pointer;
}

._stage_1h95a_13[data-blank='true'] {
  background: var(--oh-watch-stage);
}

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

._picture_1h95a_33,
._veil_1h95a_34 {
  position: absolute;
  inset: 0;
}

._veil_1h95a_34 {
  background: var(--oh-color-scrim-plain);
}

._play_1h95a_43,
._disc_1h95a_44,
._ring_1h95a_45 {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

._play_1h95a_43 {
  display: flex;
  color: var(--oh-lesson-video-play);
}

._disc_1h95a_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: var(--oh-dubbing-video-mark-disc);
}

._ring_1h95a_45 {
  width: 32px;
  height: 32px;
  border: 2px solid var(--oh-dubbing-video-mark);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _lesson-ring-turn_1h95a_1 800ms linear infinite;
}

@keyframes _lesson-ring-turn_1h95a_1 {
  from {
    rotate: 0deg;
  }

  to {
    rotate: 360deg;
  }
}

html[data-edition='to-be'] ._frame_1h95a_8 {
  margin: 0 var(--oh-space-4);
}

._slide_9hrm1_7 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  margin: 40.5px 0 31px;
}

._viewport_9hrm1_16 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

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

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

._content_9hrm1_36 {
  flex: none;
  margin: auto 0;
  padding: 15px 0;
}

._arrow_9hrm1_42 {
  position: absolute;
  top: calc(50% - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oh-lesson-chevron);
  translate: 0 -50%;
}

._arrow_9hrm1_42[data-side='previous'] {
  left: 11.5px;
}

._arrow_9hrm1_42[data-side='next'] {
  right: 12px;
}

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

._arrow_9hrm1_42::after {
  position: absolute;
  inset: -14px -12px;
  content: '';
}

html[data-edition='to-be'] ._slide_9hrm1_7 {
  --slide-arrow-box: var(--oh-size-icon-button);
  margin: var(--oh-space-10) 0 var(--oh-space-8);
}

html[data-edition='to-be'] ._content_9hrm1_36 {
  padding: var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._arrow_9hrm1_42 {
  top: 50%;
  width: var(--slide-arrow-box);
  height: var(--slide-arrow-box);
}

html[data-edition='to-be'] ._arrow_9hrm1_42[data-side='previous'] {
  left: calc(var(--oh-space-4) - (var(--slide-arrow-box) - var(--oh-size-icon-md)) / 2);
}

html[data-edition='to-be'] ._arrow_9hrm1_42[data-side='next'] {
  right: calc(var(--oh-space-4) - (var(--slide-arrow-box) - var(--oh-size-icon-md)) / 2);
}

html[data-edition='to-be'] ._arrow_9hrm1_42::after {
  inset: 0;
}

html[data-edition='to-be'] ._arrow_9hrm1_42 > svg {
  box-sizing: border-box;
  width: auto;
  height: var(--oh-size-icon-md);
  padding: 2px 0;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._slide_9hrm1_7 {
    --slide-arrow-box: var(--oh-size-icon-button-touch);
  }
}

._controls_1eco1_8 {
  display: flex;
  align-items: center;
  flex: none;
  min-height: 1.625rem;
  margin-top: 6.25px;
  padding: 0 10px 0 10px;
}

._countLabel_1eco1_17 {
  flex: none;
  color: var(--oh-color-text-strong);
  padding-bottom: 1.5px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
}

._counts_1eco1_26 {
  position: relative;
  display: flex;
  flex: none;
  width: 6.125rem;
  height: 1.59375rem;
  margin-left: 5px;
  padding: 0 3px;
  border-radius: 0.8rem;
  background: var(--oh-lesson-segment-bg);
}

._thumb_1eco1_38 {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: calc((100% - 6px) / 3);
  border-radius: 0.6rem;
  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);
}

._counts_1eco1_26[data-count='2'] ._thumb_1eco1_38 {
  translate: 100% 0;
}

._counts_1eco1_26[data-count='3'] ._thumb_1eco1_38 {
  translate: 200% 0;
}

._count_1eco1_17 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--oh-lesson-segment-text);
  font-size: 0.7rem;
  line-height: 1;
}

._count_1eco1_17[aria-checked='true'] {
  color: var(--oh-color-brand-deep);
  font-size: 0.79rem;
  font-weight: 700;
}

._read_1eco1_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 5.1875rem;
  height: 1.625rem;
  margin-left: auto;
  padding: 0 10px 3.5px;
  border: 1px solid var(--oh-color-brand-outline-soft);
  border-radius: 7.5px;
  background: var(--oh-color-bg);
  box-shadow: 0 0 0 1.5px var(--oh-color-brand-glow);
  color: var(--oh-lesson-read-text);
  font-size: 0.678rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 330ms linear;
}

._read_1eco1_75[aria-pressed='true'],
._read_1eco1_75:active {
  background: var(--oh-lesson-row-current);
}

._sentences_1eco1_101 {
  display: flex;
  flex-direction: column;
  gap: 14.4px;
}

._speaker_1eco1_107 {
  display: flex;
  margin-left: 28.5px;
  color: var(--oh-lesson-speaker);
}

._english_1eco1_113 {
  margin-top: 20.7px;
  padding: 0 34px;
  color: var(--oh-color-text-strong);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.09375rem;
  word-break: normal;
}

._korean_1eco1_123 {
  margin-top: 18.4px;
  padding: 0 30px;
  color: var(--oh-color-text);
  font-size: 1.094rem;
  line-height: 1.625rem;
}

html[data-edition='to-be'] ._controls_1eco1_8 {
  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);
}

html[data-edition='to-be'] ._countLabel_1eco1_17 {
  padding-bottom: 0;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._counts_1eco1_26 {
  width: calc(3 * var(--oh-size-hit) + 6px);
  height: var(--oh-size-control-sm);
  margin-left: 0;
  border-radius: calc(var(--oh-size-control-sm) / 2);
}

html[data-edition='to-be'] ._thumb_1eco1_38 {
  border-radius: calc(var(--oh-size-control-sm) / 2 - 3px);
}

html[data-edition='to-be'] ._count_1eco1_17 {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._count_1eco1_17::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

html[data-edition='to-be'] ._count_1eco1_17[aria-checked='true'] {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._read_1eco1_75 {
  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);
}

html[data-edition='to-be'] ._read_1eco1_75::after {
  position: absolute;
  inset: -7px -1px;
  content: '';
}

html[data-edition='to-be'] ._sentences_1eco1_101 {
  gap: var(--oh-space-4);
}

html[data-edition='to-be'] ._speaker_1eco1_107 {
  margin-left: var(--oh-space-10);
}

html[data-edition='to-be'] ._speaker_1eco1_107 > svg {
  width: var(--oh-size-icon-xl);
  height: auto;
}

html[data-edition='to-be'] ._english_1eco1_113 {
  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);
}

html[data-edition='to-be'] ._korean_1eco1_123 {
  margin-top: var(--oh-space-4);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

._card_1ho7v_7 {
  position: absolute;
  top: -22.25px;
  left: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 279.5px;
  max-width: calc(100% - 20px);
  min-height: 9.84375rem;
  padding: 18px 34px 0;
  border-radius: 19px;
  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_1ho7v_1 170ms cubic-bezier(0, 0, 0.2, 1);
}

@keyframes _card-appear_1ho7v_1 {
  from {
    opacity: 0.4;
    scale: 1.02;
  }
}

._word_1ho7v_35 {
  color: var(--oh-color-text-strong);
  font-size: 2.2866rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

._meaning_1ho7v_45 {
  min-height: 1.5rem;
  margin-top: 13.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.977rem;
  line-height: 1.5rem;
  text-align: center;
}

._wave_1ho7v_54 {
  display: flex;
  align-items: center;
  gap: 2.5px;
  height: 12px;
  margin-top: 17px;
}

._bar_1ho7v_62 {
  width: 3.5px;
  height: 12px;
  border-radius: 1.75px;
  background: var(--oh-lesson-card-wave);
  animation: _card-wave_1ho7v_1 1000ms ease-in-out infinite;
}

@keyframes _card-wave_1ho7v_1 {
  0%,
  100% {
    scale: 1 0.3;
  }

  50% {
    scale: 1 1;
  }
}

html[data-edition='to-be'] ._card_1ho7v_7 {
  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);
}

html[data-edition='to-be'] ._word_1ho7v_35 {
  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;
}

html[data-edition='to-be'] ._meaning_1ho7v_45 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._wave_1ho7v_54 {
  margin-top: var(--oh-space-4);
}

._controls_lqrht_10 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: none;
  gap: 8.5px;
  min-height: 1.5625rem;
  margin-top: 7.75px;
  padding: 0 10.5px;
}

._hint_lqrht_21 {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  min-height: 1.28125rem;
  padding: 0 11.5px 0 12px;
  border-radius: 0.65rem;
  background: var(--oh-lesson-mint-soft);
  box-shadow: 0 0 5px 2px var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  font-size: 0.6763rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

._hintSpeaker_lqrht_38 {
  display: flex;
  flex: none;
  margin-right: 8.5px;
  color: var(--oh-lesson-speaker);
}

._hintClose_lqrht_45 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-left: 11.5px;
}

._hintClose_lqrht_45::after {
  position: absolute;
  inset: -12px -10px;
  content: '';
}

._modes_lqrht_60 {
  position: relative;
  display: flex;
  flex: none;
  height: 1.5625rem;
  padding: 0 3px;
  border-radius: 0.78rem;
  background: var(--oh-lesson-segment-bg);
}

._thumb_lqrht_70 {
  position: absolute;
  top: 3.25px;
  bottom: 3.25px;
  left: 3px;
  width: 2.625rem;
  border-radius: 0.6rem;
  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);
}

._modes_lqrht_60[data-mode='wordbook'] ._thumb_lqrht_70 {
  left: calc(3px + 2.6875rem);
  width: 3.25rem;
}

._mode_lqrht_60 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  color: var(--oh-lesson-segment-text);
  font-size: 0.7rem;
  line-height: 1;
  white-space: nowrap;
}

._mode_lqrht_60[data-mode='wordbook'] {
  width: 3.3125rem;
}

._mode_lqrht_60[aria-checked='true'] {
  color: var(--oh-color-brand-deep);
  font-weight: 700;
}

._english_lqrht_110 {
  padding: 0 32.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.2344rem;
  line-height: 1.875rem;
  word-break: normal;
}

._marked_lqrht_118 {
  color: var(--oh-color-brand-deep);
}

._korean_lqrht_122 {
  margin-top: 4.45px;
  padding: 0 38px;
  color: var(--oh-color-text);
  font-size: 0.879rem;
  line-height: 1.3125rem;
}

._caption_lqrht_130 {
  display: flex;
  align-items: center;
  min-height: 1.1875rem;
  margin-top: 22.3px;
  padding: 0 52.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.7315rem;
  line-height: 1;
}

._caption_lqrht_130[data-place='wordbook'] {
  min-height: 1.25rem;
  margin-top: 0;
  padding: 0 38.5px;
}

._total_lqrht_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.09375rem;
  height: 1.1875rem;
  margin-left: 7px;
  padding: 0 3px 1px;
  border-radius: 0.6rem;
  background: var(--oh-lesson-mint-soft);
  color: var(--oh-lesson-mint-ink);
  font-size: 0.59rem;
  font-weight: 700;
  line-height: 1;
}

._total_lqrht_147[data-place='wordbook'] {
  min-width: 1.40625rem;
  height: 1.25rem;
  margin-left: 7px;
  font-size: 0.56rem;
}

._chips_lqrht_170 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 6.15px;
  padding: 0 52px;
}

._chips_lqrht_170[data-place='wordbook'] {
  gap: 6.75px 7px;
  margin-top: 7.15px;
  padding: 0 38.25px;
}

._chip_lqrht_170 {
  display: flex;
  align-items: center;
  height: 2.171875rem;
  padding: 0 12.5px 2px;
  border: 1px solid var(--oh-color-border);
  border-radius: 6px;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 1px var(--oh-lesson-chip-shadow);
  color: var(--oh-color-text-strong);
  font-size: 0.8331rem;
  line-height: 1;
  white-space: nowrap;
}

._chip_lqrht_170[data-size='large'] {
  height: 2.59375rem;
  padding: 0 13.2px 2px;
  border-radius: 7px;
  font-size: 0.92375rem;
}

._chip_lqrht_170[data-pressed='true'],
._chip_lqrht_170:active {
  border-color: var(--oh-lesson-chip-pressed-border);
  background: var(--oh-color-row-hover);
}

._empty_lqrht_212 {
  margin-top: 6.15px;
  padding: 0 52.5px;
  height: 2.296875rem;
  color: var(--oh-color-text-muted);
  font-size: 0.8075rem;
  line-height: 2.09375rem;
}

._wordbook_lqrht_221 {
  flex: 1;
  min-height: 0;
  padding: 4.1px 0 14px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

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

html[data-edition='to-be'] ._controls_lqrht_10 {
  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);
}

html[data-edition='to-be'] ._hint_lqrht_21 {
  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;
}

html[data-edition='to-be'] ._hintSpeaker_lqrht_38 {
  margin-right: var(--oh-space-1);
}

html[data-edition='to-be'] ._hintSpeaker_lqrht_38 > svg {
  width: var(--oh-size-icon-sm);
  height: auto;
}

html[data-edition='to-be'] ._hintClose_lqrht_45 {
  margin-left: var(--oh-space-2);
}

html[data-edition='to-be'] ._hintClose_lqrht_45::after {
  inset: -14px -10px -14px -18px;
}

html[data-edition='to-be'] ._hintClose_lqrht_45 > svg {
  box-sizing: border-box;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  padding: 3px;
}

html[data-edition='to-be'] ._modes_lqrht_60 {
  height: var(--oh-size-control-sm);
  border-radius: calc(var(--oh-size-control-sm) / 2);
}

html[data-edition='to-be'] ._thumb_lqrht_70 {
  top: 3px;
  bottom: 3px;
  width: 4rem;
  border-radius: calc(var(--oh-size-control-sm) / 2 - 3px);
}

html[data-edition='to-be'] ._modes_lqrht_60[data-mode='wordbook'] ._thumb_lqrht_70 {
  left: calc(3px + 4rem);
  width: 4rem;
}

html[data-edition='to-be'] ._mode_lqrht_60 {
  width: 4rem;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._mode_lqrht_60::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

html[data-edition='to-be'] ._mode_lqrht_60[data-mode='wordbook'] {
  width: 4rem;
}

html[data-edition='to-be'] ._english_lqrht_110 {
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._korean_lqrht_122 {
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-10);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._caption_lqrht_130 {
  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);
}

html[data-edition='to-be'] ._caption_lqrht_130[data-place='wordbook'] {
  min-height: 1.5rem;
  margin-top: 0;
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._total_lqrht_147 {
  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);
}

html[data-edition='to-be'] ._total_lqrht_147[data-place='wordbook'] {
  min-width: 1.5rem;
  height: auto;
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._chips_lqrht_170 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-10);
}

html[data-edition='to-be'] ._chips_lqrht_170[data-place='wordbook'] {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._chip_lqrht_170 {
  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);
}

html[data-edition='to-be'] ._chip_lqrht_170[data-size='large'] {
  height: auto;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._empty_lqrht_212 {
  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);
}

html[data-edition='to-be'] ._wordbook_lqrht_221 {
  padding: var(--oh-space-2) 0 var(--oh-space-4);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._chip_lqrht_170 {
    min-height: max(var(--oh-size-control-sm), var(--oh-size-hit));
  }

  html[data-edition='to-be'] ._chip_lqrht_170[data-size='large'] {
    min-height: max(var(--oh-size-control-md), var(--oh-size-hit));
  }
}

._screen_11pag_9 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
  background: var(--oh-color-bg);
}

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

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

._header_11pag_28 {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  min-height: 2.875rem;
  padding: 0 0 0 42px;
  background: var(--oh-lesson-bar);
  color: var(--oh-color-text-inverse);
}

._back_11pag_39 {
  position: absolute;
  top: 50%;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.5px;
  height: 30.5px;
  border-radius: 6px;
  translate: 0 -50%;
}

._back_11pag_39:active {
  background: var(--oh-lesson-bar-pressed);
}

._back_11pag_39::after {
  position: absolute;
  inset: -7px -6px;
  content: '';
}

._title_11pag_63 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-size: 0.9075rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._main_11pag_75 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

._tabs_11pag_83 {
  display: flex;
  flex: none;
  justify-content: center;
  gap: 8.75px;
  padding: 11px 10px 10.75px;
}

._tab_11pag_83 {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.78125rem;
  height: 2.4375rem;
  padding: 0 17.6px 3.5px;
  border-radius: 1.21875rem;
  background: var(--oh-lesson-tab-bg);
  color: var(--oh-lesson-tab-text);
  font-size: 0.925rem;
  line-height: 1;
  white-space: nowrap;
}

._tab_11pag_83[aria-selected='true'] {
  background: none;
  color: var(--oh-color-text-inverse);
  font-weight: 700;
}

._tab_11pag_83[aria-selected='true']::before {
  position: absolute;
  inset: 3px 0.75px;
  z-index: -1;
  border-radius: 1.03125rem;
  background: var(--oh-lesson-bar);
  box-shadow:
    0 0 0 1.5px var(--oh-color-brand-glow),
    0 3px 4px var(--oh-lesson-tab-shadow);
  content: '';
}

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

html[data-edition='to-be'] ._screen_11pag_9 {
  --lesson-back-box: var(--oh-size-icon-button);
  container-type: size;
}

html[data-edition='to-be'] ._header_11pag_28 {
  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));
}

html[data-edition='to-be'] ._back_11pag_39 {
  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);
}

html[data-edition='to-be'] ._back_11pag_39::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_11pag_39 > svg {
  box-sizing: border-box;
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  padding: 2px;
}

html[data-edition='to-be'] ._title_11pag_63 {
  overflow: visible;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
  text-overflow: clip;
  text-wrap: balance;
  white-space: normal;
}

html[data-edition='to-be'] ._tabs_11pag_83 {
  flex-wrap: wrap;
  gap: var(--oh-space-3) var(--oh-space-2);
  padding: var(--oh-space-3) var(--oh-space-4);
}

html[data-edition='to-be'] ._tab_11pag_83 {
  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);
}

html[data-edition='to-be'] ._tab_11pag_83::after {
  position: absolute;
  inset: -2px 0;
  content: '';
}

html[data-edition='to-be'] ._tab_11pag_83[aria-selected='true']::before {
  border-radius: calc(var(--oh-size-control-md) / 2 - 3px);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._screen_11pag_9 {
    --lesson-back-box: var(--oh-size-icon-button-touch);
  }
}

@container (max-height: 36em) {
  html[data-edition='to-be'] ._main_11pag_75 {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  html[data-edition='to-be'] ._panel_11pag_126 {
    flex: none;
  }
}

._failure_6ury8_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 100dvh;
  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_6ury8_5 {
  max-width: var(--oh-column-width);
  margin: 0 auto;
}

._failureLink_6ury8_24 {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 16px;
  color: var(--oh-color-brand-deep);
  font-weight: 700;
}

html[data-edition='to-be'] ._failureLink_6ury8_24 {
  min-height: var(--oh-size-control-lg);
}

._page_8jdz2_6 {
  min-height: 100dvh;
  background: var(--oh-color-bg);
  font-family: var(--oh-store-font);
}

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

._band_8jdz2_17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 9.3125rem;
  padding-top: 31.5px;
  background: var(--oh-store-band);
}

._service_8jdz2_26 {
  margin-bottom: 15px;
  color: var(--oh-store-text-sub);
  font-size: 0.855rem;
  font-weight: 400;
  line-height: 1.5;
}

._body_8jdz2_34 {
  padding: 10px 16px 40px;
}

._social_8jdz2_38,
._submit_8jdz2_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.03125rem;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1;
}

._social_8jdz2_38 {
  gap: 9.5px;
  font-weight: 500;
  background: var(--oh-store-social);
  color: var(--oh-store-social-text);
  font-size: 0.96rem;
}

._socialMark_8jdz2_58 {
  width: 15.5px;
  height: 14.5px;
  border-radius: 50%;
}

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

._divider_8jdz2_70 {
  display: flex;
  align-items: center;
  gap: 13.5px;
  margin-top: 25px;
  color: var(--oh-color-text-faint);
  font-size: 0.775rem;
  line-height: 1.5;
  white-space: nowrap;
}

._divider_8jdz2_70::before,
._divider_8jdz2_70::after {
  flex: 1;
  height: 1px;
  background: var(--oh-store-border);
  content: '';
}

._field_8jdz2_89 {
  display: block;
  margin-top: 15.5px;
}

._field_8jdz2_89:first-of-type {
  margin-top: 24.5px;
}

._fieldLabel_8jdz2_98 {
  display: block;
  margin-left: 1px;
  color: var(--oh-color-text);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
}

._input_8jdz2_107 {
  display: block;
  width: 100%;
  min-height: 2.75rem;
  margin-top: 7.5px;
  padding: 0 13px;
  border: 1px solid var(--oh-color-border);
  border-radius: 5px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 1rem;
}

._input_8jdz2_107::placeholder {
  color: var(--oh-color-text-faint);
}

._submit_8jdz2_39 {
  margin-top: 24.5px;
  background: var(--oh-store-submit);
  color: var(--oh-color-text-inverse);
  font-size: 0.91rem;
}

._finds_8jdz2_131 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18.5px;
  margin-top: 20px;
}

._find_8jdz2_66 {
  color: var(--oh-color-text-strong);
  font-size: 0.775rem;
  line-height: 1.5;
}

._findBar_8jdz2_145 {
  width: 1px;
  height: 9.5px;
  background: var(--oh-store-border);
}

html[data-edition='to-be'] ._band_8jdz2_17 {
  padding-top: var(--oh-space-8);
}

html[data-edition='to-be'] ._service_8jdz2_26 {
  margin-bottom: var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._body_8jdz2_34 {
  padding: var(--oh-space-4) var(--oh-space-4) var(--oh-space-10);
}

html[data-edition='to-be'] ._social_8jdz2_38,
html[data-edition='to-be'] ._submit_8jdz2_39 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._social_8jdz2_38 {
  gap: var(--oh-space-2);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._socialMark_8jdz2_58 {
  flex: none;
}

html[data-edition='to-be'] ._divider_8jdz2_70 {
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._field_8jdz2_89 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._field_8jdz2_89:first-of-type {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._fieldLabel_8jdz2_98 {
  margin-left: 0;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._input_8jdz2_107 {
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
  border-color: var(--oh-color-input-border);
}

html[data-edition='to-be'] ._submit_8jdz2_39 {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._finds_8jdz2_131 {
  gap: var(--oh-space-4);
  margin-top: var(--oh-space-5);
}

html[data-edition='to-be'] ._find_8jdz2_66 {
  position: relative;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._find_8jdz2_66::after {
  position: absolute;
  inset: -12px 0;
  content: '';
}

._row_1hvha_5 {
  display: flex;
  align-items: center;
  min-height: 4.5625rem;
  padding: 0 16.5px 0 16px;
  border-bottom: 1px solid var(--oh-color-line-soft);
}

._avatar_1hvha_13 {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--oh-mypage-avatar);
}

._name_1hvha_21 {
  overflow: hidden;
  min-width: 0;
  margin-left: 12.25px;
  color: var(--oh-color-text-strong);
  font-size: 0.947rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sub_1hvha_33 {
  flex: none;
  margin: 1px auto 0 5.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.698rem;
  line-height: 1.5rem;
  white-space: nowrap;
}

._go_1hvha_42 {
  flex: none;
  color: var(--oh-color-border-strong);
}

html[data-edition='to-be'] ._row_1hvha_5 {
  min-height: 0;
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._name_1hvha_21 {
  overflow: visible;
  margin-left: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-overflow: clip;
  white-space: normal;
}

html[data-edition='to-be'] ._sub_1hvha_33 {
  margin: 0 auto 0 var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._go_1hvha_42 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

._stepper_1txk0_5 {
  display: flex;
  align-items: center;
  color: var(--stepper-text, var(--oh-color-text));
  font-size: var(--stepper-font, 0.818rem);
  font-weight: 700;
  line-height: 1.25rem;
  white-space: nowrap;
}

._label_1txk0_15 {
  margin: 0 var(--stepper-gap, 11.5px);
}

._arrow_1txk0_19 {
  position: relative;
  display: flex;
  flex: none;
  color: var(--stepper-arrow, var(--oh-color-text));
}

._arrow_1txk0_19[aria-disabled='true'] {
  color: var(--stepper-arrow-off, var(--oh-color-text-disabled));
  cursor: default;
}

._arrow_1txk0_19::after {
  position: absolute;
  inset: -13px -10px;
  content: '';
}

html[data-edition='to-be'] ._stepper_1txk0_5 {
  min-width: 0;
  font-size: var(--stepper-font, var(--oh-text-sm));
  line-height: var(--oh-leading-heading);
  white-space: normal;
}

html[data-edition='to-be'] ._label_1txk0_15 {
  min-width: 0;
  margin: 0;
  text-align: center;
}

html[data-edition='to-be'] ._arrow_1txk0_19 {
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._arrow_1txk0_19 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._arrow_1txk0_19::after {
  content: none;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._arrow_1txk0_19 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._card_nwy0q_7 {
  min-height: 162.5px;
  padding: 17.75px 18.5px 0;
  border: 1px solid var(--oh-pill-rate-complete-border);
  border-radius: 14px;
  background: var(--oh-pill-rate-complete-bg);
  color: var(--oh-pill-rate-complete-value);
}

._card_nwy0q_7[data-empty='true'] {
  min-height: 116px;
  border-color: var(--oh-mypage-rate-empty-border);
  background: var(--oh-mypage-rate-empty-bg);
  color: var(--oh-mypage-rate-empty-text);
}

._head_nwy0q_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
}

._title_nwy0q_30 {
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._stepper_nwy0q_36 {
  margin-right: -2px;
  --stepper-text: currentcolor;
  --stepper-arrow: var(--oh-mypage-rate-arrow);
  --stepper-arrow-off: var(--oh-mypage-rate-arrow-off);
}

._percent_nwy0q_43 {
  margin-top: 4.25px;
  font-size: 2.875rem;
  font-weight: 700;
  line-height: 3.375rem;
  letter-spacing: -0.01em;
}

._percent_nwy0q_43 small {
  margin-left: 2.5px;
  font-size: 1.3rem;
  line-height: 1;
}

._track_nwy0q_57 {
  overflow: hidden;
  height: 8px;
  margin-top: 10.5px;
  border-radius: 999px;
  background: var(--oh-mypage-tree-track);
}

._fill_nwy0q_65 {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--oh-mypage-rate-fill);
}

._detail_nwy0q_72 {
  margin-top: 7.5px;
  color: var(--oh-pill-rate-complete-label);
  font-size: 0.74rem;
  line-height: 1.125rem;
}

._detail_nwy0q_72 strong {
  color: var(--oh-pill-rate-complete-value);
  font-weight: 700;
}

._notice_nwy0q_84 {
  margin-top: 28.25px;
  color: var(--oh-mypage-rate-empty-notice);
  font-size: 0.78rem;
  line-height: 1.5rem;
  text-align: center;
}

html[data-edition='to-be'] ._card_nwy0q_7,
html[data-edition='to-be'] ._card_nwy0q_7[data-empty='true'] {
  min-height: 0;
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._head_nwy0q_23 {
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._title_nwy0q_30 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._stepper_nwy0q_36 {
  margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
  margin-left: auto;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_nwy0q_23 {
    min-height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._stepper_nwy0q_36 {
    margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._percent_nwy0q_43 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-display);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._percent_nwy0q_43 small {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._track_nwy0q_57 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._detail_nwy0q_72 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._notice_nwy0q_84 {
  margin: var(--oh-space-4) 0 var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._head_1bfcf_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
}

._title_1bfcf_14 {
  color: var(--oh-color-text-strong);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._total_1bfcf_21 {
  position: relative;
  top: -1.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.969rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._plot_1bfcf_30 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin: 11px -2px 0;
}

._plot_1bfcf_30[data-recorded='true']::before {
  position: absolute;
  top: 18.25px;
  right: 2px;
  left: 2px;
  height: 1px;
  background: repeating-linear-gradient(to right, var(--oh-mypage-chart-guide) 0 2.5px, transparent 2.5px 4px);
  content: '';
}

._column_1bfcf_48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

._value_1bfcf_55 {
  color: var(--oh-color-text-sub);
  font-size: 0.8rem;
  line-height: 0.875rem;
}

._column_1bfcf_48[data-current='true'] ._value_1bfcf_55 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._value_1bfcf_55[data-filled='true'] {
  color: var(--oh-color-text-strong);
  font-size: 0.6rem;
  font-weight: 700;
}

._barSlot_1bfcf_73 {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 32.5px;
  max-width: 80%;
  height: 47px;
  margin-top: 4.25px;
}

._bar_1bfcf_73 {
  display: block;
  width: 100%;
  border-radius: 3.5px;
  background: var(--oh-mypage-time-bar);
}

._plot_1bfcf_30[data-tone='amount'] ._bar_1bfcf_73 {
  background: var(--oh-color-brand);
}

._label_1bfcf_94 {
  margin-top: 3.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.61rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

._column_1bfcf_48[data-current='true'] ._label_1bfcf_94 {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._foot_1bfcf_107 {
  display: flex;
  justify-content: space-between;
  margin-top: 5.75px;
  font-size: 0.62rem;
  line-height: 0.875rem;
}

._average_1bfcf_115 {
  color: var(--oh-color-text-faint);
}

._unit_1bfcf_119 {
  color: var(--oh-mypage-unit);
}

html[data-edition='to-be'] ._title_1bfcf_14 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._total_1bfcf_21 {
  top: 0;
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._plot_1bfcf_30 {
  overflow-x: auto;
  grid-template-columns: repeat(7, minmax(max-content, 1fr));
  margin: var(--oh-space-3) 0 0;
}

html[data-edition='to-be'] ._plot_1bfcf_30[data-recorded='true']::before {
  top: calc(var(--oh-text-caption) * var(--oh-leading-body) + var(--oh-space-1));
  right: 0;
  left: 0;
}

html[data-edition='to-be'] ._value_1bfcf_55,
html[data-edition='to-be'] ._value_1bfcf_55[data-filled='true'] {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._barSlot_1bfcf_73 {
  width: var(--oh-space-8);
  height: var(--oh-space-12);
  margin-top: var(--oh-space-1);
}

html[data-edition='to-be'] ._label_1bfcf_94 {
  margin-top: var(--oh-space-1);
  padding: 0 var(--oh-space-1);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._foot_1bfcf_107 {
  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);
}

._card_1ihuv_9 {
  min-height: 248px;
  padding: 14.5px 15px 16.5px;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: 14px;
  background: var(--oh-color-bg);
}

._periods_1ihuv_17 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5px;
  padding: 3px;
  border-radius: 10px;
  background: var(--oh-pill-time-bg);
}

._period_1ihuv_17 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  border-radius: 8px;
  color: var(--oh-color-text-muted);
  font-size: 0.756rem;
  line-height: 1;
  white-space: nowrap;
}

._period_1ihuv_17[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_1ihuv_17[aria-disabled='true'],
._row_1ihuv_46[aria-disabled='true'] {
  cursor: default;
}

._range_1ihuv_50 {
  margin: 7.75px 0.5px 17.75px;
  color: var(--oh-color-text-faint);
  font-size: 0.706rem;
  line-height: 1rem;
  text-align: right;
}

._divider_1ihuv_58 {
  height: 1px;
  margin: 16.25px 0 30px;
  border: 0;
  background: var(--oh-color-line-soft);
}

._metric_1ihuv_65 {
  margin-left: 8.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.7rem;
  font-weight: 400;
}

._rows_1ihuv_72 {
  display: flex;
  flex-direction: column;
  gap: 3.25px;
  margin-top: 14.5px;
}

._row_1ihuv_46 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.75rem;
  padding: 0 53.5px 0 10.5px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--oh-color-text-body);
  font-size: 0.756rem;
  line-height: 1.25rem;
}

._row_1ihuv_46[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_1ihuv_99 {
  flex: none;
  width: 6.5px;
  height: 6.5px;
  margin-right: 8.5px;
  border-radius: 50%;
}

._row_1ihuv_46[aria-pressed='true'] ._dot_1ihuv_99 {
  background: var(--oh-color-brand);
}

._rowLabel_1ihuv_111 {
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._rowValue_1ihuv_120 {
  flex: none;
  color: var(--oh-color-text-strong);
  font-size: 0.947rem;
  font-weight: 700;
}

html[data-edition='to-be'] ._card_1ihuv_9 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._periods_1ihuv_17 {
  gap: 0;
  padding: var(--oh-space-1);
}

html[data-edition='to-be'] ._period_1ihuv_17 {
  position: relative;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._period_1ihuv_17::after {
  position: absolute;
  inset: calc(var(--oh-space-1) * -1) 0;
  content: '';
}

html[data-edition='to-be'] ._range_1ihuv_50 {
  margin: var(--oh-space-2) 0 var(--oh-space-4);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._divider_1ihuv_58 {
  margin: var(--oh-space-4) 0 var(--oh-space-6);
}

html[data-edition='to-be'] ._metric_1ihuv_65 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._rows_1ihuv_72 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._row_1ihuv_46 {
  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);
}

html[data-edition='to-be'] ._dot_1ihuv_99 {
  width: var(--oh-space-2);
  height: var(--oh-space-2);
  margin-right: 0;
}

html[data-edition='to-be'] ._row_1ihuv_46[aria-pressed='true'] ._dot_1ihuv_99 {
  background: var(--oh-color-brand-graphic);
}

html[data-edition='to-be'] ._rowLabel_1ihuv_111 {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

html[data-edition='to-be'] ._rowValue_1ihuv_120 {
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
}

._sheet_zq6c5_6 {
  min-height: 235px;
  padding: 20.25px 18.5px 24px;
}

._head_zq6c5_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
}

._title_zq6c5_18 {
  color: var(--oh-color-text-strong);
  font-size: 0.943rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._title_zq6c5_18:focus {
  outline: none;
}

._close_zq6c5_29 {
  position: relative;
  display: flex;
  flex: none;
  margin-right: 3px;
  color: var(--oh-color-text-faint);
}

._close_zq6c5_29::after {
  position: absolute;
  inset: -17px;
  content: '';
}

._lead_zq6c5_44 {
  margin-top: 7.25px;
  color: var(--oh-color-text-strong);
  font-size: 0.823rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._lines_zq6c5_52 {
  margin-top: 5.5px;
  color: var(--oh-sheet-text-sub);
  font-size: 0.795rem;
  line-height: 1.625rem;
}

._lines_zq6c5_52 li {
  position: relative;
  padding-left: 10.5px;
}

._lines_zq6c5_52 li::before {
  position: absolute;
  top: 50%;
  left: 0.5px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--oh-color-text-disabled);
  content: '';
}

html[data-edition='to-be'] ._sheet_zq6c5_6 {
  overflow-y: auto;
  min-height: 0;
  padding: var(--oh-space-3) var(--oh-space-6) var(--oh-space-6);
}

html[data-edition='to-be'] ._sheet_zq6c5_6 > * {
  flex-shrink: 0;
}

html[data-edition='to-be'] ._head_zq6c5_11 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._title_zq6c5_18 {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._close_zq6c5_29 {
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._close_zq6c5_29 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._close_zq6c5_29::after {
  content: none;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_zq6c5_11 {
    min-height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._close_zq6c5_29 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
    margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._lead_zq6c5_44 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._lines_zq6c5_52 {
  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);
}

html[data-edition='to-be'] ._lines_zq6c5_52 li {
  padding-left: var(--oh-space-3);
}

html[data-edition='to-be'] ._lines_zq6c5_52 li::before {
  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);
}

._card_1pvr9_9 {
  padding: 16px 15px 0 16px;
  border: 1px solid var(--oh-mypage-tree-border);
  border-radius: 14px;
  background: var(--oh-mypage-tree-bg);
  transform-origin: center;
}

._card_1pvr9_9[data-turn='out'] {
  animation: _fold_1pvr9_1 200ms ease-in forwards;
}

._card_1pvr9_9[data-turn='in'] {
  animation: _unfold_1pvr9_1 200ms ease-out;
}

@keyframes _fold_1pvr9_1 {
  to {
    transform: perspective(900px) rotateY(90deg);
  }
}

@keyframes _unfold_1pvr9_1 {
  from {
    transform: perspective(900px) rotateY(-90deg);
  }
}

._top_1pvr9_37 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 1.875rem;
}

._help_1pvr9_44 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.21875rem;
  height: 1.21875rem;
  margin-top: 5.5px;
  border-radius: 50%;
  background: var(--oh-color-bg);
  color: var(--oh-mypage-tree-button);
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1;
}

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

._help_1pvr9_44::after {
  position: absolute;
  inset: -12px;
  content: '';
}

._faceButton_1pvr9_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 3.75rem;
  min-height: 1.875rem;
  padding: 0 11px;
  border-radius: 999px;
  background: var(--oh-color-bg);
  box-shadow: 0 2px 6px var(--oh-mypage-tree-shadow);
  color: var(--oh-mypage-tree-button);
  font-size: 0.737rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

._body_1pvr9_89 {
  display: flex;
  align-items: flex-start;
  margin-top: 12.5px;
}

._circle_1pvr9_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background: var(--oh-color-bg);
  box-shadow: 0 3px 10px var(--oh-mypage-tree-shadow);
}

._info_1pvr9_107 {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 15.5px;
  padding-top: 19px;
}

._stage_1pvr9_114 {
  color: var(--oh-mypage-tree-strong);
  font-size: 1.046rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._growing_1pvr9_121 {
  margin-top: 6px;
  color: var(--oh-mypage-tree-sub);
  font-size: 0.761rem;
  line-height: 1.125rem;
}

._track_1pvr9_128 {
  overflow: hidden;
  height: 6.5px;
  margin: 10.5px 0.5px 0 0;
  border-radius: 999px;
  background: var(--oh-mypage-tree-track);
}

._fill_1pvr9_136 {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--oh-mypage-tree-fill);
}

._next_1pvr9_143 {
  min-height: 1.125rem;
  margin-top: 4.5px;
  color: var(--oh-tree-caption);
  font-size: 0.71rem;
  font-weight: 700;
  line-height: 1.125rem;
  padding-right: 1.5px;
  text-align: right;
}

._stats_1pvr9_154 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 20.5px 0 0;
  padding: 14.5px 0 16.75px;
  border-top: 1px solid var(--oh-mypage-tree-line);
  text-align: center;
}

._stats_1pvr9_154 > div {
  position: relative;
}

._stats_1pvr9_154 > div + div::before {
  position: absolute;
  top: -0.5px;
  left: 0;
  width: 1px;
  height: 46px;
  background: var(--oh-mypage-tree-line);
  content: '';
}

._stats_1pvr9_154 dd {
  margin: 0;
  color: var(--oh-mypage-tree-strong);
  font-size: 1.16rem;
  font-weight: 700;
  line-height: 1.625rem;
}

._stats_1pvr9_154 small {
  margin-left: 1px;
  font-size: 0.7rem;
  line-height: 1;
}

._stats_1pvr9_154 [data-longest='true'] dd {
  color: var(--oh-mypage-tree-longest);
}

._stats_1pvr9_154 dt {
  margin-top: 5.25px;
  color: var(--oh-mypage-tree-sub);
  font-size: 0.668rem;
  line-height: 1rem;
}

html[data-edition='to-be'] ._card_1pvr9_9 {
  padding: var(--oh-space-4) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._top_1pvr9_37 {
  align-items: center;
  min-height: var(--oh-size-control-sm);
}

html[data-edition='to-be'] ._help_1pvr9_44 {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._help_1pvr9_44::after {
  inset: calc(var(--oh-space-3) * -1);
}

html[data-edition='to-be'] ._faceButton_1pvr9_71 {
  position: relative;
  gap: var(--oh-space-1);
  min-height: var(--oh-size-control-sm);
  margin-left: auto;
  padding: 0 var(--oh-space-3);
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._faceButton_1pvr9_71::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

html[data-edition='to-be'] ._faceButton_1pvr9_71 svg {
  width: auto;
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._body_1pvr9_89 {
  align-items: center;
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._info_1pvr9_107 {
  margin-left: var(--oh-space-4);
  padding-top: 0;
}

html[data-edition='to-be'] ._stage_1pvr9_114 {
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._growing_1pvr9_121 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._track_1pvr9_128 {
  margin: var(--oh-space-3) 0 0;
}

html[data-edition='to-be'] ._next_1pvr9_143 {
  min-height: 0;
  margin-top: var(--oh-space-1);
  padding-right: 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._stats_1pvr9_154 {
  margin: var(--oh-space-5) 0 0;
  padding: var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._stats_1pvr9_154 > div + div::before {
  top: 0;
  bottom: 0;
  height: auto;
}

html[data-edition='to-be'] ._stats_1pvr9_154 dd {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._stats_1pvr9_154 small {
  margin-left: 0;
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._stats_1pvr9_154 dt {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

._face_xm1en_7 {
  margin-top: -2px;
  padding-bottom: 18px;
}

._head_xm1en_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.875rem;
  margin-left: -1.75px;
}

._stepper_xm1en_20 {
  --stepper-text: var(--oh-color-text-strong);
  --stepper-arrow: var(--oh-mypage-calendar-arrow);
  --stepper-arrow-off: var(--oh-mypage-calendar-arrow-off);
  --stepper-font: 0.869rem;
  margin-bottom: 3px;
}

._treeMark_xm1en_28 {
  display: flex;
  color: var(--oh-mypage-calendar-tree);
}

._table_xm1en_33 {
  width: 100%;
  margin-top: 12.5px;
  padding: 11.25px 10px 14px;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 12px;
  background: var(--oh-color-bg);
  table-layout: fixed;
  text-align: center;
}

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

._table_xm1en_33 th {
  height: 1.09375rem;
  padding: 1.5px 0 0;
  color: var(--oh-color-text-faint);
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 1rem;
}

._table_xm1en_33 th:first-child {
  color: var(--oh-mypage-calendar-sunday);
}

._table_xm1en_33 td {
  height: 34.25px;
  padding: 2.75px 0 0;
  vertical-align: top;
  color: var(--oh-color-text-disabled);
  font-size: 0.64rem;
  line-height: 1rem;
}

html[data-edition='to-be'] ._face_xm1en_7 {
  margin-top: 0;
  padding-bottom: var(--oh-space-4);
}

html[data-edition='to-be'] ._head_xm1en_12 {
  flex-wrap: wrap;
  gap: var(--oh-space-1) var(--oh-space-2);
  min-height: var(--oh-size-control-sm);
  margin-left: 0;
}

html[data-edition='to-be'] ._stepper_xm1en_20 {
  --stepper-font: var(--oh-text-subtitle);
  margin-bottom: 0;
  margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._stepper_xm1en_20 {
    margin-left: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._table_xm1en_33 {
  margin-top: var(--oh-space-3);
  padding: var(--oh-space-3) var(--oh-space-2);
}

html[data-edition='to-be'] ._table_xm1en_33 th {
  height: 1.5rem;
  padding: 0;
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._table_xm1en_33 td {
  height: var(--oh-space-8);
  padding: var(--oh-space-1) 0 0;
  color: var(--oh-color-text-faint);
  font-size: var(--oh-text-caption);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

._section_19t3l_9 {
  margin-top: 50.75px;
}

._head_19t3l_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
}

._title_19t3l_20 {
  padding-left: 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.981rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._stepper_19t3l_28 {
  margin-right: -1.5px;
  --stepper-gap: 9.5px;
  --stepper-text: var(--oh-color-text);
  --stepper-arrow-off: var(--oh-color-text-disabled);
}

._card_19t3l_35,
._emptyCard_19t3l_36 {
  margin-top: 12px;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: 14px;
  background: var(--oh-color-bg);
}

._card_19t3l_35 {
  padding: 14px 15px 16.5px;
}

._emptyCard_19t3l_36 {
  min-height: 103.5px;
  padding: 20px 16px 0;
  text-align: center;
}

._emptyTitle_19t3l_53 {
  color: var(--oh-color-text-strong);
  font-size: 0.79rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._emptyBody_19t3l_60 {
  margin-top: 1.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.756rem;
  line-height: 1.5rem;
}

._summary_19t3l_67 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 2.125rem;
  padding-bottom: 11.25px;
  border-bottom: 1px solid var(--oh-color-line-soft);
}

._counts_19t3l_77 {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--oh-color-text-body);
  font-size: 0.81rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

._counts_19t3l_77 strong {
  margin-left: 4.5px;
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._countDot_19t3l_93 {
  flex: none;
  width: 2px;
  height: 2px;
  margin: 0 8px 0 7px;
  border-radius: 50%;
  background: var(--oh-color-text-disabled);
}

._viewAll_19t3l_102 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 7px;
  min-width: 5.46875rem;
  min-height: 2.125rem;
  margin-right: -0.5px;
  padding: 0 4px 0 6px;
  border: 1px solid var(--oh-dubbing-replay-border);
  border-radius: 999px;
  background: var(--oh-mypage-pick-bg);
  color: var(--oh-color-brand-deep);
  font-size: 0.787rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

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

._freshness_19t3l_127 {
  display: flex;
  align-items: center;
  min-height: 54px;
  margin-top: 15.25px;
  padding: 0 10px 0 15px;
  border: 1px solid var(--oh-color-line);
  border-radius: 10px;
  background: var(--oh-color-surface-muted);
}

._freshCheck_19t3l_138 {
  flex: none;
  color: var(--oh-color-text-faint);
}

._freshText_19t3l_143 {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 8px;
  color: var(--oh-color-text-sub);
  font-size: 0.788rem;
  line-height: 1.25rem;
}

._update_19t3l_123 {
  flex: none;
  min-width: 4.21875rem;
  min-height: 2.03125rem;
  padding: 0 13px;
  border-radius: 999px;
  background: var(--oh-mypage-update-off);
  color: var(--oh-color-text-faint);
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
}

._group_19t3l_165 {
  margin-top: 12.75px;
  --weak-ink: var(--oh-area-word-text);
}

._group_19t3l_165[data-kind='sentence'] {
  --weak-ink: var(--oh-mypage-weak-sentence-text);
}

._group_19t3l_165 + ._group_19t3l_165 {
  margin-top: 16px;
}

._groupName_19t3l_178 {
  padding-left: 1.5px;
  color: var(--weak-ink);
  font-size: 0.79rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._feedback_19t3l_186 {
  min-height: 112px;
  margin-top: 7.75px;
  padding: 9px 11.5px 12.5px 13.5px;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: 11px;
  background: var(--oh-color-surface-muted);
}

._feedbackHead_19t3l_195 {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-left: 1.5px;
  color: var(--weak-ink);
  font-size: 0.764rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._letters_19t3l_206 {
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

._letters_19t3l_206 small {
  font-size: 0.53rem;
}

._feedbackBody_19t3l_216 {
  margin-top: 4px;
  color: var(--oh-color-text-body);
  font-size: 0.798rem;
  line-height: 20px;
  word-break: break-all;
}

._feedbackBody_19t3l_216 strong {
  color: var(--oh-color-text-strong);
  font-weight: 700;
}

._items_19t3l_229 {
  display: flex;
  flex-direction: column;
  gap: 6.75px;
  margin-top: 8px;
}

._item_19t3l_229 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 2.75rem;
  padding: 0 13.5px 0 13px;
  border: 1px solid var(--oh-mypage-weak-word-border);
  border-radius: 8px;
  background: var(--oh-mypage-weak-word-bg);
}

._group_19t3l_165[data-kind='sentence'] ._item_19t3l_229 {
  min-height: 2.65625rem;
  padding-left: 14.5px;
  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);
}

._itemText_19t3l_255 {
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._group_19t3l_165[data-kind='sentence'] ._itemText_19t3l_255 {
  font-size: 0.83rem;
  font-weight: 400;
}

._itemCount_19t3l_272 {
  flex: none;
  color: var(--weak-ink);
  font-size: 0.73rem;
  font-weight: 700;
  line-height: 1.25rem;
}

._group_19t3l_165[data-kind='sentence'] ._itemCount_19t3l_272 {
  font-size: 0.69rem;
}

html[data-edition='to-be'] ._section_19t3l_9 {
  margin-top: var(--oh-space-12);
}

html[data-edition='to-be'] ._head_19t3l_13 {
  flex-wrap: wrap;
  gap: 0 var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._title_19t3l_20 {
  padding-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._stepper_19t3l_28 {
  margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button)) / 2);
  margin-left: auto;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_19t3l_13 {
    min-height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._stepper_19t3l_28 {
    margin-right: calc((var(--oh-size-icon-md) - var(--oh-size-icon-button-touch)) / 2);
  }
}

html[data-edition='to-be'] ._card_19t3l_35 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._emptyCard_19t3l_36 {
  min-height: 0;
  padding: var(--oh-space-6) var(--oh-space-4);
}

html[data-edition='to-be'] ._emptyTitle_19t3l_53 {
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._emptyBody_19t3l_60 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._summary_19t3l_67 {
  flex-wrap: wrap;
  min-height: var(--oh-size-control-md);
  padding-bottom: var(--oh-space-3);
}

html[data-edition='to-be'] ._counts_19t3l_77 {
  flex-wrap: wrap;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._counts_19t3l_77 strong {
  margin-left: var(--oh-space-1);
}

html[data-edition='to-be'] ._countDot_19t3l_93 {
  margin: 0 var(--oh-space-2);
}

html[data-edition='to-be'] ._viewAll_19t3l_102 {
  position: relative;
  gap: var(--oh-space-1);
  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);
}

html[data-edition='to-be'] ._viewAll_19t3l_102::after {
  position: absolute;
  inset: -3px -1px;
  content: '';
}

html[data-edition='to-be'] ._viewAll_19t3l_102 > svg {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._freshness_19t3l_127 {
  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);
}

html[data-edition='to-be'] ._freshCheck_19t3l_138 {
  width: var(--oh-size-icon-sm);
  height: auto;
}

html[data-edition='to-be'] ._freshText_19t3l_143 {
  margin-left: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._update_19t3l_123 {
  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);
}

html[data-edition='to-be'] ._update_19t3l_123::after {
  position: absolute;
  inset: -6px 0;
  content: '';
}

html[data-edition='to-be'] ._group_19t3l_165 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._group_19t3l_165 + ._group_19t3l_165 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._groupName_19t3l_178 {
  padding-left: 0;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._feedback_19t3l_186 {
  min-height: 0;
  margin-top: var(--oh-space-2);
  padding: var(--oh-space-3);
}

html[data-edition='to-be'] ._feedbackHead_19t3l_195 {
  gap: var(--oh-space-2);
  padding-left: 0;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._feedbackHead_19t3l_195 > svg {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._letters_19t3l_206 {
  font-size: var(--oh-text-body);
  font-weight: var(--oh-weight-regular);
}

html[data-edition='to-be'] ._letters_19t3l_206 small {
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._feedbackBody_19t3l_216 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

html[data-edition='to-be'] ._items_19t3l_229 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._item_19t3l_229,
html[data-edition='to-be'] ._group_19t3l_165[data-kind='sentence'] ._item_19t3l_229 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-3);
}

html[data-edition='to-be'] ._group_19t3l_165[data-kind='sentence'] ._item_19t3l_229 {
  padding-left: var(--oh-space-4);
}

html[data-edition='to-be'] ._itemText_19t3l_255,
html[data-edition='to-be'] ._group_19t3l_165[data-kind='sentence'] ._itemText_19t3l_255 {
  overflow: visible;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  text-overflow: clip;
  white-space: normal;
}

html[data-edition='to-be'] ._itemCount_19t3l_272,
html[data-edition='to-be'] ._group_19t3l_165[data-kind='sentence'] ._itemCount_19t3l_272 {
  font-size: var(--oh-text-caption);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

._page_vwi5a_7 {
  padding-bottom: 24px;
}

._sections_vwi5a_11 {
  padding: 14px 16px 0;
}

._treeSlot_vwi5a_15 {
  min-height: 356.5px;
}

._recordHead_vwi5a_19 {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}

._heading_vwi5a_25 {
  padding-left: 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.981rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._guide_vwi5a_33 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 0.90625rem;
  height: 0.90625rem;
  margin: 3px 0 0 5.5px;
  border: 1px solid var(--oh-color-text-faint);
  border-radius: 50%;
  color: var(--oh-color-text-faint);
  font-size: 0.56rem;
  font-weight: 700;
  line-height: 1;
}

._guide_vwi5a_33::after {
  position: absolute;
  inset: -15px;
  content: '';
}

._rate_vwi5a_57 {
  margin-top: 11.5px;
}

._record_vwi5a_19 {
  margin-top: 14.5px;
}

._failure_vwi5a_65 {
  padding: 40px 20px;
  color: var(--oh-color-text-sub);
  font-size: 0.89rem;
  text-align: center;
}

html[data-edition='to-be'] ._sections_vwi5a_11 {
  padding: var(--oh-space-4) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._treeSlot_vwi5a_15 {
  min-height: 330px;
  margin-bottom: var(--oh-space-8);
}

html[data-edition='to-be'] ._heading_vwi5a_25 {
  padding-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._guide_vwi5a_33 {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0 0 var(--oh-space-1);
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._guide_vwi5a_33::after {
  inset: -13px;
}

html[data-edition='to-be'] ._rate_vwi5a_57 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._record_vwi5a_19 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._failure_vwi5a_65 {
  padding: var(--oh-space-10) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._subHeader_x835b_6 {
  display: flex;
  align-items: center;
  min-height: 3.3125rem;
  padding: 0 20px 0 26.5px;
  border-bottom: 1px solid var(--oh-color-line-faint);
}

._back_x835b_14 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 8px;
  height: 15px;
  color: var(--oh-color-text-strong);
}

._back_x835b_14::after {
  position: absolute;
  inset: -15px -14px;
  content: '';
}

._back_x835b_14 > svg {
  flex: none;
}

._pageTitle_x835b_36 {
  margin-left: 18px;
  color: var(--oh-color-text-strong);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

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

._page_x835b_36 {
  display: flex;
  flex-direction: column;
  padding: 45.5px 20px 40px;
}

._sectionLabel_x835b_56 {
  padding-left: 0.5px;
  color: var(--oh-color-text-faint);
  font-size: 0.807rem;
  font-weight: 400;
  line-height: 1.2;
}

section + section > ._sectionLabel_x835b_56 {
  margin-top: 18px;
}

._card_x835b_68 {
  margin: 10.5px 0 0;
  padding: 3.5px 19px 4.5px;
  border: 1px solid var(--oh-color-line-soft);
  border-radius: var(--oh-radius-card);
  background: var(--oh-color-bg);
}

._row_x835b_76 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 3.2rem;
  padding: 0 1px;
}

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

._row_x835b_76 > dt {
  flex: none;
  color: var(--oh-color-text-faint);
  font-size: 0.82rem;
}

._row_x835b_76 > dd {
  overflow: hidden;
  min-width: 0;
  margin: 0;
  color: var(--oh-color-text-strong);
  font-size: 0.92rem;
  font-weight: 700;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._notice_x835b_108 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 9px;
  padding: 14.5px 16.5px 13.5px 18px;
  border: 1px solid var(--oh-profile-notice-border);
  border-radius: 9px;
  background: var(--oh-profile-notice-bg);
  color: var(--oh-profile-notice-text);
  font-size: 0.855rem;
  line-height: 1.265625rem;
  word-break: break-all;
}

._noticeIcon_x835b_123 {
  flex: none;
  margin-top: 4px;
  color: var(--oh-color-text-strong);
}

._feedback_x835b_129 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.1875rem;
  margin-top: 41px;
  padding: 0 2px 0 1px;
  border-top: 1px solid var(--oh-color-line-faint);
  color: var(--oh-color-text-body);
  font-size: 0.845rem;
}

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

._feedbackArrow_x835b_146 {
  flex: none;
  color: var(--oh-color-text-disabled);
}

._logout_x835b_142 {
  align-self: center;
  margin-top: 4px;
  color: var(--oh-color-text-faint);
  font-size: 0.85rem;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html[data-edition='to-be'] ._subHeader_x835b_6 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-header);
  padding: var(--oh-space-2) var(--oh-space-4);
}

html[data-edition='to-be'] ._back_x835b_14 {
  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);
}

html[data-edition='to-be'] ._back_x835b_14::after {
  inset: 0;
}

html[data-edition='to-be'] ._back_x835b_14 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._pageTitle_x835b_36 {
  margin-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._page_x835b_36 {
  padding: var(--oh-space-8) var(--oh-space-4) var(--oh-space-10);
}

html[data-edition='to-be'] ._sectionLabel_x835b_56 {
  padding-left: 0;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] section + section > ._sectionLabel_x835b_56 {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._card_x835b_68 {
  margin: var(--oh-space-2) 0 0;
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._row_x835b_76 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) 0;
}

html[data-edition='to-be'] ._row_x835b_76 > dt {
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._row_x835b_76 > dd {
  overflow: visible;
  font-size: var(--oh-text-body);
  white-space: normal;
}

html[data-edition='to-be'] ._notice_x835b_108 {
  gap: var(--oh-space-3);
  margin-top: var(--oh-space-2);
  padding: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
  word-break: keep-all;
}

html[data-edition='to-be'] ._noticeIcon_x835b_123 {
  width: var(--oh-size-icon-sm);
  height: calc(var(--oh-text-sm) * var(--oh-leading-body));
  margin-top: 0;
}

html[data-edition='to-be'] ._feedback_x835b_129 {
  min-height: var(--oh-size-control-lg);
  margin-top: var(--oh-space-10);
  padding: 0;
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._feedbackArrow_x835b_146 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._logout_x835b_142 {
  position: relative;
  margin-top: var(--oh-space-5);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._logout_x835b_142::after {
  position: absolute;
  inset: -12px 0;
  content: '';
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._back_x835b_14 {
    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);
  }
}

._block_o4q2m_7 {
  margin: 10.5px 12px 12.4px;
}

._select_o4q2m_11 {
  position: relative;
}

._box_o4q2m_15 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.125rem;
  padding: 0 14.5px 0 15px;
  border: 1px solid var(--oh-color-line);
  border-radius: 8px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-strong);
  font-size: 0.877rem;
  line-height: 1.25rem;
}

._select_o4q2m_11[data-open='true'] ._box_o4q2m_15 {
  border-radius: 8px 8px 0 0;
  background: var(--oh-color-surface-muted);
}

._name_o4q2m_34 {
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_o4q2m_42 {
  flex: none;
  color: var(--oh-color-icon);
}

._list_o4q2m_47 {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--oh-color-line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: var(--oh-color-bg);
  box-shadow: 0 5px 10px var(--oh-ranking-list-shadow);
}

._option_o4q2m_62 {
  overflow: hidden;
  min-height: 2.8125rem;
  padding: 0 15px 2px;
  color: var(--oh-color-text-strong);
  font-size: 0.877rem;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._help_o4q2m_77 {
  margin-top: 5.5px;
  color: var(--oh-ranking-note);
  font-size: 0.763rem;
  line-height: 1.125rem;
  text-align: center;
}

html[data-edition='to-be'] ._block_o4q2m_7 {
  margin: var(--oh-space-3) var(--oh-space-4);
}

html[data-edition='to-be'] ._box_o4q2m_15 {
  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-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._name_o4q2m_34,
html[data-edition='to-be'] ._option_o4q2m_62 {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

html[data-edition='to-be'] ._chevron_o4q2m_42 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._option_o4q2m_62 {
  min-height: var(--oh-size-control-lg);
  padding: var(--oh-space-2) var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._help_o4q2m_77 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._card_19nim_6 {
  padding: 17px 16px 16px;
  border: 1px solid var(--oh-color-line);
  border-radius: 14px;
  background: var(--oh-color-bg);
  box-shadow: 0 2px 6px var(--oh-report-card-shadow);
}

._title_19nim_14 {
  padding-left: 1px;
  color: var(--oh-color-text-strong);
  font-size: 0.989rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._frame_19nim_22 {
  margin-top: 11.5px;
}

._frame_19nim_22::after {
  display: block;
  height: 1px;
  margin: -1px 7px 0;
  background: var(--oh-color-line-soft);
  content: '';
}

._table_19nim_35 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  color: var(--oh-color-text-strong);
  font-size: 0.885rem;
  line-height: 1.25rem;
  text-align: center;
}

._table_19nim_35 th {
  height: 2.375rem;
  padding: 0;
  background: var(--oh-color-surface-track);
  font-weight: 400;
}

._table_19nim_35 th:first-child {
  width: 22.25%;
  border-top-left-radius: 10px;
}

._table_19nim_35 th:nth-child(2) {
  width: 39.4%;
}

._table_19nim_35 th:last-child {
  border-top-right-radius: 10px;
}

._table_19nim_35 td {
  height: 2.3656rem;
  padding: 0;
  border-bottom: 1px solid var(--oh-color-line-soft);
}

._table_19nim_35 tbody tr:last-child > td {
  border-bottom-color: transparent;
}

._table_19nim_35 tr[data-podium='true'] > td {
  background: var(--oh-color-surface-muted);
  font-weight: 700;
}

._table_19nim_35 tr[data-mine='true'] {
  background: linear-gradient(to right, var(--oh-ranking-mine-from), var(--oh-ranking-mine-to));
}

._table_19nim_35 tr[data-mine='true'] > td {
  border-bottom-color: transparent;
  color: var(--oh-ranking-mine-text);
  font-weight: 700;
}

._number_19nim_91 {
  font-size: 0.89rem;
}

._medal_19nim_95 {
  display: inline-block;
  margin: 0 1.5px 0 1.3px;
  font-size: 1.125rem;
  line-height: 1;
  vertical-align: -2px;
}

._table_19nim_35 td._omitted_19nim_103 {
  color: var(--oh-color-text-muted);
  font-size: 0.896rem;
  font-style: italic;
}

html[data-edition='to-be'] ._card_19nim_6 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._title_19nim_14 {
  padding-left: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._frame_19nim_22 {
  overflow-x: auto;
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._table_19nim_35 {
  min-width: 15rem;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._table_19nim_35 th {
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._table_19nim_35 td {
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2);
}

html[data-edition='to-be'] ._number_19nim_91 {
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-edition='to-be'] ._table_19nim_35 td._omitted_19nim_103 {
  font-size: var(--oh-text-sm);
}

._page_1ifky_9 {
  padding-bottom: 16.5px;
}

._head_1ifky_13 {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 12px 13.25px 0 12.75px;
}

._monthArrow_1ifky_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 2.75rem;
  min-width: 1.5rem;
  height: 2.75rem;
  color: var(--oh-color-brand);
}

._monthArrow_1ifky_20[data-off='true'] {
  color: var(--oh-ranking-arrow-off);
}

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

._headCenter_1ifky_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}

._headCenter_1ifky_38::before {
  flex: 0 10 10.5px;
  content: '';
}

._title_1ifky_52 {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: 1.24rem;
  font-weight: 600;
  line-height: 1.75rem;
  white-space: nowrap;
}

._titleText_1ifky_64 {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}

._trophy_1ifky_70 {
  flex: none;
  margin-right: 10px;
  font-size: 1.3125rem;
  line-height: 1;
}

._refresh_1ifky_77 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 10.5px;
  border: 1px solid var(--oh-color-line);
  border-radius: 50%;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
}

._refresh_1ifky_77::after {
  position: absolute;
  inset: -8px;
  content: '';
}

._notes_1ifky_99 {
  margin-top: -0.4px;
  color: var(--oh-ranking-note);
  font-size: 0.703rem;
  line-height: 17px;
  text-align: center;
}

._boards_1ifky_107 {
  display: flex;
  flex-direction: column;
  gap: 12.5px;
  margin: 12.5px 12px 0;
}

._failure_1ifky_114 {
  padding: 40px 20px;
  color: var(--oh-color-text-sub);
  font-size: 0.89rem;
  text-align: center;
}

._veil_1ifky_121 {
  position: fixed;
  inset: 0;
  z-index: 10;
  background: var(--oh-color-veil);
}

html[data-layout='desktop'] ._veil_1ifky_121 {
  right: auto;
  left: 50%;
  width: 100%;
  max-width: var(--oh-column-width);
  translate: -50% 0;
}

._veilCube_1ifky_136 {
  position: absolute;
  top: 51%;
  left: calc(50% - 34px);
  translate: -50% -50%;
}

html[data-edition='to-be'] ._page_1ifky_9 {
  padding-bottom: var(--oh-space-6);
}

html[data-edition='to-be'] ._head_1ifky_13 {
  min-height: 0;
  padding: var(--oh-space-3) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._monthArrow_1ifky_20 {
  flex: none;
  width: var(--oh-size-icon-button);
  min-width: 0;
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._monthArrow_1ifky_20:first-child {
  margin-left: calc((var(--oh-size-icon-lg) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._monthArrow_1ifky_20:last-child {
  margin-right: calc((var(--oh-size-icon-lg) - var(--oh-size-icon-button)) / 2);
}

html[data-edition='to-be'] ._monthArrow_1ifky_20 > svg {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
}

html[data-edition='to-be'] ._title_1ifky_52 {
  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;
}

html[data-edition='to-be'] ._titleText_1ifky_64 {
  overflow: visible;
  text-overflow: clip;
}

html[data-edition='to-be'] ._trophy_1ifky_70 {
  margin-right: var(--oh-space-2);
}

html[data-edition='to-be'] ._refresh_1ifky_77 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin-left: var(--oh-space-2);
}

html[data-edition='to-be'] ._refresh_1ifky_77 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._refresh_1ifky_77::after {
  content: none;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._monthArrow_1ifky_20 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._monthArrow_1ifky_20:first-child {
    margin-left: calc((var(--oh-size-icon-lg) - var(--oh-size-icon-button-touch)) / 2);
  }

  html[data-edition='to-be'] ._monthArrow_1ifky_20:last-child {
    margin-right: calc((var(--oh-size-icon-lg) - var(--oh-size-icon-button-touch)) / 2);
  }

  html[data-edition='to-be'] ._refresh_1ifky_77 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

html[data-edition='to-be'] ._notes_1ifky_99 {
  margin-top: var(--oh-space-2);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._boards_1ifky_107 {
  gap: var(--oh-space-4);
  margin: var(--oh-space-4) var(--oh-space-4) 0;
}

html[data-edition='to-be'] ._failure_1ifky_114 {
  padding: var(--oh-space-10) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._frame_zz9tq_8 {
  overflow: hidden;
  margin-top: 16px;
  border: 1px solid var(--oh-color-line);
  border-radius: 8px;
}

._table_zz9tq_15 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  color: var(--oh-color-text);
  font-size: 0.703rem;
  line-height: 1.016rem;
  text-align: center;
}

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

._colTime_zz9tq_36 {
  width: 22%;
}

._colTitle_zz9tq_40 {
  width: 28%;
}

._colType_zz9tq_44 {
  width: 21.9%;
}

._colScore_zz9tq_48 {
  width: 14.2%;
}

._colReport_zz9tq_52 {
  width: 13.9%;
}

._table_zz9tq_15 th {
  height: 1.8125rem;
  padding: 0;
  border-bottom: 1px solid var(--oh-color-line);
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-sub);
  font-weight: 400;
}

._table_zz9tq_15 td {
  padding: 0;
  vertical-align: middle;
}

._table_zz9tq_15 tbody tr + tr > td,
._table_zz9tq_15 tbody + tbody > tr:first-child > td {
  border-top: 1px solid var(--oh-color-line-soft);
}

._table_zz9tq_15 td._time_zz9tq_76 {
  padding: 5.75px 4.75px 5.25px;
}

._performed_zz9tq_80 {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
}

._performed_zz9tq_80 > span {
  white-space: nowrap;
}

._status_zz9tq_90 {
  display: inline-flex;
  align-items: center;
  min-height: 1.375rem;
  margin-top: 3px;
  padding: 0 9.5px;
  border-radius: 999px;
  background: var(--oh-report-list-progress-bg);
  color: var(--oh-report-list-progress-text);
  font-weight: 700;
  vertical-align: top;
}

._status_zz9tq_90[data-done='true'] {
  background: var(--oh-correct-surface);
  color: var(--oh-color-done-check);
}

._table_zz9tq_15 td._name_zz9tq_108 {
  padding: 0 8px;
}

._score_zz9tq_112 {
  color: var(--oh-color-text-body);
  font-weight: 700;
}

._score_zz9tq_112[data-tone='none'] {
  font-weight: 400;
}

._score_zz9tq_112[data-tone='good'] {
  color: var(--oh-score-good);
}

._score_zz9tq_112[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._score_zz9tq_112[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._open_zz9tq_133 {
  position: relative;
  display: inline-flex;
  color: var(--oh-color-icon-nav);
}

._open_zz9tq_133::after {
  position: absolute;
  inset: -15px -16px;
  content: '';
}

html[data-edition='to-be'] ._frame_zz9tq_8 {
  overflow-x: auto;
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._table_zz9tq_15 {
  min-width: 20rem;
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._colTime_zz9tq_36 {
  width: 27.5%;
}

html[data-edition='to-be'] ._colTitle_zz9tq_40 {
  width: 22.5%;
}

html[data-edition='to-be'] ._colType_zz9tq_44 {
  width: 20%;
}

html[data-edition='to-be'] ._colScore_zz9tq_48 {
  width: 15%;
}

html[data-edition='to-be'] ._colReport_zz9tq_52 {
  width: 15%;
}

html[data-edition='to-be'] ._table_zz9tq_15 th {
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-1);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._table_zz9tq_15 td,
html[data-edition='to-be'] ._table_zz9tq_15 td._time_zz9tq_76,
html[data-edition='to-be'] ._table_zz9tq_15 td._name_zz9tq_108 {
  padding: var(--oh-space-2) var(--oh-space-1);
}

html[data-edition='to-be'] ._performed_zz9tq_80 {
  font-size: var(--oh-text-sm);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._status_zz9tq_90 {
  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;
}

html[data-edition='to-be'] ._score_zz9tq_112 {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-edition='to-be'] ._open_zz9tq_133 {
  align-items: center;
  justify-content: center;
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._open_zz9tq_133 > svg {
  width: auto;
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._open_zz9tq_133::after {
  content: none;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._open_zz9tq_133 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

._page_19tju_7 {
  padding: 25.75px 28px 40px;
}

._title_19tju_11 {
  padding-left: 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.04rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._tabs_19tju_19 {
  display: flex;
  margin-top: 19.75px;
  border-bottom: 1px solid var(--oh-color-line);
}

._tab_19tju_19 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 4rem;
  min-height: 2.6875rem;
  padding-bottom: 4px;
  color: var(--oh-report-list-tab-idle);
  font-size: 0.87rem;
  line-height: 1.2;
}

._tab_19tju_19:active {
  color: var(--oh-report-list-tab-pressed);
}

._tab_19tju_19[aria-selected='true'] {
  color: var(--oh-color-text);
  font-weight: 600;
}

._tab_19tju_19[aria-selected='true']::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--oh-report-list-tab-underline);
  content: '';
}

._empty_19tju_58 {
  margin-top: 104px;
  color: var(--oh-color-text-muted);
  font-size: 0.89rem;
  line-height: 1.5rem;
  text-align: center;
}

html[data-edition='to-be'] ._page_19tju_7 {
  padding: var(--oh-space-6) var(--oh-space-4) var(--oh-space-10);
}

html[data-edition='to-be'] ._title_19tju_11 {
  padding-left: 0;
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._tabs_19tju_19 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._tab_19tju_19 {
  width: auto;
  min-width: 4rem;
  min-height: var(--oh-size-control-lg);
  padding-right: var(--oh-space-4);
  padding-left: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._tab_19tju_19[aria-selected='true'] {
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._empty_19tju_58 {
  margin-top: calc(var(--oh-space-12) * 2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._card_yn5b1_8 {
  --area-title: var(--oh-color-text-strong);
  --area-bar: var(--oh-color-text-faint);
  --area-fill: var(--oh-color-line);

  padding: 14.5px 16.5px 14.5px;
  border: 1px solid var(--oh-color-line);
  border-radius: 19px;
  background: var(--oh-color-bg);
  box-shadow: 0 1px 8px var(--oh-report-card-shadow);
}

._card_yn5b1_8[data-area='content'] {
  --area-title: var(--oh-area-content-text);
  --area-fill: var(--oh-report-content-fill);
}

._card_yn5b1_8[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_yn5b1_8[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_yn5b1_8[data-area='speaking'] {
  --area-title: var(--oh-report-speaking-title);
}

._title_yn5b1_41 {
  color: var(--area-title);
  font-size: 1.385rem;
  font-weight: 700;
  line-height: 2rem;
  white-space: nowrap;
}

._dashed_yn5b1_49 {
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--oh-color-line) 0 3px, transparent 3px 6px);
}

._meterRow_yn5b1_54 {
  display: flex;
  align-items: center;
  min-height: 2.96875rem;
  padding: 1.5px 10px 0 9.5px;
  color: var(--oh-color-text-strong);
}

._meterName_yn5b1_62 {
  flex: none;
  width: 7.5625rem;
  font-size: 0.882rem;
  font-weight: 500;
  line-height: 1.25rem;
}

._meter_yn5b1_54 {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

._meterFill_yn5b1_77 {
  flex: none;
  width: calc(27.7% * var(--meter-percent) / 100);
  height: 12px;
  border-radius: 6px;
  background: var(--area-fill);
}

._meterPercent_yn5b1_85 {
  margin-left: 4px;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.25rem;
}

._meterValue_yn5b1_92 {
  display: flex;
  align-items: baseline;
  flex: none;
  white-space: nowrap;
}

._mark_yn5b1_99 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 13.5px;
  height: 13.5px;
  border: 2.75px solid var(--oh-correct-text);
  border-radius: 50%;
  box-shadow: 0 0 2px var(--oh-verdict-correct-glow);
}

._mark_yn5b1_99[data-result='incorrect'] {
  border: 0;
  box-shadow: none;
  color: var(--oh-wrong-text);
}

._wrongCount_yn5b1_117 {
  display: block;
  color: var(--oh-wrong-text);
  font-size: 0.59rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

html[data-edition='to-be'] ._card_yn5b1_8 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._title_yn5b1_41 {
  font-size: var(--oh-text-h3);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._meterRow_yn5b1_54 {
  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);
}

html[data-edition='to-be'] ._meterName_yn5b1_62 {
  width: 6rem;
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-regular);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._meter_yn5b1_54 {
  flex: 1 1 4.5rem;
}

html[data-edition='to-be'] ._meterPercent_yn5b1_85 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._meterValue_yn5b1_92 {
  margin-left: auto;
}

html[data-edition='to-be'] ._mark_yn5b1_99 {
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
}

html[data-edition='to-be'] ._mark_yn5b1_99 > svg {
  width: 13px;
  height: 13px;
}

html[data-edition='to-be'] ._wrongCount_yn5b1_117 {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
  white-space: normal;
}

._rows_1isoh_3 {
  margin-top: 17.75px;
  padding-bottom: 1.25px;
}

._time_1isoh_8 {
  color: var(--oh-report-number);
  font-size: 0.94rem;
  font-weight: 700;
}

._timeNote_1isoh_14 {
  margin-left: 4px;
  color: var(--oh-color-text-sub);
  font-size: 0.77rem;
}

html[data-edition='to-be'] ._rows_1isoh_3 {
  margin-top: var(--oh-space-4);
  padding-bottom: 0;
}

html[data-edition='to-be'] ._time_1isoh_8 {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._timeNote_1isoh_14 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-caption);
}

._weakTitle_1hrk8_7 {
  margin-top: 4.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.884rem;
  font-weight: 700;
  line-height: 1.5rem;
}

._weakList_1hrk8_15 {
  display: flex;
  flex-wrap: wrap;
  gap: 8.5px;
  margin-top: 10.25px;
}

._weak_1hrk8_7 {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 2.1875rem;
  padding: 0 11px 0 12.5px;
  border-radius: 1.09375rem;
  background: var(--oh-report-weak-bg);
  color: var(--oh-color-text-strong);
  font-size: 0.8665rem;
  font-weight: 700;
  white-space: nowrap;
}

._weakCount_1hrk8_36 {
  translate: 0 1.5px;
  color: var(--oh-verdict-wrong-text);
  font-size: 0.915rem;
}

._weakEnd_1hrk8_42 {
  margin-top: 13.75px;
}

._actions_1hrk8_46 {
  display: flex;
  gap: 9.5px;
  margin-top: 10.5px;
}

._explain_1hrk8_52,
._explainWrong_1hrk8_53 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  border-radius: var(--oh-radius-button);
  background: var(--oh-color-bg);
  font-weight: 700;
  white-space: nowrap;
}

._explain_1hrk8_52 {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--oh-button-outline-brand-border);
  box-shadow:
    inset 0 -1.5px 0 var(--oh-color-brand-glow),
    0 0 0 1.5px var(--oh-button-outline-brand-glow);
  color: var(--oh-color-brand-ink);
  font-size: 0.936rem;
}

._explainWrong_1hrk8_53 {
  flex: none;
  padding: 0 15.5px;
  border: 1px solid var(--oh-color-line);
  color: var(--oh-color-text-body);
  font-size: 0.944rem;
}

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

._table_1hrk8_89 {
  width: 100%;
  margin: 11.5px 0 3px;
  border: 1px solid var(--oh-color-line);
  border-spacing: 0;
  border-radius: 8px;
  table-layout: fixed;
}

._headSentence_1hrk8_98,
._headResult_1hrk8_99 {
  height: 2.765rem;
  padding: 0;
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-strong);
  font-size: 1.01rem;
  font-weight: 400;
  text-align: center;
}

._headSentence_1hrk8_98 {
  border-top-left-radius: 7px;
}

._headResult_1hrk8_99 {
  width: 82.5px;
  border-top-right-radius: 7px;
  border-left: 1px solid var(--oh-color-line);
  font-weight: 700;
}

._row_1hrk8_85:active {
  background: var(--oh-color-row-hover);
}

@media (hover: hover) {
  ._row_1hrk8_85:hover {
    background: var(--oh-color-row-hover);
  }
}

._sentenceCell_1hrk8_130,
._resultCell_1hrk8_131 {
  border-top: 1px solid var(--oh-color-line);
  vertical-align: middle;
}

._sentenceCell_1hrk8_130 {
  padding: 9.25px 13px 11.5px;
  text-align: center;
}

._resultCell_1hrk8_131 {
  padding: 0;
  border-left: 1px solid var(--oh-color-line);
}

._sentence_1hrk8_130 {
  color: var(--oh-color-text-strong);
  font-size: 0.908rem;
  line-height: 1.34375rem;
}

._rowExplain_1hrk8_85 {
  display: block;
  margin: 9.75px auto 0;
  color: var(--oh-color-brand-ink);
  font-size: 0.8225rem;
  font-weight: 700;
  line-height: 1.25rem;
}

._result_1hrk8_131 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

html[data-edition='to-be'] ._weakTitle_1hrk8_7 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._weakList_1hrk8_15 {
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._weak_1hrk8_7 {
  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;
}

html[data-edition='to-be'] ._weakCount_1hrk8_36 {
  flex: none;
  translate: none;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._weakEnd_1hrk8_42 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._actions_1hrk8_46 {
  flex-wrap: wrap;
  gap: var(--oh-space-2);
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._explain_1hrk8_52,
html[data-edition='to-be'] ._explainWrong_1hrk8_53 {
  position: relative;
  min-height: var(--oh-size-control-md);
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._explain_1hrk8_52::after,
html[data-edition='to-be'] ._explainWrong_1hrk8_53::after {
  position: absolute;
  inset: -3px -1px;
  content: '';
}

html[data-edition='to-be'] ._explain_1hrk8_52 {
  flex: 1 1 5rem;
}

html[data-edition='to-be'] ._table_1hrk8_89 {
  margin: var(--oh-space-3) 0 0;
}

html[data-edition='to-be'] ._headSentence_1hrk8_98,
html[data-edition='to-be'] ._headResult_1hrk8_99 {
  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);
}

html[data-edition='to-be'] ._headResult_1hrk8_99 {
  width: 3.5rem;
}

html[data-edition='to-be'] ._sentenceCell_1hrk8_130 {
  padding: var(--oh-space-2) var(--oh-space-3);
}

html[data-edition='to-be'] ._resultCell_1hrk8_131 {
  padding: var(--oh-space-2) var(--oh-space-1);
}

html[data-edition='to-be'] ._sentence_1hrk8_130 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._rowExplain_1hrk8_85 {
  position: relative;
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._rowExplain_1hrk8_85::after {
  position: absolute;
  inset: calc(var(--oh-space-3) * -1) calc(var(--oh-space-2) * -1);
  content: '';
}

html[data-edition='to-be'] ._result_1hrk8_131 {
  gap: var(--oh-space-1);
  text-align: center;
}

._table_1mpur_6 {
  width: calc(100% - 3px);
  margin: 10px 1.5px 4.25px;
  border: 1px solid var(--oh-color-line);
  border-spacing: 0;
  border-radius: 8px;
  table-layout: fixed;
}

._cell_1mpur_15 {
  padding: 10.6px 18px 10.6px 16px;
  vertical-align: middle;
}

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

tr + tr > ._cell_1mpur_15 {
  border-top: 1px solid var(--oh-color-line);
}

._entry_1mpur_28 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 6px;
}

._entry_1mpur_28 > :last-child:not(._word_1mpur_35) {
  margin-bottom: 3.4px;
}

._word_1mpur_35 {
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: 0.9rem;
  line-height: 1.265625rem;
}

._word_1mpur_35 > span {
  margin-top: 1.6px;
  padding-bottom: 2.9px;
}

._entry_1mpur_28[data-wrong='true'] > :last-child:not(._word_1mpur_35) {
  margin-bottom: 2.1px;
}

html[data-edition='to-be'] ._table_1mpur_6 {
  width: 100%;
  margin: var(--oh-space-3) 0 0;
}

html[data-edition='to-be'] ._cell_1mpur_15 {
  height: var(--oh-size-control-md);
  padding: var(--oh-space-2) var(--oh-space-3);
}

html[data-edition='to-be'] ._entry_1mpur_28 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._entry_1mpur_28 > :last-child:not(._word_1mpur_35) {
  margin-bottom: calc((var(--oh-text-sm) * var(--oh-leading-body) - var(--oh-size-icon-sm)) / 2);
}

html[data-edition='to-be'] ._word_1mpur_35 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._word_1mpur_35 > span {
  margin-top: 0;
  padding-bottom: 0;
}

html[data-edition='to-be'] ._entry_1mpur_28[data-wrong='true'] > :last-child:not(._word_1mpur_35) {
  margin-bottom: calc((var(--oh-text-caption) * var(--oh-leading-body) - var(--oh-size-icon-sm)) / 2);
}

._head_lwpjm_7 {
  display: flex;
  align-items: center;
  min-height: 2rem;
  line-height: 1;
  white-space: nowrap;
}

._headLabel_lwpjm_16 {
  margin-left: 11.5px;
  translate: 0 3px;
  color: var(--oh-color-text-sub);
  font-size: 0.77rem;
}

._headPercent_lwpjm_23 {
  margin-left: 7.5px;
  translate: 0 3.25px;
  color: var(--oh-color-text-strong);
  font-size: 1.286rem;
  font-weight: 700;
}

._headCount_lwpjm_31 {
  display: flex;
  align-items: baseline;
  margin-left: auto;
  translate: 0 1.5px;
}

._count_lwpjm_38 {
  color: var(--oh-report-number);
  font-size: 0.93rem;
  font-weight: 700;
}

._countTotal_lwpjm_44 {
  margin-left: 2.5px;
  color: var(--oh-color-text-sub);
  font-size: 0.79rem;
}

._bar_lwpjm_50 {
  height: 10px;
  margin-top: 11px;
}

._barFill_lwpjm_55 {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: var(--area-bar);
  box-shadow: 0 1px 2px var(--oh-report-bar-shadow);
}

._rows_lwpjm_63 {
  margin-top: 19px;
}

._detailTitle_lwpjm_67 {
  margin-top: 30.75px;
  padding-bottom: 7.25px;
  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-size: 1.008rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
}

._stats_lwpjm_79 {
  display: flex;
  gap: 19.5px;
  margin-top: 9.5px;
  color: var(--oh-color-text-strong);
  font-size: 0.893rem;
  line-height: 1.5rem;
  white-space: nowrap;
}

._stats_lwpjm_79 strong {
  margin-left: 2px;
  font-size: 0.9rem;
  font-weight: 700;
}

._stats_lwpjm_79 > span + span strong {
  margin-left: 2.5px;
}

._statsTotal_lwpjm_99 {
  margin-left: 1.5px;
  font-size: 0.79rem;
}

html[data-edition='to-be'] ._head_lwpjm_7 {
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--oh-space-1) 0;
  min-height: 0;
}

html[data-edition='to-be'] ._headLabel_lwpjm_16 {
  margin-left: var(--oh-space-3);
  translate: none;
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._headPercent_lwpjm_23 {
  margin-left: var(--oh-space-2);
  translate: none;
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._headCount_lwpjm_31 {
  padding-left: var(--oh-space-2);
  translate: none;
}

html[data-edition='to-be'] ._count_lwpjm_38 {
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._countTotal_lwpjm_44 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._bar_lwpjm_50 {
  margin-top: var(--oh-space-3);
}

html[data-edition='to-be'] ._rows_lwpjm_63 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._detailTitle_lwpjm_67 {
  margin-top: var(--oh-space-8);
  padding-bottom: var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._stats_lwpjm_79 {
  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);
}

html[data-edition='to-be'] ._stats_lwpjm_79 strong,
html[data-edition='to-be'] ._stats_lwpjm_79 > span + span strong {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._statsTotal_lwpjm_99 {
  margin-left: var(--oh-space-1);
  font-size: var(--oh-text-sm);
}

._card_t90ie_8 {
  padding: 16.5px 22px 18.25px 23px;
  background: var(--oh-color-bg);
}

._card_t90ie_8 + ._card_t90ie_8 {
  border-top: 8px solid var(--oh-color-surface-muted);
}

._card_t90ie_8[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_t90ie_24 {
  display: flex;
  align-items: center;
  min-height: 3.1875rem;
}

._sentence_t90ie_30 {
  flex: 1;
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: 0.972rem;
  font-weight: 600;
  line-height: 1.6875rem;
}

._sentence_t90ie_30 > [data-tone='good'],
._scoreValue_t90ie_40[data-tone='good'] {
  color: var(--oh-score-good);
}

._sentence_t90ie_30 > [data-tone='fair'],
._scoreValue_t90ie_40[data-tone='fair'] {
  color: var(--oh-score-fair);
}

._sentence_t90ie_30 > [data-tone='poor'],
._scoreValue_t90ie_40[data-tone='poor'] {
  color: var(--oh-score-poor);
}

._card_t90ie_8[data-playing] ._sentence_t90ie_30 {
  font-weight: 700;
}

._play_t90ie_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 48px;
  height: 48px;
  margin: 1.5px 0;
  border-radius: 50%;
  background: var(--oh-color-brand);
  box-shadow: 0 0 0 1.5px var(--oh-button-outline-brand-glow);
  color: var(--oh-color-text-inverse);
}

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

._pauseIcon_t90ie_76 {
  flex: none;
  width: 11px;
  height: 12px;
}

._playIcon_t90ie_82 {
  flex: none;
  margin-left: -2.5px;
}

._scoreArea_t90ie_87 {
  position: relative;
  margin-top: 15.25px;
}

._scores_t90ie_92 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4.5px;
  margin: 0;
}

._score_t90ie_40 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 3.4375rem;
  padding-top: 8.5px;
  border-radius: 8px;
  background: var(--oh-color-surface-muted);
}

._scoreLabel_t90ie_109 {
  color: var(--oh-color-text-strong);
  font-size: 0.766rem;
  line-height: 1rem;
  white-space: nowrap;
}

._scoreValue_t90ie_40 {
  margin: 2px 0 0;
  color: var(--oh-color-text-strong);
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.125rem;
}

._failed_t90ie_124 {
  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);
  font-size: 1.0076rem;
  line-height: 1.5rem;
  text-align: center;
  white-space: nowrap;
}

html[data-edition='to-be'] ._card_t90ie_8 {
  padding: var(--oh-space-4);
}

html[data-edition='to-be'] ._head_t90ie_24 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._sentence_t90ie_30 {
  font-size: var(--oh-text-reading);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-reading);
}

html[data-edition='to-be'] ._play_t90ie_58 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
  margin: 0;
}

html[data-edition='to-be'] ._playIcon_t90ie_82 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
  margin-left: -2px;
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._head_t90ie_24 {
    min-height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._play_t90ie_58 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }
}

html[data-edition='to-be'] ._scoreArea_t90ie_87 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._scores_t90ie_92 {
  grid-template-columns: repeat(auto-fit, minmax(2.5rem, 1fr));
  gap: var(--oh-space-1);
}

html[data-edition='to-be'] ._score_t90ie_40 {
  min-height: 0;
  padding: var(--oh-space-2) 0;
}

html[data-edition='to-be'] ._scoreLabel_t90ie_109 {
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._scoreValue_t90ie_40 {
  margin: 0;
  font-size: var(--oh-text-body);
  font-variant-numeric: tabular-nums;
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._failed_t90ie_124 {
  padding: 0 var(--oh-space-2);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
  white-space: normal;
}

._head_1uwna_12 {
  display: flex;
  align-items: center;
  min-height: 2rem;
  margin-top: 38px;
  color: var(--oh-color-text-strong);
  font-size: 0.886rem;
  white-space: nowrap;
}

._activity_1uwna_22 {
  color: var(--area-title);
  font-size: 1.2545rem;
  font-weight: 700;
  line-height: 2rem;
}

._level_1uwna_29 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26.5px;
  min-height: 1.375rem;
  margin-left: 7px;
  border-radius: 5px;
  background: var(--oh-color-surface-track);
  font-size: 0.76rem;
}

._average_1uwna_41 {
  margin-left: 16.5px;
}

._analyzed_1uwna_45 {
  margin-left: 16.5px;
}

._head_1uwna_12 strong {
  margin-left: 1px;
  font-weight: 700;
}

._videoBox_1uwna_54 {
  position: relative;
  margin-top: 17.75px;
}

._video_1uwna_54 {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
}

._videoMark_1uwna_66,
._videoPlay_1uwna_67 {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  color: var(--oh-dubbing-video-mark);
}

._videoMark_1uwna_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  animation: _mark-settle_1uwna_1 1ms linear var(--seek-ms) both;
}

._videoRing_1uwna_86 {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 3px solid var(--oh-dubbing-video-mark);
  border-left-color: transparent;
  border-radius: 50%;
  animation:
    _ring-turn_1uwna_1 800ms linear infinite,
    _ring-leave_1uwna_1 1ms linear var(--seek-ms) forwards;
}

._videoPause_1uwna_98 {
  width: 20px;
  height: 26px;
  animation: _pause-enter_1uwna_1 1ms linear var(--seek-ms) both;
}

@keyframes _mark-settle_1uwna_1 {
  to {
    background: var(--oh-dubbing-video-mark-disc);
  }
}

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

@keyframes _ring-leave_1uwna_1 {
  to {
    opacity: 0;
  }
}

@keyframes _pause-enter_1uwna_1 {
  from {
    opacity: 0;
  }
}

._notice_1uwna_128 {
  margin-top: 10.75px;
  color: var(--oh-wrong-text);
  font-size: 0.7636rem;
  line-height: 1.25rem;
  text-align: center;
}

._toggles_1uwna_136,
._controls_1uwna_137 {
  display: flex;
  align-items: center;
  gap: 8.5px;
}

._toggles_1uwna_136 {
  margin-top: 8.25px;
}

._round_1uwna_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--oh-color-line);
  border-radius: 50%;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
}

._round_1uwna_147[data-muted='true'] {
  border-color: var(--oh-color-line-soft);
  color: var(--oh-color-text-muted);
}

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

._roundIcon_1uwna_170 {
  flex: none;
  width: 18px;
  height: 18px;
}

._audio_1uwna_176 {
  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);
  border-radius: 8px;
  background: var(--oh-report-audio-bg);
}

._audio_1uwna_176[data-started] {
  background: var(--oh-color-surface-muted);
}

._audioMic_1uwna_193 {
  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);
}

._audio_1uwna_176[data-started] > ._audioNote_1uwna_203 {
  color: var(--oh-color-text-faint);
}

._audioMark_1uwna_207 {
  position: absolute;
  top: calc(50% - 53.5px);
  left: calc(50% - 17.25px);
  width: 34.5px;
  height: 34.5px;
  border-radius: 50%;
  background: var(--oh-report-audio-mark);
}

._playAll_1uwna_166 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.5px;
  width: 11.25rem;
  min-height: 4.03rem;
  padding: 0 0 1.5px 5.5px;
  border-radius: 29px;
  background: var(--oh-color-brand);
  translate: 0 -0.75px;
  box-shadow: 0 2px 3px var(--oh-report-bar-shadow);
  color: var(--oh-color-text-inverse);
  font-size: 1.39rem;
  font-weight: 700;
  white-space: nowrap;
}

._playAllIcon_1uwna_236 {
  flex: none;
  margin-left: -8px;
  translate: 0 1.5px;
}

._audioNote_1uwna_203 {
  position: absolute;
  top: calc(50% + 32.75px);
  left: 0;
  width: 100%;
  color: var(--oh-color-text-muted);
  font-size: 0.8855rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}

._controls_1uwna_137 {
  margin-top: 39px;
}

._volume_1uwna_259 {
  display: flex;
  align-items: center;
  width: 239.5px;
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0 10.5px 0 8.5px;
  border: 1px solid var(--oh-color-line);
  border-radius: 1.25rem;
  background: var(--oh-color-bg);
  color: var(--oh-color-icon);
}

._volumeTrack_1uwna_272 {
  flex: 1;
  min-width: 0;
  height: 10px;
  margin-left: 10px;
  border-radius: 5px;
  background: var(--oh-color-line);
}

._volumeFill_1uwna_281 {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: var(--oh-color-brand);
}

._recorded_1uwna_288 {
  margin-top: 23px;
  color: var(--oh-color-text-strong);
  font-size: 0.775rem;
  line-height: 0.875rem;
  text-align: right;
}

._cards_1uwna_296 {
  margin: 1.5px -0.5px 1.5px;
}

html[data-edition='to-be'] ._head_1uwna_12 {
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--oh-space-1) var(--oh-space-4);
  min-height: 0;
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._activity_1uwna_22 {
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._level_1uwna_29 {
  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;
}

html[data-edition='to-be'] ._average_1uwna_41,
html[data-edition='to-be'] ._analyzed_1uwna_45 {
  margin-left: 0;
}

html[data-edition='to-be'] ._head_1uwna_12 strong {
  margin-left: 0;
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._videoBox_1uwna_54 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._notice_1uwna_128 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-caption);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._toggles_1uwna_136,
html[data-edition='to-be'] ._controls_1uwna_137 {
  gap: var(--oh-space-2);
}

html[data-edition='to-be'] ._toggles_1uwna_136 {
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._round_1uwna_147 {
  width: var(--oh-size-icon-button);
  height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._roundIcon_1uwna_170 {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

html[data-edition='to-be'] ._audio_1uwna_176 {
  padding: calc(var(--oh-space-2) + var(--oh-text-sm) * var(--oh-leading-body) + var(--oh-space-2)) 0;
}

html[data-edition='to-be'] ._audioMark_1uwna_207 {
  top: calc(50% - var(--oh-size-control-lg) / 2 - var(--oh-space-5));
}

html[data-edition='to-be'] ._playAll_1uwna_166 {
  gap: var(--oh-space-2);
  width: auto;
  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;
}

html[data-edition='to-be'] ._playAllIcon_1uwna_236 {
  width: var(--oh-size-icon-lg);
  height: var(--oh-size-icon-lg);
  margin-left: 0;
  translate: none;
}

html[data-edition='to-be'] ._audioNote_1uwna_203 {
  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);
}

html[data-edition='to-be'] ._audio_1uwna_176[data-started] {
  padding: 0;
}

html[data-edition='to-be'] ._audio_1uwna_176[data-started] > ._audioNote_1uwna_203 {
  position: static;
  margin-top: calc(var(--oh-space-16) + var(--oh-text-sm) * var(--oh-leading-body));
  color: var(--oh-color-text-faint);
}

html[data-edition='to-be'] ._controls_1uwna_137 {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._volume_1uwna_259 {
  width: 240px;
  min-height: var(--oh-size-icon-button);
  padding: 0 var(--oh-space-3) 0 var(--oh-space-2);
  border-radius: 999px;
}

html[data-edition='to-be'] ._volumeTrack_1uwna_272 {
  position: relative;
  margin-left: var(--oh-space-2);
}

html[data-edition='to-be'] ._volumeTrack_1uwna_272::after {
  position: absolute;
  inset: -17px 0;
  content: '';
}

html[data-edition='to-be'] ._volumeFill_1uwna_281 {
  background: var(--oh-color-brand-graphic);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._round_1uwna_147 {
    width: var(--oh-size-icon-button-touch);
    height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._volume_1uwna_259 {
    min-height: var(--oh-size-icon-button-touch);
  }
}

html[data-edition='to-be'] ._recorded_1uwna_288 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._cards_1uwna_296 {
  margin: var(--oh-space-1) 0 0;
}

._page_1552k_6 {
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._head_1552k_16 {
  min-height: 98.5px;
  padding: 10px 10px 19.75px;
  border-bottom: 1px solid var(--oh-color-line);
}

._headRow_1552k_22 {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
}

._close_1552k_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.75rem;
  height: 2.75rem;
  color: var(--oh-color-text-strong);
}

._student_1552k_38 {
  margin: 2px 0 0 0.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.01rem;
  font-weight: 700;
  white-space: nowrap;
}

._lesson_1552k_46 {
  margin-top: -0.25px;
  color: var(--oh-color-text-strong);
  font-size: 1.019rem;
  line-height: 1.5rem;
  text-align: center;
}

._body_1552k_54 {
  padding: 18.5px 20px 20.5px;
}

._title_1552k_58 {
  color: var(--oh-color-text-strong);
  font-size: 1.258rem;
  font-weight: 700;
  line-height: 2rem;
}

._sections_1552k_65 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 18px;
}

._failure_1552k_72 {
  padding: 40px 20px;
  color: var(--oh-color-text-sub);
  font-size: 0.892rem;
  text-align: center;
}

html[data-edition='to-be'] ._head_1552k_16 {
  min-height: 0;
  padding: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
}

html[data-edition='to-be'] ._headRow_1552k_22 {
  gap: var(--oh-space-2);
  min-height: var(--oh-size-icon-button);
}

html[data-edition='to-be'] ._close_1552k_28 {
  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);
}

html[data-edition='to-be'] ._close_1552k_28 > svg {
  width: var(--oh-size-icon-md);
  height: var(--oh-size-icon-md);
}

@media (pointer: coarse) {
  html[data-edition='to-be'] ._headRow_1552k_22 {
    min-height: var(--oh-size-icon-button-touch);
  }

  html[data-edition='to-be'] ._close_1552k_28 {
    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-edition='to-be'] ._student_1552k_38 {
  min-width: 0;
  margin: 0;
  font-size: var(--oh-text-subtitle);
  line-height: var(--oh-leading-heading);
  white-space: normal;
}

html[data-edition='to-be'] ._lesson_1552k_46 {
  margin-top: var(--oh-space-1);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
  text-wrap: balance;
}

html[data-edition='to-be'] ._body_1552k_54 {
  padding: var(--oh-space-6) var(--oh-space-4);
}

html[data-edition='to-be'] ._title_1552k_58 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._sections_1552k_65 {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._failure_1552k_72 {
  padding: var(--oh-space-10) var(--oh-space-4);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._pad_11vj6_12 {
  flex: none;
  margin-top: auto;
  padding: var(--oh-space-2) var(--oh-space-4) var(--oh-space-4);
  border-radius: 15px 15px 0 0;
  container-type: inline-size;
}

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

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

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

._choice_11vj6_38 {
  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_11vj6_38 > span {
  min-width: 0;
}

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

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

._choice_11vj6_38[data-verdict='correct'] {
  border-color: var(--oh-verdict-correct-mark);
  box-shadow:
    inset -1.5px -4px 2.5px var(--oh-grammar-choice-shade),
    0 0 0 5px var(--oh-grammar-band-correct);
}

._choice_11vj6_38[data-verdict='wrong'] {
  border-color: var(--oh-verdict-wrong-mark);
  box-shadow:
    inset -1.5px -4px 2.5px var(--oh-grammar-choice-shade),
    0 0 0 5px var(--oh-grammar-band-wrong);
}

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

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

._sentence_16tnf_11 {
  padding: var(--oh-space-5) var(--oh-space-4) 0;
}

._english_16tnf_15 {
  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_16tnf_26 {
  display: inline-flex;
  align-items: center;
  gap: 2.5px;
  line-height: 1.78125rem;
  white-space: nowrap;
}

._blank_16tnf_34 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.84375rem;
  padding: 0 10px;
  border: 1px solid var(--oh-color-line);
  border-radius: 8px;
  background: var(--oh-color-bg);
}

._blank_16tnf_34[data-state='active'] {
  height: 2.8125rem;
  border: 1.5px solid var(--oh-grammar-blank-active-border);
  background: var(--oh-grammar-blank-active);
  box-shadow:
    0 0 3px 1px var(--oh-grammar-blank-active-glow),
    inset 0 0 2px var(--oh-grammar-blank-active-glow);
}

._blank_16tnf_34[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_16tnf_62 {
  position: absolute;
  top: -6px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--oh-verdict-wrong-mark);
  color: var(--oh-color-text-inverse);
}

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

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

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

._ruler_2yv3f_15 {
  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_2yv3f_15 > * {
  flex: none;
}

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

._lines_2yv3f_8[data-measured='false'] ._row_2yv3f_33 {
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

._role_2yv3f_74 {
  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_2yv3f_83 {
  display: block;
  margin-top: var(--oh-space-1);
  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;
}

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

._answer_11ga3_18 {
  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_11ga3_29 {
  display: inline-flex;
  align-items: center;
  gap: var(--oh-space-2);
  white-space: nowrap;
}

._group_11ga3_29[data-spaced='true'] {
  margin-right: var(--oh-space-1);
}

._chip_11ga3_40 {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  padding: 0 var(--oh-space-2);
  border: 1px solid var(--oh-grammar-chip-correct-border);
  border-radius: 7px;
  background: var(--oh-grammar-chip-correct);
  color: var(--oh-grammar-chip-correct-text);
}

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

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

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

._reason_11ga3_70 {
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-4);
  border-radius: 16px;
  background: var(--oh-grammar-mint);
}

._reasonTitle_11ga3_77,
._structureTitle_11ga3_78 {
  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_11ga3_77 {
  color: var(--oh-grammar-mint-text);
}

._reasonBody_11ga3_91 {
  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_11ga3_98 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-height: 1.5rem;
  padding: 0 var(--oh-space-2);
  border-radius: 6px;
  background: var(--oh-grammar-mint);
  color: var(--oh-grammar-mint-text);
  font-size: var(--oh-text-caption);
  font-weight: var(--oh-weight-bold);
  line-height: 1;
}

._reasonTitle_11ga3_77 ._aiChip_11ga3_98 {
  background: var(--oh-color-bg);
}

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

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

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

._note_11ga3_129 {
  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_11ga3_129 + ._note_11ga3_129 {
  margin-top: var(--oh-space-3);
}

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

._noteTitle_11ga3_159 {
  color: var(--oh-grammar-note-title);
  font-weight: var(--oh-weight-bold);
}

._notice_11ga3_164 {
  display: flex;
  align-items: center;
  gap: var(--oh-space-2);
  min-height: 2.5rem;
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-2) var(--oh-space-3);
  border: 1px dashed var(--oh-color-line);
  border-radius: 8px;
  background: var(--oh-color-surface-muted);
  color: var(--oh-color-text-sub);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

._infoGlyph_11ga3_179 {
  flex: none;
  width: var(--oh-size-icon-sm);
  height: var(--oh-size-icon-sm);
  color: var(--oh-color-text-faint);
}

._sheet_1840r_11 {
  max-height: 88dvh;
  border: 1px solid var(--oh-color-line);
  border-bottom: 0;
}

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

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

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

._title_1840r_44 {
  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);
}

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

._foot_1840r_59 {
  flex: none;
  padding: var(--oh-space-6);
}

._next_1840r_64 {
  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) calc(var(--oh-space-2) + 2px);
  border-radius: 12px;
  background: var(--oh-button-next-waiting);
  color: var(--oh-color-text-inverse);
  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_1840r_64[data-ready='true'] {
  background: var(--oh-color-brand);
  box-shadow:
    inset 0 1px 0 var(--oh-button-cta-shine),
    inset 0 -2px 0 var(--oh-color-brand-pressed),
    0 -1px 1px var(--oh-study-fill-glow);
  cursor: pointer;
}

._next_1840r_64[data-ready='true']:active {
  background: var(--oh-color-brand-pressed);
}

._notice_v58v_14 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100dvh;
  padding: 143px var(--oh-space-4) var(--oh-space-6);
  background: var(--oh-color-bg);
}

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

._title_v58v_29 {
  color: var(--oh-color-text);
  font-size: var(--oh-text-h2);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
}

._art_v58v_37 {
  width: 319px;
  max-width: 100%;
  aspect-ratio: 319 / 287;
  margin-top: 59.5px;
}

._failed_v58v_44 {
  margin-top: var(--oh-space-4);
  color: var(--oh-color-text-sub);
  font-size: var(--oh-text-body);
  text-align: center;
}

._start_v58v_51 {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--oh-space-2);
  width: 100%;
  min-height: var(--oh-size-control-lg);
  margin-top: auto;
  padding: var(--oh-space-2) var(--oh-space-6);
  border-radius: 1.5rem;
  color: var(--oh-color-text-inverse);
  font-size: var(--oh-text-h3);
  font-weight: var(--oh-weight-bold);
  line-height: var(--oh-leading-heading);
  text-align: center;
  text-wrap: balance;
}

._start_v58v_51::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--oh-color-brand) 0%, var(--oh-color-brand) 35%, var(--oh-grammar-start-end) 100%);
  box-shadow:
    inset 0 2px 3px var(--oh-grammar-start-shine),
    inset 0 -3px 4px var(--oh-grammar-start-shade);
  content: '';
}

._start_v58v_51[data-waiting='true']::before {
  opacity: 0.57;
}

._ring_v58v_88 {
  display: block;
  flex: none;
  width: 20px;
  height: 20px;
  border: 2.5px solid var(--oh-grammar-start-shine);
  border-left-color: var(--oh-color-text-inverse);
  border-radius: 50%;
  animation: _ring-turn_v58v_1 800ms linear infinite;
}

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

._cube_v58v_105 {
  position: absolute;
  top: 388.7px;
  left: calc(50% + 17px);
  display: block;
  translate: -50% -50%;
  pointer-events: none;
}

._notice_v58v_14[data-step='entering'] > :not(._cube_v58v_105) {
  opacity: 0;
}

._notice_v58v_14[data-step='appearing'] > :not(._cube_v58v_105) {
  animation: _notice-appear_v58v_1 var(--appear-ms) linear both;
}

._notice_v58v_14[data-step='appearing'] > ._art_v58v_37 {
  animation-name: _art-appear_v58v_1;
}

@keyframes _notice-appear_v58v_1 {
  from {
    opacity: 0.25;
  }

  to {
    opacity: 0.6;
  }
}

@keyframes _art-appear_v58v_1 {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0.25;
  }

  to {
    opacity: 0.6;
  }
}

._band_1fdns_7 {
  position: relative;
  display: block;
  flex: none;
  width: 100%;
  aspect-ratio: 880 / 679;
  background: var(--oh-grammar-video-frame);
  color: var(--oh-grammar-video-mark);
  cursor: pointer;
}

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

._picture_1fdns_22 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  translate: 0 -50%;
}

._play_1fdns_31,
._disc_1fdns_32,
._ring_1fdns_33 {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

._play_1fdns_31 {
  margin-left: 2.5px;
}

._disc_1fdns_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--oh-grammar-video-mark-disc);
}

._ring_1fdns_33 {
  width: 32px;
  height: 32px;
  border: 2px solid var(--oh-grammar-video-mark);
  border-right-color: transparent;
  border-radius: 50%;
  animation: _ring-turn_1fdns_1 800ms linear infinite;
}

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

  to {
    rotate: 360deg;
  }
}

._page_1mbwd_7 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

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

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

._stages_gc95m_6 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._stage_gc95m_6 {
  display: flex;
  align-items: center;
  flex: none;
}

._stageArrow_gc95m_18 {
  flex: none;
  width: 16.5px;
  color: var(--oh-color-text-disabled);
}

._stageCircle_gc95m_24 {
  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_gc95m_35 {
  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);
  border-radius: 14px;
  background: var(--oh-color-bg);
}

._weekDay_gc95m_47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  width: 2.625rem;
}

._weekdayName_gc95m_55 {
  color: var(--oh-color-text-faint);
  font-size: 0.69rem;
  line-height: 1;
}

._weekCell_gc95m_61 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.15625rem;
  height: 2.5rem;
  margin-top: 10px;
  border-radius: 9px;
  color: var(--oh-color-text);
  font-size: 0.95rem;
  line-height: 1;
}

._weekCell_gc95m_61[data-mark='grown'] {
  background: var(--oh-pill-rate-complete-bg);
}

._weekCell_gc95m_61[data-mark='late'] {
  background: var(--oh-color-surface-muted);
}

._weekCell_gc95m_61[data-mark='missed'] {
  background: var(--oh-pill-rate-zero-bg);
}

._weekMark_gc95m_86 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  margin-top: 8.5px;
}

._lateMark_gc95m_94,
._missedMark_gc95m_95 {
  color: var(--oh-color-text-faint);
}

._fruit_gc95m_99 {
  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);
}

html[data-edition='to-be'] ._weekDay_gc95m_47 {
  flex: 0 1 2.625rem;
  width: auto;
  min-width: 0;
}

html[data-edition='to-be'] ._weekdayName_gc95m_55 {
  font-size: var(--oh-text-caption);
}

html[data-edition='to-be'] ._weekCell_gc95m_61 {
  width: min(2.15625rem, 100% - var(--oh-space-2));
  font-size: var(--oh-text-body);
}

._screen_1s9n0_6 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._top_1s9n0_18 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: none;
  min-height: 3.75rem;
  padding: 30.5px 25.5px 0;
}

._skip_1s9n0_27 {
  position: relative;
  color: var(--oh-color-text-faint);
  font-size: 0.775rem;
  line-height: 1.2;
}

._skip_1s9n0_27::after {
  position: absolute;
  inset: -14px -12px;
  content: '';
}

._stage_1s9n0_41 {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 21rem;
  overflow: hidden;
}

._slide_1s9n0_49 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px var(--oh-space-page) 0;
  text-align: center;
}

._slide_1s9n0_49[data-motion='enter'] {
  animation: _slide-in_1s9n0_1 333ms ease;
}

._slide_1s9n0_49[data-motion='leave'] {
  animation: _slide-out_1s9n0_1 333ms ease forwards;
}

@keyframes _slide-in_1s9n0_1 {
  from {
    translate: 100% 0;
  }
}

@keyframes _slide-out_1s9n0_1 {
  to {
    translate: -100% 0;
  }
}

._caption_1s9n0_80 {
  margin-top: 12.5px;
  color: var(--oh-welcome-fruit-caption);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.2;
}

._title_1s9n0_88 {
  margin-top: 26.5px;
  color: var(--oh-color-text-strong);
  font-size: 1.27rem;
  font-weight: 700;
  line-height: 1.2;
}

._title_1s9n0_88[data-after-caption] {
  margin-top: 29px;
}

._body_1s9n0_100 {
  margin-top: 16px;
  color: var(--oh-color-text-sub);
  font-size: 0.89rem;
  line-height: 1.4375rem;
}

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

._footer_1s9n0_112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  padding: 18px 23.5px calc(27px + env(safe-area-inset-bottom));
}

._dots_1s9n0_120 {
  display: flex;
  align-items: center;
  gap: 6.5px;
  height: 6.5px;
}

._dot_1s9n0_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_1s9n0_120[data-current] {
  width: 18px;
  height: 6.5px;
  background: var(--oh-color-brand);
}

._action_1s9n0_143 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.21875rem;
  margin-top: 22px;
  border-radius: 12px;
  background: var(--oh-color-brand);
  box-shadow: 0 0 5px var(--oh-color-brand-glow);
  color: var(--oh-color-text-inverse);
  font-size: 0.875rem;
  font-weight: 700;
}

._action_1s9n0_143:active {
  background: var(--oh-color-brand-pressed);
}

html[data-edition='to-be'] ._top_1s9n0_18 {
  align-items: center;
  min-height: var(--oh-size-header);
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._skip_1s9n0_27 {
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._slide_1s9n0_49 {
  padding: 0 var(--oh-space-page);
}

html[data-edition='to-be'] ._caption_1s9n0_80 {
  margin-top: var(--oh-space-3);
  font-size: var(--oh-text-sm);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._title_1s9n0_88 {
  margin-top: var(--oh-space-6);
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
}

html[data-edition='to-be'] ._title_1s9n0_88[data-after-caption] {
  margin-top: var(--oh-space-6);
}

html[data-edition='to-be'] ._body_1s9n0_100 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-body);
  line-height: var(--oh-leading-body);
}

html[data-edition='to-be'] ._footer_1s9n0_112 {
  padding: var(--oh-space-4) var(--oh-space-4) calc(var(--oh-space-6) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._action_1s9n0_143 {
  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;
}

._picked_19bkk_6 {
  min-height: 4.71875rem;
  margin-top: 15px;
  padding: 11px 13.5px 0;
  border-radius: 10px;
  background: var(--oh-wrong-surface);
}

._pickedLabel_19bkk_14 {
  color: var(--oh-picked-label);
  font-size: 0.767rem;
  font-weight: 600;
  line-height: 1.3;
}

._pickedWord_19bkk_21 {
  margin-top: 10px;
  color: var(--oh-picked-word);
  font-size: 1.27rem;
  font-weight: 700;
  line-height: 1.3;
}

._answerLabel_19bkk_29 {
  margin-top: 14.5px;
  color: var(--oh-verdict-correct-text);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

._wordRow_19bkk_38 {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 2.375rem;
  margin-top: 6px;
}

._wordRow_19bkk_38[data-verdict='correct'] {
  margin-top: 14.5px;
}

._word_19bkk_38 {
  min-width: 0;
  color: var(--oh-color-text-strong);
  font-size: 1.495rem;
  font-weight: 700;
  letter-spacing: 0.008em;
  line-height: 1.25;
}

._meaning_19bkk_59 {
  margin-top: 7.5px;
  color: var(--oh-sheet-text-sub);
  font-size: 0.956rem;
  line-height: 1.5;
}

._meaning_19bkk_59[data-last] {
  padding-bottom: 21px;
}

._note_19bkk_70 {
  margin-top: 13px;
  color: var(--oh-sheet-text-note);
  font-size: 0.82rem;
  line-height: 1.5;
}

._emoji_19bkk_77 {
  margin-left: 2px;
  font-size: 1.24em;
  line-height: 0;
  vertical-align: -0.08em;
}

html[data-edition='to-be'] ._picked_19bkk_6 {
  min-height: 0;
  margin-top: var(--oh-space-4);
  padding: var(--oh-space-3) var(--oh-space-4);
}

html[data-edition='to-be'] ._pickedLabel_19bkk_14 {
  font-size: var(--oh-text-sm);
  font-weight: var(--oh-weight-bold);
}

html[data-edition='to-be'] ._pickedWord_19bkk_21 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-h3);
}

html[data-edition='to-be'] ._answerLabel_19bkk_29 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._wordRow_19bkk_38 {
  gap: var(--oh-space-3);
  min-height: var(--oh-size-icon-button);
  margin-top: var(--oh-space-2);
}

html[data-edition='to-be'] ._wordRow_19bkk_38[data-verdict='correct'] {
  margin-top: var(--oh-space-4);
}

html[data-edition='to-be'] ._word_19bkk_38 {
  font-size: var(--oh-text-h2);
  line-height: var(--oh-leading-heading);
}

html[data-edition='to-be'] ._meaning_19bkk_59 {
  margin-top: var(--oh-space-2);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._meaning_19bkk_59[data-last] {
  padding-bottom: var(--oh-space-6);
}

html[data-edition='to-be'] ._note_19bkk_70 {
  margin-top: var(--oh-space-4);
  font-size: var(--oh-text-sm);
}

._page_166xm_8 {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--oh-color-bg);
}

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

._main_166xm_21 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

._promptArea_166xm_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 6rem;
  padding: 6px 20px 0;
}

._prompt_166xm_28 {
  max-width: 100%;
  color: var(--oh-color-text-strong);
  font-size: 1.97rem;
  font-weight: 700;
  letter-spacing: -0.023em;
  line-height: 1.5;
  word-break: normal;
}

._sendFailed_166xm_47 {
  padding: 0 20px 12px;
  color: var(--oh-wrong-text);
  font-size: 0.875rem;
  text-align: center;
}

._choices_166xm_54 {
  position: relative;
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 5.75px;
  padding: 0 10px calc(9.5px + env(safe-area-inset-bottom));
}

._choices_166xm_54[data-band]::before {
  position: absolute;
  top: -10.5px;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

._choices_166xm_54[data-band='correct']::before {
  background: var(--oh-quiz-band-correct);
}

._choices_166xm_54[data-band='wrong']::before {
  background: var(--oh-quiz-band-wrong);
}

._choices_166xm_54 > li {
  position: relative;
}

._choice_166xm_54 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.90625rem;
  margin-bottom: 6px;
  padding: 1.5px 16px 0;
  border: 1px solid var(--oh-color-border);
  border-radius: 20px;
  background: var(--oh-color-bg);
  box-shadow: 0 6px 0 var(--oh-choice-ledge);
  color: var(--oh-color-text);
  font-size: 1.245rem;
  font-weight: 600;
  text-align: center;
  
  -webkit-tap-highlight-color: transparent;
}

._failure_166xm_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 100dvh;
  padding: 0 20px;
  background: var(--oh-color-bg);
  color: var(--oh-color-text-muted);
  font-size: 0.875rem;
}

._failureLink_166xm_117 {
  color: var(--oh-color-brand-deep);
  font-weight: 700;
}

._page_166xm_8[data-review] ._promptArea_166xm_28 {
  padding-bottom: 48px;
}

._page_166xm_8[data-review] ._prompt_166xm_28 {
  font-size: 1.675rem;
}

html[data-edition='to-be'] ._promptArea_166xm_28 {
  padding: 0 var(--oh-space-4);
}

html[data-edition='to-be'] ._prompt_166xm_28 {
  font-size: var(--oh-text-h1);
  line-height: var(--oh-leading-heading);
  text-wrap: balance;
  word-break: keep-all;
}

html[data-edition='to-be'] ._page_166xm_8[data-review] ._prompt_166xm_28 {
  font-size: var(--oh-text-h2);
}

html[data-edition='to-be'] ._sendFailed_166xm_47 {
  padding: 0 var(--oh-space-4) var(--oh-space-3);
  font-size: var(--oh-text-sm);
}

html[data-edition='to-be'] ._choices_166xm_54 {
  gap: var(--oh-space-2);
  padding: 0 var(--oh-space-4) calc(var(--oh-space-4) + env(safe-area-inset-bottom));
}

html[data-edition='to-be'] ._choices_166xm_54[data-band]::before {
  top: calc(-1 * var(--oh-space-2));
}

html[data-edition='to-be'] ._choice_166xm_54 {
  min-height: calc(3.5rem - 6px);
  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);
}

html[data-edition='to-be'] ._failure_166xm_16 {
  padding: 0 var(--oh-space-4);
  font-size: var(--oh-text-body);
}

html[data-edition='to-be'] ._failureLink_166xm_117 {
  display: inline-flex;
  align-items: center;
  min-height: var(--oh-size-control-lg);
  padding: 0 var(--oh-space-4);
}