html{font-size:18px}:root{--brand-50: hsl(292, 100%, 97%);--brand-100: hsl(292, 90%, 93%);--brand-200: hsl(292, 78%, 86%);--brand-300: hsl(292, 70%, 68%);--brand-400: hsl(292, 65%, 50%);--brand-500: hsl(292, 59%, 29%);--brand-600: hsl(292, 61%, 23%);--brand-700: hsl(292, 63%, 18%);--brand-800: hsl(292, 63%, 21%);--brand-900: hsl(292, 68%, 14%);--brand-950: hsl(292, 75%, 8%);--brand-alpha-06: color-mix(in srgb, var(--brand-500) 6%, transparent);--brand-alpha-07: color-mix(in srgb, var(--brand-500) 7%, transparent);--brand-alpha-08: color-mix(in srgb, var(--brand-500) 8%, transparent);--brand-alpha-10: color-mix(in srgb, var(--brand-500) 10%, transparent);--brand-alpha-15: color-mix(in srgb, var(--brand-500) 15%, transparent);--brand-alpha-25: color-mix(in srgb, var(--brand-500) 25%, transparent);--brand-alpha-35: color-mix(in srgb, var(--brand-500) 35%, transparent);--brand-alpha-40: color-mix(in srgb, var(--brand-500) 40%, transparent);--brand-alpha-60: color-mix(in srgb, var(--brand-500) 60%, transparent);--badge-structure-bg: var(--brand-alpha-15);--badge-structure-text: var(--brand-700);--badge-structure-bg-dark: color-mix(in srgb, var(--brand-400) 20%, transparent);--badge-structure-text-dark: var(--brand-200);--neutral-0: hsl(270, 15%, 99%);--neutral-50: hsl(270, 20%, 98%);--neutral-100: hsl(270, 15%, 95%);--neutral-200: hsl(270, 10%, 90%);--neutral-300: hsl(270, 8%, 80%);--neutral-400: hsl(270, 5%, 65%);--neutral-500: hsl(270, 4%, 50%);--neutral-600: hsl(270, 5%, 38%);--neutral-700: hsl(270, 7%, 27%);--neutral-800: hsl(270, 9%, 18%);--neutral-900: hsl(270, 12%, 11%);--neutral-950: hsl(270, 15%, 6%);--neutral-1000: hsl(0, 0%, 0%);--success-50: hsl(142, 76%, 97%);--success-100: hsl(142, 72%, 90%);--success-200: hsl(142, 65%, 78%);--success-500: hsl(142, 58%, 40%);--success-600: hsl(142, 62%, 33%);--success-700: hsl(142, 65%, 25%);--warning-50: hsl(38, 100%, 97%);--warning-100: hsl(38, 95%, 90%);--warning-200: hsl(38, 90%, 78%);--warning-500: hsl(38, 90%, 48%);--warning-600: hsl(38, 92%, 40%);--warning-700: hsl(38, 95%, 30%);--error-50: hsl(0, 100%, 97%);--error-100: hsl(0, 94%, 92%);--error-200: hsl(0, 88%, 83%);--error-500: hsl(0, 72%, 51%);--error-600: hsl(0, 74%, 42%);--error-700: hsl(0, 76%, 33%);--info-50: hsl(213, 100%, 97%);--info-100: hsl(213, 94%, 91%);--info-200: hsl(213, 85%, 80%);--info-500: hsl(213, 80%, 51%);--info-600: hsl(213, 82%, 42%);--info-700: hsl(213, 85%, 33%);--cefr-a1: hsl(142, 60%, 38%);--cefr-a1-bg: hsl(142, 65%, 94%);--cefr-a2: hsl(160, 55%, 34%);--cefr-a2-bg: hsl(160, 60%, 93%);--cefr-b1: hsl(210, 75%, 46%);--cefr-b1-bg: hsl(210, 80%, 94%);--cefr-b2: hsl(230, 70%, 50%);--cefr-b2-bg: hsl(230, 75%, 94%);--cefr-c1: hsl(262, 60%, 48%);--cefr-c1-bg: hsl(262, 65%, 95%);--cefr-c2: var(--brand-500);--cefr-c2-bg: hsl(292, 60%, 95%);--surface-base: var(--neutral-0);--surface-raised: var(--neutral-50);--surface-overlay: var(--neutral-100);--surface-sunken: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-400);--text-disabled: var(--neutral-300);--text-on-brand: var(--neutral-0);--text-inverse: var(--neutral-0);--text-display: var(--neutral-300);--border-subtle: var(--neutral-100);--border-default: var(--neutral-200);--border-strong: var(--neutral-300);--border-focus: var(--brand-500);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-500) 12%, transparent);--interactive: var(--brand-500);--interactive-hover: var(--brand-600);--interactive-active: var(--brand-700);--interactive-subtle: var(--brand-50);--interactive-subtle-hover: var(--brand-100);--feedback-success: var(--success-500);--feedback-success-bg: var(--success-50);--feedback-success-border: var(--success-200);--feedback-warning: var(--warning-500);--feedback-warning-bg: var(--warning-50);--feedback-warning-border: var(--warning-200);--feedback-error: var(--error-500);--feedback-error-bg: var(--error-50);--feedback-error-border: var(--error-200);--feedback-info: var(--info-500);--feedback-info-bg: var(--info-50);--feedback-info-border: var(--info-200);--font-sans: "Gabarito", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-2xs: .611rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.625;--leading-relaxed: 1.875;--leading-loose: 2.25;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--stroke-thin: 1px;--stroke-default: 1.5px;--stroke-thick: 2px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--shadow-brand: 0 4px 16px color-mix(in srgb, var(--brand-500) 25%, transparent);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-deliberate: .5s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--z-base: 0;--z-raised: 10;--z-drawer-backdrop: 35;--z-drawer: 50;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-cinema: 950;--z-tooltip: 600;--container-narrow: 28rem;--container-sm: 36rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-2xl: 96rem;--tooltip-width: 15rem;--sidebar-border: hsl(292, 35%, 20%);--sidebar-divider: hsl(292, 30%, 20%);--sidebar-nav-text: hsl(292, 20%, 65%);--sidebar-nav-hover-bg: hsl(292, 30%, 20%);--sidebar-nav-active-bg: hsl(292, 40%, 22%);--sidebar-muted-text: hsl(292, 20%, 55%);--sidebar-icon-text: hsl(292, 20%, 70%);--sidebar-overlay-bg: rgba(0, 0, 0, .6);--sidebar-stage-active-bg: var(--neutral-0);--sidebar-stage-active-border: hsl(292, 30%, 78%);--sidebar-interactive-border: hsl(292, 30%, 72%);--sidebar-width: 240px;--sidebar-width-collapsed: 60px;--sidebar-lesson-width: 220px;--sidebar-lesson-width-collapsed: 56px;--topbar-height: 56px;--drawer-width: 260px}[data-theme=dark]{--surface-base: hsl(290, 28%, 7%);--surface-raised: hsl(290, 24%, 11%);--surface-overlay: hsl(290, 20%, 17%);--surface-sunken: hsl(290, 30%, 4%);--text-primary: hsl(270, 20%, 96%);--text-secondary: var(--neutral-400);--text-muted: var(--neutral-500);--text-disabled: var(--neutral-700);--text-on-brand: var(--neutral-0);--text-display: var(--neutral-300);--text-inverse: var(--neutral-900);--border-subtle: hsl(290, 18%, 12%);--border-default: hsl(290, 14%, 19%);--border-strong: hsl(290, 11%, 28%);--border-focus: var(--brand-400);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-400) 25%, transparent);--interactive: var(--brand-400);--interactive-hover: var(--brand-300);--interactive-active: var(--brand-200);--interactive-subtle: color-mix(in srgb, var(--brand-500) 12%, transparent);--interactive-subtle-hover: color-mix(in srgb, var(--brand-500) 18%, transparent);--feedback-success-bg: hsl(142, 50%, 10%);--feedback-success-border: hsl(142, 50%, 20%);--feedback-warning-bg: hsl(38, 80%, 10%);--feedback-warning-border: hsl(38, 80%, 20%);--feedback-error-bg: hsl(0, 70%, 10%);--feedback-error-border: hsl(0, 70%, 20%);--feedback-info-bg: hsl(213, 70%, 10%);--feedback-info-border: hsl(213, 70%, 20%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--shadow-brand: 0 4px 16px color-mix(in srgb, var(--brand-500) 40%, transparent);--cefr-a1-bg: hsl(142, 40%, 12%);--cefr-a2-bg: hsl(160, 38%, 11%);--cefr-b1-bg: hsl(210, 55%, 12%);--cefr-b2-bg: hsl(230, 50%, 12%);--cefr-c1-bg: hsl(262, 45%, 13%);--cefr-c2-bg: hsl(292, 40%, 13%)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-deliberate: 0ms}}[data-surface=sprint-textbook]{--sprint-textbook-font-chrome: "DM Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--sprint-textbook-font-serif: "Fraunces", Georgia, "Times New Roman", serif;--sprint-textbook-page: hsl(40, 100%, 99%);--sprint-textbook-ink: hsl(280, 8%, 11%);--sprint-textbook-ink-muted: hsl(280, 5%, 38%);--sprint-textbook-ink-soft: hsl(280, 7%, 24%);--sprint-textbook-canvas: hsl(280, 15%, 93%);--sprint-textbook-accent: var(--interactive);--sprint-textbook-accent-deep: var(--brand-700);--sprint-textbook-herald-size: clamp(1.9rem, 1.15rem + 4vw, 2.15rem);--sprint-textbook-herald-pad-y: clamp(.85rem, .5rem + 1vw, 1rem);--sprint-textbook-herald-pad-x: clamp(1rem, .6rem + 1.5vw, 1.25rem);--sprint-textbook-herald-ink: hsl(40, 100%, 99%);--sprint-textbook-herald-gradient: linear-gradient( 105deg, var(--brand-400) 0%, var(--interactive) 55%, var(--brand-700) 100% );--sprint-textbook-herald-gradient-2: linear-gradient( 105deg, hsl(292, 57%, 52%) 0%, hsl(292, 56%, 42%) 55%, var(--brand-800) 100% );--sprint-textbook-herald-gradient-3: linear-gradient( 105deg, hsl(292, 52%, 46%) 0%, hsl(292, 55%, 38%) 55%, var(--brand-900) 100% );--sprint-textbook-herald-gap: .35rem;--sprint-textbook-after-herald-gap: var(--space-4);--sprint-textbook-section-label-size: .82rem;--sprint-textbook-section-label-tracking: .18em;--sprint-textbook-section-rule: 3px solid hsl(292, 35%, 90%);--sprint-textbook-section-practice-ink: var(--brand-700);--sprint-textbook-section-practice-rule: 3px solid hsl(292, 40%, 92%);--sprint-textbook-listen-size: 1rem;--sprint-textbook-listen-leading: 1.58;--sprint-textbook-prompt-size: 1.02rem;--sprint-textbook-answer-size: 1rem;--sprint-textbook-meta-label-size: .62rem;--sprint-textbook-meta-label-tracking: .12em;--sprint-textbook-sheet-gap: var(--space-12);--sprint-textbook-sheet-pad-x: var(--space-4);--sprint-textbook-sheet-max-width: 42rem;--sprint-textbook-sheet-radius: var(--radius-sm);--sprint-textbook-sheet-shadow: 0 18px 36px hsl(292 68% 14% / .14);--sprint-textbook-sheet-accent-border: 3px solid var(--interactive);--sprint-textbook-answer-width: 66.666%;--sprint-textbook-listen-panel-bg: hsl(280, 25%, 98%);--sprint-textbook-listen-panel-border: 3px solid hsl(292, 35%, 90%);--sprint-textbook-listen-panel-radius: var(--radius-sm);--sprint-textbook-practice-divider: 2px solid hsl(292, 30%, 94%);--sprint-textbook-pair-divider: 1px solid hsl(280, 10%, 92%);--sprint-textbook-seg-height: 5px;--sprint-textbook-seg-gap: 3px;--sprint-textbook-seg-track: hsl(280, 18%, 86%);--sprint-textbook-seg-done: hsl(292, 35%, 78%);--sprint-textbook-seg-bar-pad-y: var(--space-2);--sprint-textbook-seg-bar-pad-x: var(--space-4);--sprint-textbook-chrome-bg: hsl(280, 15%, 93% / .98);--sprint-textbook-chrome-border: hsl(292, 52%, 42% / .1);--sprint-textbook-chrome-row2-border: hsl(292, 52%, 42% / .08);--sprint-textbook-chrome-pad-x: var(--space-4);--sprint-textbook-chrome-row1-pad-y: var(--space-2);--sprint-textbook-chrome-row2-pad-y: var(--space-2);--sprint-textbook-chrome-tab-size: .58rem;--sprint-textbook-chrome-nav-size: .68rem;--sprint-textbook-chrome-tab-border: hsl(292, 25%, 82%);--sprint-textbook-dictation-badge-bg: hsl(292, 40%, 97%);--sprint-textbook-dictation-badge-border: hsl(292, 35%, 90%);--sprint-textbook-dictation-instruction-size: .95rem;--sprint-textbook-dictation-instruction-ink: hsl(280, 7%, 30%);--sprint-textbook-dictation-pause-ink: hsl(292, 25%, 55%);--sprint-textbook-dictation-field-border: hsl(280, 18%, 86%);--sprint-textbook-tab-bg: hsl(280, 25%, 94%);--sprint-textbook-tab-border: hsl(292, 25%, 82%);--sprint-textbook-tab-pending-bg: hsl(292, 40%, 97%);--sprint-textbook-tab-font-size: .58rem;--sprint-textbook-tab-letter-spacing: .08em;--sprint-textbook-fade-lip-height: 2rem;font-family:var(--sprint-textbook-font-chrome);color:var(--sprint-textbook-ink)}*,*:before,*:after{box-sizing:border-box}#root{width:100%;min-height:100vh;min-height:100dvh}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}a{color:var(--interactive);text-decoration:none}a:hover{text-decoration:underline}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}button{cursor:pointer;border:none;background:none;padding:0}input,textarea{background:none;border:none;outline:none}textarea{resize:vertical}:focus-visible{outline:var(--stroke-thick) solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}hr{border:none;border-top:var(--stroke-thin) solid var(--border-subtle);margin:0}code,kbd,pre{font-family:var(--font-mono);font-size:.875em}*{min-width:0}