@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-pill: 9999px;--radius-circle: 50%;--radius-lg: 24px;--radius-md: 16px;--radius-xs: 8px;--size-control-sm: 36px;--size-control-md: 44px;--size-control-bar: 40px;--size-control-lg: 56px;--size-control-row: var(--size-control-lg);--size-control-touch: var(--size-control-lg);--size-hit-min: 48px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-row: var(--size-icon-lg);--size-content-max: 66ch;--size-content-wide: 1040px;--size-content-lead: 56ch;--size-page-reading: 720px;--size-page-wide: 1120px;--size-entry-card: 520px;--size-entry-way-in: 448px;--size-dialog: 560px;--size-field-short: 240px;--size-dock-height: calc(var(--size-control-row) + 2 * var(--space-2));--size-touch-min: 44px;--size-session-control: var(--size-control-bar);--size-session-pad: var(--space-1);--size-session-bar: calc(var(--size-session-control) + 2 * var(--size-session-pad));--size-caption-height: var(--size-control-lg);--size-gallery-peek: var(--space-6);--size-gallery-thumb: 96px;--size-focus-ring: 2px;--size-progress-height: var(--space-2);--size-page-home: 1360px;--size-home-rail: 340px;--size-nav-expanded: 240px;--size-nav-collapsed: 72px;--size-course-tile: 176px;--size-chip-min: 128px;--size-column-leading: 280px;--size-column-aside: 420px;--size-stops-compact: var(--space-7);--size-choice: var(--size-control-lg);--page-gutter: calc(var(--space-6) + var(--space-2));--page-edge-left: max(var(--page-gutter), calc(var(--safe-left) + var(--space-4)));--page-edge-right: max(var(--page-gutter), calc(var(--safe-right) + var(--space-4)));--page-edge-inline: max(var(--page-gutter), calc(var(--safe-left) + var(--space-4)), calc(var(--safe-right) + var(--space-4)));--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--gap-item: var(--space-3);--gap-group: calc(var(--space-4) + var(--space-1));--gap-section: calc(var(--space-6) + var(--space-2));--gap-header: var(--space-5);--border-width-none: 0px;--border-width-hairline: 1px;--icon-stroke: 1.75px;--font-ui: "Inter Variable", Inter, "Inter Fallback", system-ui, sans-serif;--font-arabic: "Inter Variable", Inter, "Noto Sans Arabic", "SF Arabic", "Geeza Pro", "Segoe UI", Tahoma, system-ui, sans-serif;--font-features: "cv11" 1;--font-numeric: "cv11" 1, "tnum" 1;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--font-size-44: 44px;--font-size-60: 60px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--type-comfort-tracking: .01em;--type-comfort-leading: 1.15;--type-code-tracking: .06em;--type-tight-tracking: -.02em;--type-tracking: -.006em;--type-leading-scale: 1;--type-display-step: var(--font-size-32);--type-display-size: var(--type-display-step);--type-display-ratio: 1.1;--type-display-line-height: calc(var(--type-display-ratio) * var(--type-leading-scale));--type-display-weight: var(--font-weight-medium);--type-title-step: var(--font-size-24);--type-title-size: var(--type-title-step);--type-title-ratio: 1.15;--type-title-line-height: calc(var(--type-title-ratio) * var(--type-leading-scale));--type-title-weight: var(--font-weight-medium);--type-body-step: var(--font-size-18);--type-body-size: var(--type-body-step);--type-body-ratio: 1.4;--type-body-line-height: calc(var(--type-body-ratio) * var(--type-leading-scale));--type-body-weight: var(--font-weight-regular);--type-body-lg-step: var(--font-size-20);--type-body-lg-size: var(--type-body-lg-step);--type-body-lg-ratio: 1.4;--type-body-lg-line-height: calc(var(--type-body-lg-ratio) * var(--type-leading-scale));--type-body-lg-weight: var(--font-weight-regular);--type-label-step: var(--font-size-16);--type-label-size: var(--type-label-step);--type-label-ratio: 1.3;--type-label-line-height: calc(var(--type-label-ratio) * var(--type-leading-scale));--type-label-weight: var(--font-weight-medium);--type-caption-step: var(--font-size-14);--type-caption-size: var(--type-caption-step);--type-caption-ratio: 1.3;--type-caption-line-height: calc(var(--type-caption-ratio) * var(--type-leading-scale));--type-caption-weight: var(--font-weight-regular);--type-emphasis-weight: var(--font-weight-semibold);--color-white: oklch(100% 0 0);--color-white-clear: oklch(100% 0 0 / 0);--color-neutral-0: oklch(98.5% .004 85);--color-neutral-3: oklch(97.3% .005 85);--color-neutral-5: oklch(95.5% .006 85);--color-neutral-10: oklch(92.5% .006 85);--color-neutral-15: oklch(89% .006 85);--color-neutral-20: oklch(85% .006 85);--color-neutral-30: oklch(78% .006 85);--color-neutral-40: oklch(70% .006 85);--color-neutral-50: oklch(62% .006 85);--color-neutral-60: oklch(52% .006 85);--color-neutral-70: oklch(44% .006 85);--color-neutral-80: oklch(36% .006 85);--color-neutral-85: oklch(31% .006 85);--color-neutral-85-clear: oklch(31% .006 85 / 0);--color-neutral-90: oklch(26% .006 85);--color-neutral-95: oklch(21.5% .006 85);--color-neutral-100: oklch(16% .006 85);--color-shadow-scrim-light: oklch(21.5% .006 85 / .18);--color-shadow-scrim-dark: oklch(8% .006 85 / .6);--color-shadow-light: oklch(21.5% .006 85 / .08);--color-shadow-dark: oklch(10% .006 85 / .4);--color-hue-accent-50: oklch(52% .13 250);--color-hue-accent-75: oklch(76% .1 250);--color-hue-accent-soft-light: oklch(95% .025 250);--color-hue-accent-soft-dark: oklch(33% .05 250);--color-hue-ok-light: oklch(52% .1 150);--color-hue-ok-dark: oklch(70% .1 150);--color-hue-ok-soft-light: oklch(95.5% .025 150);--color-hue-ok-soft-dark: oklch(33% .045 150);--color-hue-warn-light: oklch(56% .11 70);--color-hue-warn-dark: oklch(76% .11 70);--color-hue-warn-soft-light: oklch(95% .035 70);--color-hue-warn-soft-dark: oklch(34% .05 70);--color-hue-danger-light: oklch(53% .15 27);--color-hue-danger-dark: oklch(70% .14 27);--color-hue-danger-soft-light: oklch(95% .03 27);--color-hue-danger-soft-dark: oklch(35% .06 27);--color-hue-brand-sun: oklch(90% .05 65);--color-hue-brand-sun-clear: oklch(90% .05 65 / 0);--color-hue-brand-ring-dark: oklch(58% .13 250);--color-hue-glow-light-1: oklch(78% .1 245);--color-hue-glow-light-2: oklch(78% .1 295);--color-hue-glow-light-3: oklch(85% .08 60);--color-hue-glow-dark-1: oklch(55% .12 250);--color-hue-glow-dark-2: oklch(50% .13 295);--color-hue-glow-dark-3: oklch(55% .09 195);--color-hue-ambient-sky-light: oklch(95% .022 245);--color-hue-ambient-sky-light-clear: oklch(95% .022 245 / 0);--color-hue-ambient-sky-dark: oklch(27% .032 250);--color-hue-ambient-sky-dark-clear: oklch(27% .032 250 / 0);--color-hue-ambient-rose-light: oklch(95% .019 350);--color-hue-ambient-rose-light-clear: oklch(95% .019 350 / 0);--color-hue-ambient-rose-dark: oklch(26.5% .028 350);--color-hue-ambient-rose-dark-clear: oklch(26.5% .028 350 / 0);--color-hue-ambient-mint-light: oklch(95% .024 170);--color-hue-ambient-mint-light-clear: oklch(95% .024 170 / 0);--color-hue-ambient-mint-dark: oklch(26.5% .026 175);--color-hue-ambient-mint-dark-clear: oklch(26.5% .026 175 / 0);--color-hue-ambient-peach-light: oklch(95% .024 65);--color-hue-ambient-peach-light-clear: oklch(95% .024 65 / 0);--color-hue-ambient-peach-dark: oklch(26.5% .026 60);--color-hue-ambient-peach-dark-clear: oklch(26.5% .026 60 / 0);--color-hue-ambient-lilac-light: oklch(95% .022 295);--color-hue-ambient-lilac-light-clear: oklch(95% .022 295 / 0);--color-hue-ambient-lilac-dark: oklch(26.5% .03 295);--color-hue-ambient-lilac-dark-clear: oklch(26.5% .03 295 / 0);--color-hue-pastel-sky-light: oklch(94% .045 245);--color-hue-pastel-sky-dark: oklch(30% .05 250);--color-hue-pastel-mint-light: oklch(94% .05 170);--color-hue-pastel-mint-dark: oklch(30% .045 175);--color-hue-pastel-peach-light: oklch(94% .045 65);--color-hue-pastel-peach-dark: oklch(30% .04 60);--color-hue-pastel-rose-light: oklch(94% .04 350);--color-hue-pastel-rose-dark: oklch(30% .045 350);--color-hue-pastel-lilac-light: oklch(94% .045 295);--color-hue-pastel-lilac-dark: oklch(30% .055 295);--color-hue-site-lilac-dark: oklch(26.5% .03 295);--color-hue-site-lilac-dark-clear: oklch(26.5% .03 295 / 0);--color-hue-site-panel-sky: oklch(27% .022 250);--color-hue-site-panel-mint: oklch(27% .022 175);--color-hue-site-panel-lilac: oklch(27% .022 295);--color-hue-site-heat-light-1: oklch(91% .03 250);--color-hue-site-heat-light-2: oklch(80% .065 250);--color-hue-site-heat-light-3: oklch(69% .095 250);--color-hue-site-heat-light-4: oklch(59.5% .12 250);--color-hue-site-heat-light-5: oklch(50% .135 250);--color-hue-site-heat-dark-1: oklch(42% .07 250);--color-hue-site-heat-dark-2: oklch(53% .105 250);--color-hue-site-heat-dark-3: oklch(64% .125 250);--color-hue-site-heat-dark-4: oklch(75% .11 250);--color-hue-site-heat-dark-5: oklch(88% .065 250);--color-hue-okabe-blue-on-light: oklch(52.19% .1289 244.05);--color-hue-okabe-blue-on-dark: oklch(64.19% .1313 244.05);--color-hue-okabe-vermillion-on-light: oklch(53.88% .148 47.51);--color-hue-okabe-vermillion-on-dark: oklch(66.13% .1705 47.51);--color-hue-okabe-red-on-light: oklch(54% .2 29);--color-hue-okabe-red-on-dark: oklch(66% .19 27);--color-hue-okabe-magenta-on-light: oklch(55% .22 355);--color-hue-okabe-magenta-on-dark: oklch(68% .2 355);--color-hue-okabe-green-on-light: oklch(51.48% .1077 165.46);--color-hue-okabe-green-on-dark: oklch(62.98% .1295 165.46);--color-hue-okabe-orange-on-light: oklch(53.02% .1311 58);--color-hue-okabe-orange-on-dark: oklch(75.27% .1676 58);--color-hue-okabe-purple-on-light: oklch(54.75% .13 340);--color-hue-okabe-purple-on-dark: oklch(65.75% .13 340);--color-hue-okabe-gold-on-light: oklch(53% .12 106);--color-hue-okabe-gold-on-dark: oklch(76% .15 106);--color-hue-okabe-sky-on-light: oklch(52.5% .11 230);--color-hue-okabe-sky-on-dark: oklch(72% .11 230);--color-hue-okabe-copper-on-light: oklch(48% .085 62);--color-hue-okabe-copper-on-dark: oklch(70% .085 62);--color-hue-tint-water-light: oklch(80% .07 230);--color-hue-tint-water-dark: oklch(48% .08 230);--color-hue-tint-yellow-light: oklch(90% .17 98);--color-hue-tint-yellow-dark: oklch(60% .14 95);--color-hue-tint-copper-light: oklch(72% .09 60);--color-hue-tint-copper-dark: oklch(50% .08 60);--color-hue-tint-green-light: oklch(84% .1 150);--color-hue-tint-green-dark: oklch(48% .09 150);--color-hue-tint-red-light: oklch(80% .1 25);--color-hue-tint-red-dark: oklch(48% .12 25);--color-hue-tint-gray-light: oklch(82% .01 85);--color-hue-tint-gray-dark: oklch(45% .01 85);--color-hue-tint-pink-light: oklch(82% .1 355);--color-hue-tint-pink-dark: oklch(50% .12 355);--color-hue-tint-purple-light: oklch(78% .09 305);--color-hue-tint-purple-dark: oklch(46% .1 305);--color-hue-heat-1-light: oklch(85.2% .019 246);--color-hue-heat-1-dark: oklch(35% .013 245);--color-hue-heat-2-light: oklch(77.9% .043 249);--color-hue-heat-2-dark: oklch(44% .032 248);--color-hue-heat-3-light: oklch(69.8% .07 249);--color-hue-heat-3-dark: oklch(54% .053 249);--color-hue-heat-4-light: oklch(60.9% .1 250);--color-hue-heat-4-dark: oklch(65% .077 250);--color-canvas: var(--color-neutral-0);--color-surface: var(--color-white);--color-surface-clear: var(--color-white-clear);--color-fg: var(--color-neutral-95);--color-fg-muted: var(--color-neutral-60);--color-border: var(--color-neutral-50);--color-track: var(--color-neutral-10);--color-fill: var(--color-neutral-10);--color-fill-quiet: var(--color-neutral-5);--color-fill-hover: var(--color-neutral-15);--color-scrim: var(--color-shadow-scrim-light);--color-skeleton: var(--color-neutral-10);--color-accent: var(--color-hue-accent-50);--color-accent-fg: var(--color-white);--color-accent-soft: var(--color-hue-accent-soft-light);--color-ok: var(--color-hue-ok-light);--color-ok-soft: var(--color-hue-ok-soft-light);--color-warn: var(--color-hue-warn-light);--color-warn-soft: var(--color-hue-warn-soft-light);--color-danger: var(--color-hue-danger-light);--color-danger-soft: var(--color-hue-danger-soft-light);--color-brand-ink: var(--color-neutral-95);--color-brand-pen: var(--color-hue-accent-50);--color-brand-ring: var(--color-hue-accent-50);--color-brand-sun: var(--color-hue-brand-sun);--color-brand-on-sun: var(--color-neutral-95);--color-site-student: var(--color-board-notation-3);--color-site-tutor: var(--color-brand-pen);--color-site-heat-1: var(--color-hue-site-heat-light-1);--color-site-heat-2: var(--color-hue-site-heat-light-2);--color-site-heat-3: var(--color-hue-site-heat-light-3);--color-site-heat-4: var(--color-hue-site-heat-light-4);--color-site-heat-5: var(--color-hue-site-heat-light-5);--color-site-glow: var(--color-hue-brand-sun);--color-site-glow-clear: var(--color-hue-brand-sun-clear);--color-site-wash-sky: var(--color-hue-ambient-sky-light);--color-site-wash-sky-clear: var(--color-hue-ambient-sky-light-clear);--color-site-wash-rose: var(--color-hue-ambient-rose-light);--color-site-wash-rose-clear: var(--color-hue-ambient-rose-light-clear);--color-site-wash-mint: var(--color-hue-ambient-mint-light);--color-site-wash-mint-clear: var(--color-hue-ambient-mint-light-clear);--color-site-wash-peach: var(--color-hue-ambient-peach-light);--color-site-wash-peach-clear: var(--color-hue-ambient-peach-light-clear);--color-site-panel-sky: var(--color-hue-ambient-sky-light);--color-site-panel-rose: var(--color-hue-ambient-rose-light);--color-site-panel-mint: var(--color-hue-ambient-mint-light);--color-site-panel-peach: var(--color-hue-ambient-peach-light);--color-site-phone: var(--color-neutral-95);--color-site-phone-edge: var(--color-neutral-95);--color-ambient-1: var(--color-hue-ambient-sky-light);--color-ambient-1-clear: var(--color-hue-ambient-sky-light-clear);--color-ambient-2: var(--color-hue-ambient-rose-light);--color-ambient-2-clear: var(--color-hue-ambient-rose-light-clear);--color-ambient-3: var(--color-hue-ambient-mint-light);--color-ambient-3-clear: var(--color-hue-ambient-mint-light-clear);--color-ambient-4: var(--color-hue-ambient-peach-light);--color-ambient-4-clear: var(--color-hue-ambient-peach-light-clear);--color-wash-sky: var(--color-hue-ambient-sky-light);--color-wash-sky-clear: var(--color-hue-ambient-sky-light-clear);--color-wash-mint: var(--color-hue-ambient-mint-light);--color-wash-mint-clear: var(--color-hue-ambient-mint-light-clear);--color-wash-peach: var(--color-hue-ambient-peach-light);--color-wash-peach-clear: var(--color-hue-ambient-peach-light-clear);--color-wash-rose: var(--color-hue-ambient-rose-light);--color-wash-rose-clear: var(--color-hue-ambient-rose-light-clear);--color-wash-lilac: var(--color-hue-ambient-lilac-light);--color-wash-lilac-clear: var(--color-hue-ambient-lilac-light-clear);--color-wash-a: var(--color-wash-sky);--color-wash-a-clear: var(--color-wash-sky-clear);--color-wash-b: var(--color-wash-peach);--color-wash-b-clear: var(--color-wash-peach-clear);--color-subject-math: var(--color-hue-pastel-sky-light);--color-subject-math-2: var(--color-hue-pastel-lilac-light);--color-subject-science: var(--color-hue-pastel-mint-light);--color-subject-science-2: var(--color-hue-pastel-sky-light);--color-subject-english: var(--color-hue-pastel-peach-light);--color-subject-english-2: var(--color-hue-pastel-rose-light);--color-subject-history: var(--color-hue-pastel-rose-light);--color-subject-history-2: var(--color-hue-pastel-peach-light);--color-subject-cs: var(--color-hue-pastel-lilac-light);--color-subject-cs-2: var(--color-hue-pastel-sky-light);--color-presence-glow-1: var(--color-hue-glow-light-1);--color-presence-glow-2: var(--color-hue-glow-light-2);--color-presence-glow-3: var(--color-hue-glow-light-3);--color-board-bg: var(--color-neutral-5);--color-board-ink: var(--color-fg);--color-board-student: var(--color-fg-muted);--color-board-pen: var(--color-fg);--color-board-notation-1: var(--color-hue-okabe-blue-on-light);--color-board-notation-2: var(--color-hue-okabe-magenta-on-light);--color-board-notation-3: var(--color-hue-okabe-green-on-light);--color-board-notation-4: var(--color-hue-okabe-orange-on-light);--color-board-notation-5: var(--color-hue-okabe-purple-on-light);--color-board-highlight: var(--color-board-notation-2);--color-board-pointer: var(--color-brand-pen);--color-board-figure-1: var(--color-hue-okabe-blue-on-light);--color-board-figure-2: var(--color-hue-okabe-red-on-light);--color-board-figure-3: var(--color-hue-okabe-green-on-light);--color-board-figure-4: var(--color-hue-okabe-purple-on-light);--color-board-figure-5: var(--color-hue-okabe-gold-on-light);--color-board-figure-6: var(--color-hue-okabe-sky-on-light);--color-board-figure-7: var(--color-hue-okabe-vermillion-on-light);--color-board-figure-copper: var(--color-hue-okabe-copper-on-light);--color-board-tint-water: var(--color-hue-tint-water-light);--color-board-tint-yellow: var(--color-hue-tint-yellow-light);--color-board-tint-copper: var(--color-hue-tint-copper-light);--color-board-tint-green: var(--color-hue-tint-green-light);--color-board-tint-red: var(--color-hue-tint-red-light);--color-board-tint-gray: var(--color-hue-tint-gray-light);--color-board-tint-pink: var(--color-hue-tint-pink-light);--color-board-tint-purple: var(--color-hue-tint-purple-light);--color-nav: var(--color-neutral-3);--color-heat-1: var(--color-hue-heat-1-light);--color-heat-2: var(--color-hue-heat-2-light);--color-heat-3: var(--color-hue-heat-3-light);--color-heat-4: var(--color-hue-heat-4-light);--elevation-card: 0 var(--border-width-hairline) var(--space-1) var(--color-shadow-light), 0 var(--space-1) var(--space-4) var(--color-shadow-light);--elevation-sheet: 0 var(--space-1) var(--space-5) var(--color-shadow-light);--motion-reduced: 80ms;--motion-fast: .15s;--motion-base: .22s;--motion-slow: .32s;--motion-dialog: .24s;--motion-step: .36s;--motion-drift: .64s;--motion-hold: .18s;--motion-distance: 8px;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--motion-ease-spring: cubic-bezier(.22, 1, .36, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-stagger: 40ms;--motion-shimmer: 1.4s;--motion-press: .97;--motion-breath: 2.4s;--motion-glow: 2s;--motion-heard: 2.5s;--site-type-hero: var(--font-size-60);--site-type-page: var(--font-size-44);--site-space-section: 96px;--site-space-hero: calc(var(--space-8) + var(--space-2));--site-space-head: calc(var(--space-6) + var(--space-2));--site-size-bar: calc(var(--size-control-md) + 2 * var(--space-3));--site-size-wide: 1200px;--site-size-code: 8ch;--site-size-headline: 18ch;--site-size-lead: 56ch;--site-size-demo: 960px;--site-size-wash: 60vmax;--site-demo-word: .23s;--site-demo-write: 1.1s;--site-demo-sweep: .7s;--site-demo-hold: 1.2s;--site-demo-rest: 3.2s;--sheet-max: 70vh;--session-topic-life: 7s;--skeleton-max: .8s;--skeleton-delay: .3s;--skeleton-hold: .4s;--toast-duration: 3.84s;--undo-window-delete: 30s;--board-grid: 8px;--board-distance-related: 24px;--board-distance-group: 48px;--board-distance-region: 96px;--board-stroke-primary: 3px;--board-stroke-secondary: 2px;--board-stroke-guide: 1px;--board-stroke-student: 3px;--board-stroke-note: 2px;--board-opacity-primary: 1;--board-opacity-secondary: .6;--board-opacity-guide: .3;--board-opacity-grid: .16;--board-opacity-axis: .85;--board-opacity-tint: .45;--board-opacity-wash: .14;--board-pen-radius: 5px;--board-pen-ring: var(--board-stroke-secondary);--board-pen-rest-opacity: var(--board-opacity-secondary);--board-pointer-pad: var(--space-2);--board-pointer-width: var(--board-stroke-primary);--board-pointer-hold: 1.2s;--board-pointer-halo: .12;--board-highlighter-opacity: .35;--board-glyph-main: 24px;--board-glyph-script: 16px;--board-glyph-annotation: 20px;--board-margin-bottom: calc(var(--size-dock-height) + var(--size-caption-height) + var(--space-5));--board-margin-top: calc(var(--size-session-bar) + 2 * var(--space-5));--board-margin-left: var(--size-gallery-peek);--board-margin-right: var(--space-5);--card-pad: var(--space-6);--card-gap: var(--space-5);--component-button-primary-height: var(--size-control-lg);--component-button-primary-padding-x: calc(var(--space-4) + var(--space-1));--component-button-primary-radius: var(--radius-pill);--component-button-primary-bg: var(--color-accent);--component-button-primary-fg: var(--color-accent-fg);--component-button-secondary-bg: var(--color-fill);--component-button-secondary-bg-hover: var(--color-fill-hover);--component-button-secondary-bg-on-surface: var(--color-fill);--component-button-secondary-bg-on-surface-hover: var(--color-fill-hover);--component-button-secondary-fg: var(--color-fg);--component-button-danger-bg: var(--color-danger);--component-button-danger-fg: var(--color-white);--component-button-padding-x: var(--space-4);--component-dock-padding: var(--space-2);--component-dock-radius: var(--radius-pill);--component-dock-gap: var(--space-3);--component-dock-bottom: var(--space-5);--component-segmented-thumb: var(--color-surface);--component-segmented-edge: var(--color-surface);--component-segmented-fg: var(--color-neutral-70);--component-row-gap: var(--space-3);--component-list-row-height: var(--size-control-lg);--component-list-gap: var(--space-3);--component-sheet-padding: calc(var(--space-4) + var(--space-1));--component-sheet-radius: var(--radius-lg);--component-sheet-edge: var(--color-white);--component-toast-bg: var(--color-neutral-95);--component-toast-fg: var(--color-neutral-0);--component-toast-action: var(--color-hue-accent-75);--component-surface-margin: calc(var(--space-6) + var(--space-2));--component-surface-top: var(--space-7);--component-surface-group-gap: var(--space-6);--component-summary-frame: 240px;--component-caption-padding-x: var(--space-5);--homework-image-long: 1600px;--homework-image-quality: .82;--homework-thumb: var(--size-gallery-thumb);--homework-qr: 208px;--homework-shutter: 72px;--homework-strip: 56px;--homework-figure: calc(var(--size-gallery-thumb) * 2);--homework-figure-width: calc(var(--size-gallery-thumb) * 3);--homework-card: var(--size-dialog)}:root[data-scheme=dark]{--color-canvas: var(--color-neutral-95);--color-surface: var(--color-neutral-85);--color-surface-clear: var(--color-neutral-85-clear);--color-fg: var(--color-neutral-5);--color-fg-muted: var(--color-neutral-40);--color-track: var(--color-neutral-90);--color-fill: var(--color-neutral-80);--color-fill-quiet: var(--color-neutral-80);--color-fill-hover: var(--color-neutral-70);--color-scrim: var(--color-shadow-scrim-dark);--color-skeleton: var(--color-neutral-85);--color-accent: var(--color-hue-accent-75);--color-accent-fg: var(--color-neutral-95);--color-accent-soft: var(--color-hue-accent-soft-dark);--color-ok: var(--color-hue-ok-dark);--color-ok-soft: var(--color-hue-ok-soft-dark);--color-warn: var(--color-hue-warn-dark);--color-warn-soft: var(--color-hue-warn-soft-dark);--color-danger: var(--color-hue-danger-dark);--color-danger-soft: var(--color-hue-danger-soft-dark);--color-brand-ink: var(--color-neutral-5);--color-brand-pen: var(--color-hue-accent-75);--color-brand-ring: var(--color-hue-brand-ring-dark);--color-site-heat-1: var(--color-hue-site-heat-dark-1);--color-site-heat-2: var(--color-hue-site-heat-dark-2);--color-site-heat-3: var(--color-hue-site-heat-dark-3);--color-site-heat-4: var(--color-hue-site-heat-dark-4);--color-site-heat-5: var(--color-hue-site-heat-dark-5);--color-site-glow: var(--color-hue-site-lilac-dark);--color-site-glow-clear: var(--color-hue-site-lilac-dark-clear);--color-site-wash-sky: var(--color-hue-ambient-sky-dark);--color-site-wash-sky-clear: var(--color-hue-ambient-sky-dark-clear);--color-site-wash-rose: var(--color-hue-site-lilac-dark);--color-site-wash-rose-clear: var(--color-hue-site-lilac-dark-clear);--color-site-wash-mint: var(--color-hue-ambient-mint-dark);--color-site-wash-mint-clear: var(--color-hue-ambient-mint-dark-clear);--color-site-wash-peach: var(--color-hue-site-lilac-dark);--color-site-wash-peach-clear: var(--color-hue-site-lilac-dark-clear);--color-site-panel-sky: var(--color-hue-site-panel-sky);--color-site-panel-rose: var(--color-hue-site-panel-lilac);--color-site-panel-mint: var(--color-hue-site-panel-mint);--color-site-panel-peach: var(--color-hue-site-panel-lilac);--color-site-phone: var(--color-neutral-90);--color-site-phone-edge: var(--color-neutral-50);--color-ambient-1: var(--color-hue-ambient-sky-dark);--color-ambient-1-clear: var(--color-hue-ambient-sky-dark-clear);--color-ambient-2: var(--color-hue-ambient-rose-dark);--color-ambient-2-clear: var(--color-hue-ambient-rose-dark-clear);--color-ambient-3: var(--color-hue-ambient-mint-dark);--color-ambient-3-clear: var(--color-hue-ambient-mint-dark-clear);--color-ambient-4: var(--color-hue-ambient-peach-dark);--color-ambient-4-clear: var(--color-hue-ambient-peach-dark-clear);--color-wash-sky: var(--color-hue-ambient-sky-dark);--color-wash-sky-clear: var(--color-hue-ambient-sky-dark-clear);--color-wash-mint: var(--color-hue-ambient-mint-dark);--color-wash-mint-clear: var(--color-hue-ambient-mint-dark-clear);--color-wash-peach: var(--color-hue-ambient-lilac-dark);--color-wash-peach-clear: var(--color-hue-ambient-lilac-dark-clear);--color-wash-rose: var(--color-hue-ambient-lilac-dark);--color-wash-rose-clear: var(--color-hue-ambient-lilac-dark-clear);--color-wash-lilac: var(--color-hue-ambient-lilac-dark);--color-wash-lilac-clear: var(--color-hue-ambient-lilac-dark-clear);--color-subject-math: var(--color-hue-pastel-sky-dark);--color-subject-math-2: var(--color-hue-pastel-lilac-dark);--color-subject-science: var(--color-hue-pastel-mint-dark);--color-subject-science-2: var(--color-hue-pastel-sky-dark);--color-subject-english: var(--color-hue-pastel-peach-dark);--color-subject-english-2: var(--color-hue-pastel-rose-dark);--color-subject-history: var(--color-hue-pastel-rose-dark);--color-subject-history-2: var(--color-hue-pastel-peach-dark);--color-subject-cs: var(--color-hue-pastel-lilac-dark);--color-subject-cs-2: var(--color-hue-pastel-sky-dark);--color-presence-glow-1: var(--color-hue-glow-dark-1);--color-presence-glow-2: var(--color-hue-glow-dark-2);--color-presence-glow-3: var(--color-hue-glow-dark-3);--color-board-bg: var(--color-neutral-90);--color-board-notation-1: var(--color-hue-okabe-blue-on-dark);--color-board-notation-2: var(--color-hue-okabe-magenta-on-dark);--color-board-notation-3: var(--color-hue-okabe-green-on-dark);--color-board-notation-4: var(--color-hue-okabe-orange-on-dark);--color-board-notation-5: var(--color-hue-okabe-purple-on-dark);--color-board-figure-1: var(--color-hue-okabe-blue-on-dark);--color-board-figure-2: var(--color-hue-okabe-red-on-dark);--color-board-figure-3: var(--color-hue-okabe-green-on-dark);--color-board-figure-4: var(--color-hue-okabe-purple-on-dark);--color-board-figure-5: var(--color-hue-okabe-gold-on-dark);--color-board-figure-6: var(--color-hue-okabe-sky-on-dark);--color-board-figure-7: var(--color-hue-okabe-vermillion-on-dark);--color-board-figure-copper: var(--color-hue-okabe-copper-on-dark);--color-board-tint-water: var(--color-hue-tint-water-dark);--color-board-tint-yellow: var(--color-hue-tint-yellow-dark);--color-board-tint-copper: var(--color-hue-tint-copper-dark);--color-board-tint-green: var(--color-hue-tint-green-dark);--color-board-tint-red: var(--color-hue-tint-red-dark);--color-board-tint-gray: var(--color-hue-tint-gray-dark);--color-board-tint-pink: var(--color-hue-tint-pink-dark);--color-board-tint-purple: var(--color-hue-tint-purple-dark);--color-nav: var(--color-neutral-90);--color-heat-1: var(--color-hue-heat-1-dark);--color-heat-2: var(--color-hue-heat-2-dark);--color-heat-3: var(--color-hue-heat-3-dark);--color-heat-4: var(--color-hue-heat-4-dark);--elevation-card: 0 var(--border-width-hairline) var(--space-1) var(--color-shadow-dark), 0 var(--space-1) var(--space-4) var(--color-shadow-dark);--elevation-sheet: 0 var(--space-1) var(--space-5) var(--color-shadow-dark);--board-stroke-primary: 3.75px;--board-opacity-grid: .22;--component-button-secondary-bg-on-surface: var(--color-neutral-70);--component-button-secondary-bg-on-surface-hover: var(--color-neutral-60);--component-button-danger-fg: var(--color-neutral-95);--component-segmented-thumb: var(--color-neutral-70);--component-segmented-edge: var(--color-neutral-40);--component-segmented-fg: var(--color-fg-muted);--component-sheet-edge: var(--color-neutral-70);--component-toast-bg: var(--color-neutral-5);--component-toast-fg: var(--color-neutral-95);--component-toast-action: var(--color-hue-accent-50)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]){--color-canvas: var(--color-neutral-95);--color-surface: var(--color-neutral-85);--color-surface-clear: var(--color-neutral-85-clear);--color-fg: var(--color-neutral-5);--color-fg-muted: var(--color-neutral-40);--color-track: var(--color-neutral-90);--color-fill: var(--color-neutral-80);--color-fill-quiet: var(--color-neutral-80);--color-fill-hover: var(--color-neutral-70);--color-scrim: var(--color-shadow-scrim-dark);--color-skeleton: var(--color-neutral-85);--color-accent: var(--color-hue-accent-75);--color-accent-fg: var(--color-neutral-95);--color-accent-soft: var(--color-hue-accent-soft-dark);--color-ok: var(--color-hue-ok-dark);--color-ok-soft: var(--color-hue-ok-soft-dark);--color-warn: var(--color-hue-warn-dark);--color-warn-soft: var(--color-hue-warn-soft-dark);--color-danger: var(--color-hue-danger-dark);--color-danger-soft: var(--color-hue-danger-soft-dark);--color-brand-ink: var(--color-neutral-5);--color-brand-pen: var(--color-hue-accent-75);--color-brand-ring: var(--color-hue-brand-ring-dark);--color-site-heat-1: var(--color-hue-site-heat-dark-1);--color-site-heat-2: var(--color-hue-site-heat-dark-2);--color-site-heat-3: var(--color-hue-site-heat-dark-3);--color-site-heat-4: var(--color-hue-site-heat-dark-4);--color-site-heat-5: var(--color-hue-site-heat-dark-5);--color-site-glow: var(--color-hue-site-lilac-dark);--color-site-glow-clear: var(--color-hue-site-lilac-dark-clear);--color-site-wash-sky: var(--color-hue-ambient-sky-dark);--color-site-wash-sky-clear: var(--color-hue-ambient-sky-dark-clear);--color-site-wash-rose: var(--color-hue-site-lilac-dark);--color-site-wash-rose-clear: var(--color-hue-site-lilac-dark-clear);--color-site-wash-mint: var(--color-hue-ambient-mint-dark);--color-site-wash-mint-clear: var(--color-hue-ambient-mint-dark-clear);--color-site-wash-peach: var(--color-hue-site-lilac-dark);--color-site-wash-peach-clear: var(--color-hue-site-lilac-dark-clear);--color-site-panel-sky: var(--color-hue-site-panel-sky);--color-site-panel-rose: var(--color-hue-site-panel-lilac);--color-site-panel-mint: var(--color-hue-site-panel-mint);--color-site-panel-peach: var(--color-hue-site-panel-lilac);--color-site-phone: var(--color-neutral-90);--color-site-phone-edge: var(--color-neutral-50);--color-ambient-1: var(--color-hue-ambient-sky-dark);--color-ambient-1-clear: var(--color-hue-ambient-sky-dark-clear);--color-ambient-2: var(--color-hue-ambient-rose-dark);--color-ambient-2-clear: var(--color-hue-ambient-rose-dark-clear);--color-ambient-3: var(--color-hue-ambient-mint-dark);--color-ambient-3-clear: var(--color-hue-ambient-mint-dark-clear);--color-ambient-4: var(--color-hue-ambient-peach-dark);--color-ambient-4-clear: var(--color-hue-ambient-peach-dark-clear);--color-wash-sky: var(--color-hue-ambient-sky-dark);--color-wash-sky-clear: var(--color-hue-ambient-sky-dark-clear);--color-wash-mint: var(--color-hue-ambient-mint-dark);--color-wash-mint-clear: var(--color-hue-ambient-mint-dark-clear);--color-wash-peach: var(--color-hue-ambient-lilac-dark);--color-wash-peach-clear: var(--color-hue-ambient-lilac-dark-clear);--color-wash-rose: var(--color-hue-ambient-lilac-dark);--color-wash-rose-clear: var(--color-hue-ambient-lilac-dark-clear);--color-wash-lilac: var(--color-hue-ambient-lilac-dark);--color-wash-lilac-clear: var(--color-hue-ambient-lilac-dark-clear);--color-subject-math: var(--color-hue-pastel-sky-dark);--color-subject-math-2: var(--color-hue-pastel-lilac-dark);--color-subject-science: var(--color-hue-pastel-mint-dark);--color-subject-science-2: var(--color-hue-pastel-sky-dark);--color-subject-english: var(--color-hue-pastel-peach-dark);--color-subject-english-2: var(--color-hue-pastel-rose-dark);--color-subject-history: var(--color-hue-pastel-rose-dark);--color-subject-history-2: var(--color-hue-pastel-peach-dark);--color-subject-cs: var(--color-hue-pastel-lilac-dark);--color-subject-cs-2: var(--color-hue-pastel-sky-dark);--color-presence-glow-1: var(--color-hue-glow-dark-1);--color-presence-glow-2: var(--color-hue-glow-dark-2);--color-presence-glow-3: var(--color-hue-glow-dark-3);--color-board-bg: var(--color-neutral-90);--color-board-notation-1: var(--color-hue-okabe-blue-on-dark);--color-board-notation-2: var(--color-hue-okabe-magenta-on-dark);--color-board-notation-3: var(--color-hue-okabe-green-on-dark);--color-board-notation-4: var(--color-hue-okabe-orange-on-dark);--color-board-notation-5: var(--color-hue-okabe-purple-on-dark);--color-board-figure-1: var(--color-hue-okabe-blue-on-dark);--color-board-figure-2: var(--color-hue-okabe-red-on-dark);--color-board-figure-3: var(--color-hue-okabe-green-on-dark);--color-board-figure-4: var(--color-hue-okabe-purple-on-dark);--color-board-figure-5: var(--color-hue-okabe-gold-on-dark);--color-board-figure-6: var(--color-hue-okabe-sky-on-dark);--color-board-figure-7: var(--color-hue-okabe-vermillion-on-dark);--color-board-figure-copper: var(--color-hue-okabe-copper-on-dark);--color-board-tint-water: var(--color-hue-tint-water-dark);--color-board-tint-yellow: var(--color-hue-tint-yellow-dark);--color-board-tint-copper: var(--color-hue-tint-copper-dark);--color-board-tint-green: var(--color-hue-tint-green-dark);--color-board-tint-red: var(--color-hue-tint-red-dark);--color-board-tint-gray: var(--color-hue-tint-gray-dark);--color-board-tint-pink: var(--color-hue-tint-pink-dark);--color-board-tint-purple: var(--color-hue-tint-purple-dark);--color-nav: var(--color-neutral-90);--color-heat-1: var(--color-hue-heat-1-dark);--color-heat-2: var(--color-hue-heat-2-dark);--color-heat-3: var(--color-hue-heat-3-dark);--color-heat-4: var(--color-hue-heat-4-dark);--elevation-card: 0 var(--border-width-hairline) var(--space-1) var(--color-shadow-dark), 0 var(--space-1) var(--space-4) var(--color-shadow-dark);--elevation-sheet: 0 var(--space-1) var(--space-5) var(--color-shadow-dark);--board-stroke-primary: 3.75px;--board-opacity-grid: .22;--component-button-secondary-bg-on-surface: var(--color-neutral-70);--component-button-secondary-bg-on-surface-hover: var(--color-neutral-60);--component-button-danger-fg: var(--color-neutral-95);--component-segmented-thumb: var(--color-neutral-70);--component-segmented-edge: var(--color-neutral-40);--component-segmented-fg: var(--color-fg-muted);--component-sheet-edge: var(--color-neutral-70);--component-toast-bg: var(--color-neutral-5);--component-toast-fg: var(--color-neutral-95);--component-toast-action: var(--color-hue-accent-50)}}:root[data-band=teen]{--size-control-row: var(--size-control-md);--size-control-touch: 48px;--size-hit-min: 44px;--size-icon-row: var(--size-icon-md);--gap-item: var(--space-2);--type-display-step: var(--font-size-28);--type-title-step: var(--font-size-22);--type-body-step: var(--font-size-16);--type-body-lg-step: var(--font-size-18);--type-label-step: var(--font-size-14);--type-caption-step: var(--font-size-13);--board-glyph-main: 20px;--board-glyph-script: 14px;--board-glyph-annotation: 16px;--component-button-primary-height: var(--size-control-md);--component-dock-gap: var(--space-2);--component-row-gap: var(--space-2);--component-list-row-height: var(--size-control-md)}:root[data-band=adult]{--size-control-row: var(--size-control-md);--size-control-touch: 48px;--size-hit-min: 44px;--size-icon-row: var(--size-icon-md);--gap-item: var(--space-2);--type-display-step: var(--font-size-28);--type-title-step: var(--font-size-22);--type-body-step: var(--font-size-16);--type-body-lg-step: var(--font-size-18);--type-label-step: var(--font-size-14);--type-caption-step: var(--font-size-13);--board-glyph-main: 18px;--board-glyph-script: 12px;--board-glyph-annotation: 14px;--component-button-primary-height: var(--size-control-md);--component-dock-gap: var(--space-2);--component-row-gap: var(--space-2);--component-list-row-height: var(--size-control-md)}:root[data-reading=comfort]{--type-tracking: var(--type-comfort-tracking);--type-leading-scale: var(--type-comfort-leading);--type-title-size: var(--type-display-step);--type-body-size: var(--type-body-lg-step);--type-body-lg-size: var(--type-title-step);--type-label-size: var(--type-body-step);--type-caption-size: var(--type-label-step)}:root[data-motion=reduced]{--motion-fast: var(--motion-reduced);--motion-base: var(--motion-reduced);--motion-slow: var(--motion-reduced);--motion-dialog: var(--motion-reduced);--motion-step: var(--motion-reduced);--motion-drift: var(--motion-reduced);--motion-hold: 0ms;--motion-distance: 0px;--motion-stagger: 0ms;--motion-press: 1}@media(prefers-reduced-motion:reduce){:root:not([data-motion=default]):not([data-motion=reduced]){--motion-fast: var(--motion-reduced);--motion-base: var(--motion-reduced);--motion-slow: var(--motion-reduced);--motion-dialog: var(--motion-reduced);--motion-step: var(--motion-reduced);--motion-drift: var(--motion-reduced);--motion-hold: 0ms;--motion-distance: 0px;--motion-stagger: 0ms;--motion-press: 1}}@media(max-width:1179px){:root{--page-gutter: var(--space-6);--site-type-hero: var(--font-size-44);--site-space-section: 96px;--component-surface-margin: var(--space-6)}}@media(max-width:899px){:root{--site-type-hero: var(--font-size-44);--component-surface-margin: var(--space-5)}}@media(max-width:599px){:root{--page-gutter: var(--space-4);--gap-section: var(--space-6);--gap-header: var(--space-5);--site-type-hero: var(--font-size-36);--site-type-page: var(--font-size-32);--site-space-section: 72px;--site-space-hero: var(--space-6);--site-space-head: var(--space-6);--site-size-bar: calc(var(--size-control-md) + var(--space-3));--component-surface-margin: var(--space-4);--component-surface-top: var(--space-6)}}@media(min-width:1180px){:root{--sheet-max: 60vh}}@media(min-width:1920px){:root{--space-1: 4px;--space-2: 9px;--space-3: 14px;--space-4: 18px;--space-5: 27px;--space-6: 36px;--space-7: 54px;--space-8: 72px;--size-control-sm: 40px;--size-control-md: 50px;--size-control-lg: 63px;--size-icon-md: 22px;--size-icon-lg: 27px;--size-content-wide: 1170px;--size-page-reading: 810px;--size-page-wide: 1260px;--size-entry-card: 585px;--size-dialog: 630px;--size-field-short: 270px;--size-column-leading: 315px;--size-column-aside: 470px;--font-size-13: 15px;--font-size-14: 16px;--font-size-16: 18px;--font-size-18: 20px;--font-size-20: 22px;--font-size-22: 25px;--font-size-24: 27px;--font-size-26: 29px;--font-size-28: 31px;--font-size-32: 36px;--font-size-36: 40px;--font-size-44: 50px;--font-size-60: 68px;--site-space-section: 136px;--site-size-wide: 1350px;--site-size-demo: 1080px}}@media(min-width:2400px){:root{--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-5: 30px;--space-6: 40px;--space-7: 60px;--space-8: 80px;--size-control-sm: 45px;--size-control-md: 55px;--size-control-lg: 70px;--size-icon-md: 25px;--size-icon-lg: 30px;--size-content-wide: 1300px;--size-page-reading: 900px;--size-page-wide: 1400px;--size-entry-card: 650px;--size-dialog: 700px;--size-field-short: 300px;--size-column-leading: 350px;--size-column-aside: 525px;--font-size-13: 16px;--font-size-14: 18px;--font-size-16: 20px;--font-size-18: 22px;--font-size-20: 25px;--font-size-22: 27px;--font-size-24: 30px;--font-size-26: 32px;--font-size-28: 35px;--font-size-32: 40px;--font-size-36: 45px;--font-size-44: 55px;--font-size-60: 75px;--site-space-section: 150px;--site-size-wide: 1500px;--site-size-demo: 1200px}}@media(max-width:599px),(max-height:500px){:root{--size-session-control: var(--size-touch-min);--size-session-pad: calc(var(--space-1) / 2)}}@media(min-resolution:2dppx){:root{--border-width-hairline: .5px}}@media(max-height:500px){:root{--site-type-hero: var(--font-size-36);--site-space-hero: var(--space-5);--site-size-bar: calc(var(--size-control-md) + var(--space-3))}}@font-face{font-family:Inter Fallback;src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--color-canvas);color:var(--color-fg);font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-weight);letter-spacing:var(--type-tracking);font-feature-settings:var(--font-features);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-scroll-locked=true]{overflow:hidden;scrollbar-gutter:auto}body[data-scroll-locked=true]{position:fixed;left:0;right:0;top:calc(var(--scroll-lock-y, 0) * 1px);padding-right:calc(var(--scroll-lock-bar, 0) * 1px)}button,input{font:inherit;letter-spacing:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:var(--size-focus-ring) solid var(--color-accent);outline-offset:var(--size-focus-ring)}.visually-hidden{position:absolute;width:var(--border-width-hairline);height:var(--border-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,h2,h3,h4,legend,.type-display,.type-title,.type-label,.type-caption,.list-row-title,.list-row-secondary,.btn,.chip,.toast,.text-action,.text-link,th,dt,figcaption{text-wrap:balance}p,li,dd,td,blockquote,.type-body,.type-body-lg{text-wrap:pretty}.type-display{font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-tight-tracking);margin:0}.type-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);letter-spacing:var(--type-tight-tracking);margin:0}.data-table,.progress,.join-code,.join-code-inline{font-feature-settings:var(--font-numeric)}.type-body-lg{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--type-body-lg-weight);margin:0}.type-body{font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0}.type-label{font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight)}.type-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.muted{color:var(--color-fg-muted)}.surface{min-height:100%;padding:calc(var(--component-surface-top) + var(--safe-top)) var(--page-edge-right) calc(var(--space-8) + var(--safe-bottom)) var(--page-edge-left);display:flex;flex-direction:column;align-items:center;background:var(--color-canvas)}.surface-column{width:100%;max-width:var(--size-page-reading);display:flex;flex-direction:column;gap:var(--gap-section)}.surface-column-wide{max-width:var(--size-page-wide)}.surface:has(>main[data-testid=home]) .surface-column-wide,.surface-with-bar:has(>main[data-testid=home]) .surface-bar>*{max-width:min(var(--size-page-home),100%)}.surface-column-entry{max-width:var(--size-entry-card)}.surface-column-flow{max-width:var(--size-dialog);gap:var(--gap-group)}.surface-with-bar{padding-top:calc(var(--space-3) + var(--safe-top))}.surface-bar,.surface-main{width:100%;display:flex;flex-direction:column;align-items:center}.surface-bar>*{width:100%;max-width:var(--size-page-reading)}.surface-with-bar[data-template=wide] .surface-bar>*{max-width:var(--size-page-wide)}.surface-with-bar[data-template=flow] .surface-bar>*{max-width:var(--size-dialog)}.surface-with-bar[data-template=entry] .surface-bar>*{max-width:var(--size-page-wide)}.surface-main{flex:1 0 auto;padding-top:var(--gap-header)}.surface[data-template=entry] .surface-column-entry{margin-top:12vh}.entry-panel{display:flex;flex-direction:column;gap:var(--gap-group);padding:var(--space-7);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card)}@media(max-width:599px){.surface[data-template=entry] .surface-column-entry{margin-top:var(--space-6)}.entry-panel{padding:0;background:transparent;box-shadow:none}}@media(max-width:599px){.surface,.entry,.sheet-dialog,.select-list,.toast-anchor{--size-control-row: var(--size-control-touch);--component-button-primary-height: var(--size-control-touch)}}button,a,[role=button],[role=radio],[role=switch],[role=option],label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.split{display:flex;flex-direction:column;gap:var(--gap-section);width:100%}.split-aside,.split-main,.split-end{display:flex;flex-direction:column;gap:var(--gap-section);min-width:0}@media(min-width:1024px){.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"main aside" "main end";grid-template-rows:auto 1fr;align-items:start;gap:var(--gap-section) var(--space-7)}.split-main{grid-area:main}.split-aside{grid-area:aside}.split-end{grid-area:end}.split-no-aside{grid-template-areas:"main end";grid-template-rows:auto}}.flow-bar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-md)}.avatar{display:inline-grid;place-items:center;flex:none;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-circle);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--type-label-size);font-weight:var(--type-label-weight);transition:background-color var(--motion-fast) var(--motion-ease-standard)}.avatar .icon{width:60%;height:60%}.flow-bar{gap:var(--space-4)}.flow-bar>.icon-btn.btn-tertiary{margin-inline-start:calc(-1 * var(--space-2))}@media(min-width:1180px){.flow-bar>.icon-btn,.flow-bar>.icon-btn.btn-tertiary{margin-inline-start:calc(-1 * (var(--size-control-row) + var(--space-3)))}}.flow-bar-brand{display:inline-flex;align-items:center;min-height:var(--size-control-md)}.flow-bar .flow-bar-progress{flex:1;width:auto}.flow-bar-segmented{justify-content:space-between}.flow-bar-segments{display:inline-flex;align-items:center;gap:calc(1.5 * var(--space-1));margin-inline-start:auto}.flow-bar-segment{position:relative;width:var(--space-5);height:var(--space-1);border-radius:var(--radius-pill);background:var(--color-track);overflow:hidden}.flow-bar-segment:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-base) var(--motion-ease-spring)}:root[dir=rtl] .flow-bar-segment:after{transform-origin:right center}.flow-bar-segment[data-done=true]:after{transform:scaleX(1)}.surface-column[data-still=true]>*{animation:none}.surface-column>*,.surface-leading{animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.surface-column>:nth-child(2){animation-delay:var(--motion-stagger)}.surface-column>:nth-child(3){animation-delay:calc(2 * var(--motion-stagger))}.surface-column>:nth-child(4){animation-delay:calc(3 * var(--motion-stagger))}.surface-column>:nth-child(n+5){animation-delay:calc(4 * var(--motion-stagger))}.surface-centered{justify-content:center;padding-bottom:calc(var(--component-surface-top) + var(--size-control-row))}.stack{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}.stack-tight{display:flex;flex-direction:column;gap:var(--space-3)}.surface-column>.page-header,.surface-column>.page-header-group{margin-bottom:calc(var(--gap-header) - var(--gap-section))}.page-header-full{align-self:stretch}::view-transition{pointer-events:none}::view-transition-old(root){animation:page-out calc(.8 * var(--motion-base)) var(--motion-ease-exit) both}::view-transition-new(root){animation:page-in var(--motion-base) var(--motion-ease-standard) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(var(--motion-distance))}}:root{--flow-sign: 1}:root[data-flow-dir=back],:root[dir=rtl]{--flow-sign: -1}:root[dir=rtl][data-flow-dir=back]{--flow-sign: 1}:root[data-flow-dir] .flow-step{view-transition-name:flow-step}:root[data-flow-dir] .flow-bar-segments,:root[data-flow-dir] .card-bar-progress{view-transition-name:flow-progress}:root[data-flow-dir]::view-transition-old(root){animation:none;opacity:0}:root[data-flow-dir]::view-transition-new(root){animation:none}::view-transition-group(flow-step){animation-duration:var(--motion-step);animation-timing-function:var(--motion-ease-spring)}::view-transition-old(flow-step){animation:step-out calc(.5 * var(--motion-step)) var(--motion-ease-exit) both}::view-transition-new(flow-step){animation:step-slide var(--motion-step) var(--motion-ease-spring) both,step-show calc(.6 * var(--motion-step)) var(--motion-ease-standard) calc(.35 * var(--motion-step)) both}:root[data-flow-dir] .card-bar{view-transition-name:flow-bar}:root[data-flow-bar=same]::view-transition-old(flow-bar){animation:none;opacity:0}:root[data-flow-bar=same]::view-transition-new(flow-bar){animation:none}:root[data-flow-bar=changed]::view-transition-old(flow-bar){animation:page-out calc(.35 * var(--motion-step)) var(--motion-ease-exit) both}:root[data-flow-bar=changed]::view-transition-new(flow-bar){animation:page-in calc(.4 * var(--motion-step)) var(--motion-ease-standard) calc(.35 * var(--motion-step)) both}@keyframes step-slide{0%{transform:translate(calc(var(--flow-sign) * var(--space-5)))}}@keyframes step-show{0%{opacity:0}}@keyframes step-out{to{opacity:0;transform:translate(calc(-1 * var(--flow-sign) * var(--space-4)))}}@keyframes step-in{0%{opacity:0;transform:translate(calc(var(--flow-sign) * var(--space-5)))}}.surface-column>.flow-step{animation:none}@supports not (view-transition-name: none){.surface-column>.flow-step,.flow-step{animation:step-in var(--motion-step) var(--motion-ease-spring) both}}:root[data-motion=reduced] .surface-column>.flow-step,:root[data-motion=reduced] .flow-step{animation:fade-in var(--motion-step) var(--motion-ease-standard) both}@media(prefers-reduced-motion:reduce){.surface-column>.flow-step,.flow-step{animation:fade-in var(--motion-step) var(--motion-ease-standard) both}}.row{display:flex;align-items:center;gap:var(--component-row-gap)}.nested{border-radius:max(var(--radius-xs),calc(var(--parent-radius) - var(--parent-inset) - var(--parent-border, var(--border-width-none))))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--size-control-row);min-width:var(--size-hit-min);padding:0 var(--component-button-padding-x);border-radius:var(--radius-pill);border:var(--border-width-hairline) solid transparent;background:transparent;font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-base) var(--motion-ease-spring),transform var(--motion-fast) var(--motion-ease-spring)}.btn:active:not(:disabled){transform:scale(var(--motion-press))}.btn:disabled{cursor:default;color:var(--color-fg-muted)}.btn-primary{height:var(--component-button-primary-height);padding:0 var(--component-button-primary-padding-x);background:var(--component-button-primary-bg);color:var(--component-button-primary-fg)}.btn-primary:disabled{background:var(--color-fill);box-shadow:none}.btn-secondary{background:var(--component-button-secondary-bg);color:var(--component-button-secondary-fg)}@media(hover:hover){.btn-secondary:hover:not(:disabled){background:var(--component-button-secondary-bg-hover)}}.card .btn-secondary,.sheet .btn-secondary{background:var(--component-button-secondary-bg-on-surface)}@media(hover:hover){.card .btn-secondary:hover:not(:disabled),.sheet .btn-secondary:hover:not(:disabled){background:var(--component-button-secondary-bg-on-surface-hover)}}.btn-tertiary{padding:0 var(--space-3);background:transparent;color:var(--color-fg)}.btn-tertiary:active:not(:disabled){background:var(--color-fill)}@media(hover:hover){.btn-tertiary:hover:not(:disabled){background:var(--color-fill)}}.btn-danger{height:var(--component-button-primary-height);padding:0 var(--component-button-primary-padding-x);background:var(--component-button-danger-bg);color:var(--component-button-danger-fg)}.btn-danger:disabled{background:var(--color-fill)}.btn-block{width:100%}.icon-btn{width:var(--size-control-row);padding:0;border-radius:var(--radius-circle)}.icon-btn.btn-tertiary{background:transparent;color:var(--color-fg)}.icon-btn.btn-tertiary:active:not(:disabled){background:var(--color-fill)}@media(hover:hover){.icon-btn.btn-tertiary:hover:not(:disabled){background:var(--color-fill)}}.icon{width:var(--size-icon-row);height:var(--size-icon-row);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.dock{position:fixed;left:50%;bottom:calc(var(--component-dock-bottom) + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:var(--component-dock-gap);padding:var(--component-dock-padding);border-radius:var(--component-dock-radius);isolation:isolate;--parent-radius: var(--component-dock-radius);--parent-inset: var(--component-dock-padding)}.dock:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--color-surface);box-shadow:var(--elevation-sheet)}.dock-glow{position:absolute;inset:calc(-1 * var(--space-2)) calc(-1 * var(--space-4));z-index:-2;border-radius:var(--radius-pill);pointer-events:none;opacity:0;transition:opacity calc(2 * var(--motion-slow)) var(--motion-ease-in-out)}.dock>.dock-glow{animation:none}.dock-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-accent-soft);filter:blur(var(--space-4));opacity:.7;transform:scale(.97,.9);animation:dock-breath calc(var(--motion-glow) / 2) var(--motion-ease-in-out) infinite alternate;animation-play-state:paused}.dock[data-speaking] .dock-glow{opacity:1}.dock[data-speaking] .dock-glow:before{animation-play-state:running}@media(max-width:599px){.dock-glow{inset:calc(-1 * var(--space-1)) 0}.dock-glow:before{filter:blur(var(--space-3))}}@keyframes dock-breath{to{opacity:1;transform:scale(1.03,1.1)}}:root[data-motion=reduced] .dock-glow:before{animation:none;opacity:.85;transform:none}@media(prefers-reduced-motion:reduce){.dock-glow:before{animation:none;opacity:.85;transform:none}}@media(max-width:599px){.dock [data-dock-optional]{display:none}}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-chip-min);gap:var(--space-2);height:var(--size-control-row);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--border-width-hairline) solid transparent;background:transparent;color:var(--color-fg-muted);font-size:var(--type-label-size);font-weight:var(--type-body-weight);line-height:1;white-space:nowrap;cursor:default;transition:background-color var(--motion-base) var(--motion-ease-standard),color var(--motion-base) var(--motion-ease-standard)}.chip[data-chip=your_turn]{color:var(--color-fg);font-weight:var(--type-label-weight)}.bottom-stack{position:fixed;left:50%;bottom:calc(var(--component-dock-bottom) + var(--size-dock-height) + var(--space-3) + env(safe-area-inset-bottom));transform:translate(-50%);width:min(var(--size-content-max),calc(100vw - 2 * var(--space-4)));display:flex;flex-direction:column;align-items:center;gap:var(--space-3);pointer-events:none}.bottom-stack>*{pointer-events:auto}.slot-toast{order:-2}.slot-caption,.slot-heard{order:-1}.caption{max-width:100%;min-height:var(--size-control-row);display:flex;align-items:center;padding:var(--space-2) var(--component-caption-padding-x);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);text-align:center;animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.caption-text{display:block;max-width:100%;white-space:nowrap}.caption-word-current{border-radius:var(--radius-xs);background:var(--color-accent-soft);box-shadow:0 0 0 var(--space-1) var(--color-accent-soft)}.heard{align-self:flex-end;max-width:85%;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border-end-end-radius:var(--radius-xs);background:var(--color-accent-soft);color:var(--color-fg);box-shadow:var(--elevation-card);font-size:var(--type-body-size);line-height:var(--type-body-line-height);transition:opacity var(--motion-slow) var(--motion-ease-standard);animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.heard[data-leaving]{opacity:0}.heard-you{flex:none;color:var(--color-accent);font-size:var(--type-label-size);line-height:calc(var(--type-body-size) * var(--type-body-line-height));font-weight:var(--type-label-weight)}.heard-text{min-width:0;max-height:3lh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}:root[data-motion=reduced] .heard{animation:none}@media(prefers-reduced-motion:reduce){.heard{animation:none}}.field-pill{--field-h: var(--size-dock-height);--field-inset: var(--space-2);display:flex;align-items:center;gap:var(--space-2);min-height:var(--field-h);padding:var(--field-inset) var(--field-inset) var(--field-inset) var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-fg-muted);box-shadow:var(--elevation-card);transition:box-shadow var(--motion-base) var(--motion-ease-standard)}.field-pill:focus-within{box-shadow:var(--elevation-card),inset 0 0 0 var(--border-width-hairline) var(--color-accent),0 0 0 calc(var(--size-focus-ring) + var(--border-width-hairline)) var(--color-accent-soft)}.pill-text{flex:1;align-self:stretch;min-width:0;height:auto;padding:0;border:0;outline:none;background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-body-lg-size);caret-color:var(--color-accent)}.pill-text:focus-visible{outline:none}.pill-text::placeholder{color:var(--color-fg-muted);opacity:1}.field-send{display:inline-flex;flex:none;align-items:center;justify-content:center;width:calc(var(--field-h) - 2 * var(--field-inset));height:calc(var(--field-h) - 2 * var(--field-inset));padding:0;border:0;border-radius:var(--radius-circle);background:var(--color-accent);color:var(--color-accent-fg);box-shadow:var(--elevation-card);cursor:pointer;transition:background-color var(--motion-base) var(--motion-ease-standard),color var(--motion-base) var(--motion-ease-standard),box-shadow var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-spring)}.field-send .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.field-send[aria-disabled=true]{background:var(--color-fill);color:var(--color-fg-muted);box-shadow:none;cursor:default}@media(hover:hover){.field-send:not([aria-disabled=true]):hover{box-shadow:var(--elevation-sheet)}}.field-send:not([aria-disabled=true]):active{transform:scale(var(--motion-press))}:root[data-motion=reduced] .field-pill,:root[data-motion=reduced] .field-send{transition:none}@media(prefers-reduced-motion:reduce){.field-pill,.field-send{transition:none}}.dock>*{animation:pop-in var(--motion-base) var(--motion-ease-spring) backwards}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}.task-row{width:min(100%,var(--size-entry-card));align-self:center;animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.toast{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--size-control-row);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);border-radius:var(--radius-pill);background:var(--component-toast-bg);color:var(--component-toast-fg);box-shadow:var(--elevation-sheet);font-size:var(--type-label-size);animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.toast .btn-tertiary{color:var(--component-toast-action)}@media(hover:hover){.toast .btn-tertiary:hover{background:transparent;text-decoration:underline;text-underline-offset:var(--space-1)}}.toast-solo{padding:0 var(--space-5)}.toast .btn{height:calc(var(--size-control-row) - 2 * var(--space-1))}.toast-anchor{position:fixed;left:50%;bottom:var(--space-7);transform:translate(-50%);width:max-content;max-width:calc(100vw - 2 * var(--space-4))}body:has(.toast-anchor) .surface{padding-bottom:calc(var(--space-7) + var(--size-control-row) + var(--space-5))}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(var(--size-dialog),100vw);max-height:var(--sheet-max);overflow:hidden;display:flex;flex-direction:column;border:var(--border-width-hairline) solid var(--component-sheet-edge);padding:var(--space-2) var(--component-sheet-padding) calc(var(--component-sheet-padding) + var(--safe-bottom));overscroll-behavior:contain;--sheet-radius: var(--component-sheet-radius);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:var(--color-surface);box-shadow:var(--elevation-sheet);z-index:11;animation:sheet-in var(--motion-dialog) var(--motion-ease-spring) backwards;--parent-radius: var(--sheet-radius);--parent-inset: var(--component-sheet-padding);--on-bg: var(--color-surface)}@media(max-width:599px){.sheet{width:100vw}}.sheet:focus-visible{outline:none}.sheet-grab{flex:none;align-self:center;width:var(--space-7);height:var(--space-1);margin-bottom:var(--space-1);border-radius:var(--radius-pill);background:var(--color-fill-hover)}.sheet[data-closing=true]{pointer-events:none;animation:sheet-out calc(.8 * var(--motion-dialog)) var(--motion-ease-exit) forwards}@keyframes sheet-out{to{opacity:0;translate:0 calc(4 * var(--motion-distance))}}.scrim{position:fixed;inset:0;z-index:10;touch-action:none;background:var(--color-scrim);animation:fade-in var(--motion-dialog) var(--motion-ease-standard) backwards}.scrim[data-closing=true]{pointer-events:none;animation:fade-out calc(.8 * var(--motion-dialog)) var(--motion-ease-exit) forwards}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media(min-width:600px){.sheet-dialog{inset:0;margin:auto;height:fit-content;width:min(var(--size-dialog),calc(100vw - 2 * var(--page-gutter)));max-height:min(var(--sheet-max),calc(100vh - 2 * var(--page-gutter)));padding-top:var(--space-3);padding-bottom:var(--component-sheet-padding);border-radius:var(--sheet-radius);transform:none;animation:dialog-in var(--motion-dialog) var(--motion-ease-spring) backwards}.sheet-dialog .sheet-grab{display:none}.sheet-dialog[data-closing=true]{animation:dialog-out calc(.8 * var(--motion-dialog)) var(--motion-ease-exit) forwards}}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:scale(.97)}}.sheet[data-entered=true]:not([data-closing=true]){animation:none}.sheet[data-dragging=true][data-closing=true]{animation:sheet-out calc(.8 * var(--motion-dialog)) var(--motion-ease-exit) forwards}:root[data-motion=reduced] .sheet:not([data-entered=true]){animation:fade-in var(--motion-reduced) var(--motion-ease-standard) backwards}@media(prefers-reduced-motion:reduce){.sheet:not([data-entered=true]){animation:fade-in var(--motion-reduced) var(--motion-ease-standard) backwards}}@keyframes sheet-in{0%{opacity:0;translate:0 calc(4 * var(--motion-distance))}35%{opacity:1}}.sheet-header{display:flex;align-items:center;gap:var(--space-3);flex:none;min-height:calc(var(--size-control-md) + 2 * var(--space-2))}.sheet-title{flex:1;min-width:0;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-close{margin-inline-end:calc(-1 * var(--space-2))}.sheet-header[data-meta=true]{align-items:flex-start;padding-top:var(--space-2)}.sheet-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.sheet-heading>*{margin:0}.sheet-header[data-meta=true] .sheet-close{margin-top:calc(-1 * var(--space-2))}.sheet-body{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--gap-group);padding-top:var(--space-2);margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);padding-bottom:var(--space-1);margin-bottom:calc(-1 * var(--space-1))}.list{list-style:none;margin:0 calc(-1 * var(--space-4));padding:0;display:flex;flex-direction:column;gap:var(--space-1);width:calc(100% + 2 * var(--space-4));align-self:stretch;--parent-radius: var(--radius-lg);--parent-inset: var(--space-2)}.sheet .section-header{min-height:0}.list>li{animation:enter var(--motion-base) var(--motion-ease-spring) backwards}.list>li:nth-child(2){animation-delay:var(--motion-stagger)}.list>li:nth-child(3){animation-delay:calc(2 * var(--motion-stagger))}.list>li:nth-child(4){animation-delay:calc(3 * var(--motion-stagger))}.list>li:nth-child(5){animation-delay:calc(4 * var(--motion-stagger))}.list>li:nth-child(n+6){animation-delay:calc(5 * var(--motion-stagger))}.list-row{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:calc(var(--size-control-row) + var(--space-2));padding:var(--space-2) var(--space-4);border:0;border-radius:calc(var(--parent-radius, var(--radius-md)) - var(--parent-inset, var(--border-width-none)));background:transparent;text-align:start}button.list-row{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-spring)}@media(hover:hover){button.list-row:hover{background:var(--color-fill)}}button.list-row:active{transform:scale(var(--motion-press))}.list-row-trailing .icon:last-child{transition:transform var(--motion-base) var(--motion-ease-spring)}@media(hover:hover){button.list-row:hover .list-row-trailing .icon:last-child{transform:translate(var(--space-1))}}.list-row{flex-wrap:wrap;row-gap:var(--space-2)}.list-row-main{flex:1 1 var(--size-chip-min);min-width:0;display:flex;flex-direction:column}.list-row-secondary{font-size:var(--type-label-size);line-height:var(--type-label-line-height);color:var(--color-fg-muted);white-space:pre-line}.list-row-trailing{display:flex;align-items:center;gap:var(--space-3);max-width:100%;margin-inline-start:auto;color:var(--color-fg-muted)}.list-row-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-label-size);line-height:var(--type-label-line-height);color:var(--color-fg-muted);font-feature-settings:var(--font-numeric)}.list-row-value.list-row-value-wrap{white-space:normal;overflow-wrap:anywhere;text-align:end}.list-row-trailing>.icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.list-row-navigate{flex-wrap:nowrap}.list-row-navigate .list-row-main{flex:1 4 auto;min-width:min-content}.list-row-navigate .list-row-trailing{flex:0 1 auto;min-width:0}.list-row-danger .list-row-title{color:var(--color-danger)}.list-row-control{flex-wrap:nowrap}.list-row-control .list-row-main{flex-basis:auto}.list-row-control .list-row-trailing{flex:none;color:var(--color-fg)}@media(max-width:359px){.list-row-control:has(.seg){flex-wrap:wrap}.list-row-control:has(.seg) .list-row-trailing{flex:1 0 100%}.list-row-control:has(.seg) .seg{width:100%}.list-row-value{white-space:normal;text-align:end}}.list-row-step{flex:1 0 100%;display:flex}.list-row-step .seg{flex:1}.list-row-step .limit-stops{display:flex;flex:1}@media(min-width:600px){.list-row-step .limit-stops{flex:none}.limit-stops .seg-full{display:inline-grid;width:auto}.limit-stops .seg-full .seg-option{padding:0 var(--space-4)}}.list-row[aria-current=true]{background:var(--color-fill)}@media(hover:hover){button.list-row[aria-current=true]:hover{background:var(--color-fill)}}.row-check{display:inline-flex;color:var(--color-accent)}.list-row-lead{display:flex;align-items:center;flex:none}.state-mark{width:var(--size-icon-lg);height:var(--size-icon-lg);flex:none;color:var(--color-fg)}.state-mark-fill{fill:currentColor;stroke:none}.state-mark-ring{fill:none;stroke:currentColor;stroke-width:var(--icon-stroke)}.state-mark[data-state=not_started]{color:var(--color-fg-muted)}.state-mark-check{fill:none;stroke:var(--on-bg, var(--color-canvas));stroke-width:calc(var(--icon-stroke) * 1.15);stroke-linecap:round;stroke-linejoin:round}.level-word{font-size:var(--type-label-size);line-height:var(--type-label-line-height);color:var(--color-fg);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-chip-min),1fr));gap:var(--space-3);margin:0}.stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card)}.stat dt,.stat dd{margin:0}.stat-value{font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-tight-tracking);font-feature-settings:var(--font-numeric)}.missing-mark{display:inline-block;width:var(--space-3);height:var(--border-width-hairline);vertical-align:middle;background:var(--color-fg-muted)}.table-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.row-action{color:var(--color-accent);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.list-row-flush{padding:0}.seg{position:relative;isolation:isolate;align-self:flex-start;display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;max-width:100%;height:var(--size-control-row);padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-track)}@media(pointer:coarse){.seg{height:max(var(--size-control-row),calc(var(--size-hit-min) + 2 * var(--space-1)))}}.seg-thumb{position:absolute;z-index:-1;top:var(--space-1);bottom:var(--space-1);left:0;width:var(--seg-w, 0);transform:translate(var(--seg-x, 0));border-radius:var(--radius-pill);background:var(--component-segmented-thumb);box-shadow:var(--elevation-card),inset 0 0 0 var(--border-width-hairline) var(--component-segmented-edge);transition:transform var(--motion-base) var(--motion-ease-spring)}.seg-thumb[data-ready=false]{transition:none}.seg-option{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--component-segmented-fg);font-size:var(--type-label-size);font-weight:var(--type-label-weight);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--motion-base) var(--motion-ease-standard)}@media(hover:hover){.seg-option:hover{color:var(--color-fg)}}.seg-option[aria-checked=true]{color:var(--color-fg)}.seg-option{position:relative}.seg-option:after{content:"";position:absolute;inset:calc(-1 * var(--space-1)) calc(-1 * var(--space-1) / 2)}.seg-full{display:flex;align-self:stretch;width:100%}.seg-full .seg-option{flex:1 1 0;min-width:0;justify-content:center;padding:0 var(--space-1)}.switch{--switch-h: var(--space-6);--switch-w: calc(var(--switch-h) * 1.625);position:relative;flex:none;width:var(--switch-w);height:var(--switch-h);padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-fill-hover);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-base) var(--motion-ease-standard)}.switch:after{content:"";position:absolute;inset:calc((var(--switch-h) - var(--size-hit-min)) / 2) calc(-1 * var(--space-2))}.switch[aria-checked=true]{background:var(--color-accent)}.switch-thumb{position:absolute;top:var(--space-1);left:var(--space-1);width:calc(var(--switch-h) - 2 * var(--space-1));height:calc(var(--switch-h) - 2 * var(--space-1));border-radius:var(--radius-circle);background:var(--color-white);box-shadow:var(--elevation-card);transition:transform var(--motion-base) var(--motion-ease-spring)}.switch[aria-checked=true] .switch-thumb{transform:translate(calc(var(--switch-w) - var(--switch-h)))}.meter{display:block;width:var(--space-8);height:var(--size-progress-height);border-radius:var(--radius-pill);background:var(--color-track);overflow:hidden;flex:none}.meter-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-accent);transform:scaleX(var(--fill, 0));transform-origin:left center;animation:grow var(--motion-slow) var(--motion-ease-spring) both}@keyframes grow{0%{transform:scaleX(0)}}.key-figure{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.key-figure-line{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2)}.key-figure-value{font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-tight-tracking);font-feature-settings:var(--font-numeric)}.key-figure-unit{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);color:var(--color-fg-muted)}.key-figure-caption{margin:0}.meter-full{width:100%}:root[data-scheme=dark] .meter-full{background:var(--color-neutral-70)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]) .meter-full{background:var(--color-neutral-70)}}.dl{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--space-6);row-gap:var(--gap-item);margin:0}.dl-row{display:contents}.dl dt,.dl dd{margin:0}.dl dt{color:var(--color-fg-muted)}.dl dd{color:var(--color-fg);overflow-wrap:anywhere}.dl dd.dl-num,.dl-emphasis dd{font-feature-settings:var(--font-numeric)}.dl .dl-strong{color:var(--color-fg);font-weight:var(--font-weight-medium)}.dl-changes{grid-template-columns:max-content max-content minmax(0,1fr)}.dl .dl-was{color:var(--color-fg-muted)}.dl-end{grid-template-columns:minmax(0,1fr) max-content}.dl-end dd{text-align:right}.dl-end.dl-changes{grid-template-columns:minmax(0,1fr) max-content max-content}.dl-emphasis{align-items:baseline}.dl-emphasis dd{font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);letter-spacing:var(--type-tight-tracking);-webkit-user-select:all;user-select:all}.dl-emphasis .dl-code{letter-spacing:var(--type-code-tracking)}@media(max-width:599px){.dl-stack{grid-template-columns:minmax(0,1fr);row-gap:0}.dl-stack .dl-row+.dl-row dt{margin-top:var(--gap-item)}}.card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-group);width:100%;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);--parent-radius: var(--radius-lg);--parent-inset: var(--space-5);--on-bg: var(--color-surface)}.plan-table{width:100%;display:grid;grid-template-columns:minmax(max-content,1fr) repeat(var(--plans, 4),minmax(0,1fr));column-gap:var(--space-5);font-feature-settings:var(--font-numeric)}.plan-table[data-plans="1"]{--plans: 1}.plan-table[data-plans="2"]{--plans: 2}.plan-table[data-plans="3"]{--plans: 3}.plan-table[data-plans="4"]{--plans: 4}.plan-table[data-plans="5"]{--plans: 5}.plan-labels,.plan,.plan-price,.plan-facts,.plan-fact{display:contents}.plan-name,.plan-price>*,.plan-action,.plan-fact-value,.plan-label{margin:0;min-width:0}.plan-name{grid-row:1;font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);letter-spacing:var(--type-tight-tracking)}.plan-amount{grid-row:2;margin-top:var(--space-2);font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-tight-tracking)}.plan-unit{grid-row:3;min-height:calc(var(--type-label-size) * var(--type-label-line-height));font-size:var(--type-label-size);line-height:var(--type-label-line-height);color:var(--color-fg-muted)}.plan-action{grid-row:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-5)}.plan-action>.plan-mark:has(+.btn){min-height:0}.plan-rule{grid-row:5;grid-column:1 / -1;height:var(--border-width-hairline);margin-top:var(--space-5);background:var(--color-border)}.plan-label{grid-column:1;color:var(--color-fg-muted)}.plan-label,.plan-fact-value{padding-top:var(--space-3)}.plan-fact-label{position:absolute;width:var(--border-width-hairline);height:var(--border-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.plan:nth-of-type(1)>*,.plan:nth-of-type(1) .plan-price>*,.plan:nth-of-type(1) .plan-fact-value{grid-column:2}.plan:nth-of-type(2)>*,.plan:nth-of-type(2) .plan-price>*,.plan:nth-of-type(2) .plan-fact-value{grid-column:3}.plan:nth-of-type(3)>*,.plan:nth-of-type(3) .plan-price>*,.plan:nth-of-type(3) .plan-fact-value{grid-column:4}.plan:nth-of-type(4)>*,.plan:nth-of-type(4) .plan-price>*,.plan:nth-of-type(4) .plan-fact-value{grid-column:5}.plan:nth-of-type(5)>*,.plan:nth-of-type(5) .plan-price>*,.plan:nth-of-type(5) .plan-fact-value{grid-column:6}.plan-label:nth-child(1),.plan-fact:nth-child(1)>.plan-fact-value{grid-row:6}.plan-label:nth-child(2),.plan-fact:nth-child(2)>.plan-fact-value{grid-row:7}.plan-label:nth-child(3),.plan-fact:nth-child(3)>.plan-fact-value{grid-row:8}.plan-label:nth-child(4),.plan-fact:nth-child(4)>.plan-fact-value{grid-row:9}.plan-label:nth-child(5),.plan-fact:nth-child(5)>.plan-fact-value{grid-row:10}.plan-label:nth-child(6),.plan-fact:nth-child(6)>.plan-fact-value{grid-row:11}.plan>.plan-facts{grid-column:auto}.plan-lines{display:none}@media(max-width:599px){.plan-table{display:flex;flex-direction:column;gap:var(--gap-section)}.plan-labels,.plan-rule{display:none}.plan{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;row-gap:var(--gap-item)}.plan-table .plan>*,.plan-table .plan .plan-price>*,.plan-table .plan .plan-fact-value{grid-column:auto;grid-row:auto}.plan-price{display:flex;align-items:baseline;gap:var(--space-1);margin:0}.plan-amount{margin:0;font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.plan-unit{min-height:0}.plan-table .plan>.plan-lines{display:flex;flex-direction:column;grid-column:1 / -1;margin:0;color:var(--color-fg-muted)}.plan-table .plan>.plan-facts{display:block;margin:0;position:absolute;width:var(--border-width-hairline);height:var(--border-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.plan-table .plan>.plan-action{order:1;grid-column:1 / -1;align-items:stretch;margin-top:var(--space-3)}}.state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.state>p{margin:0;max-width:var(--size-content-max)}.dead-end{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dead-end>p{margin:0 0 var(--space-3);max-width:var(--size-content-max)}.heat{display:block;width:var(--space-8);height:var(--space-5);border-radius:var(--radius-xs);background:var(--color-track)}.data-table:has(.heat) thead th{white-space:normal;vertical-align:bottom;min-width:var(--space-8);max-width:calc(var(--space-8) * 2)}.heat[data-step="1"]{background:var(--color-heat-1)}.heat[data-step="2"]{background:var(--color-heat-2)}.heat[data-step="3"]{background:var(--color-heat-3)}.heat[data-step="4"]{background:var(--color-heat-4)}.heat[data-step="5"]{background:var(--color-accent)}.skeleton{height:var(--type-body-size);width:60%;border-radius:var(--radius-pill)}.skeleton,.bone,.bone-btn,.bone-ring{overflow:hidden;background:var(--color-skeleton)}.skeleton,.bone,.bone-btn{position:relative}.skeleton:after,.bone:after,.bone-btn:after,.bone-ring:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-skeleton) 20%,var(--color-fill-hover) 50%,var(--color-skeleton) 80%);transform:translate(-100%);animation:shimmer var(--motion-shimmer) linear infinite;pointer-events:none}.skeleton:nth-child(2n){width:45%}.skeleton-rows,.skeleton-figure{display:flex;flex-direction:column;animation:fade-in var(--motion-base) var(--motion-ease-standard) var(--skeleton-delay) backwards}.skeleton-figure{gap:var(--space-3)}.skeleton.skeleton-display{width:40%;height:var(--type-display-size)}.skeleton.skeleton-meter{width:100%;height:var(--size-progress-height)}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after,.bone:after,.bone-btn:after,.bone-ring:after{display:none}}:root[data-motion=reduced] .skeleton:after,:root[data-motion=reduced] .bone:after,:root[data-motion=reduced] .bone-btn:after,:root[data-motion=reduced] .bone-ring:after{display:none}.session{position:fixed;inset:0;background:var(--color-board-bg);overflow:hidden}.board{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.back{position:fixed;top:var(--space-4);left:var(--space-4)}.board-frame{width:100%;height:var(--component-summary-frame);border-radius:var(--radius-lg);background:var(--color-board-bg);overflow:hidden;display:block;object-fit:contain;animation:settle var(--motion-slow) var(--motion-ease-spring) backwards;animation-delay:var(--motion-stagger)}@keyframes settle{0%{opacity:0;transform:scale(.98)}}.board-frame-button .board-frame{transition:transform var(--motion-base) var(--motion-ease-spring)}@media(hover:hover){.board-frame-button:hover .board-frame{transform:scale(1.01)}}.board-frame-button{padding:0;border:0;background:transparent;border-radius:var(--radius-lg);width:100%;cursor:pointer}.page-header{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-md)}.page-title{flex:1;min-width:0}.page-header[data-one-line=true] .page-title,.page-header[data-one-line=true] .page-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:599px){.page-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}}.page-title-switch{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;margin-inline:calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-xs);background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast) var(--motion-ease-standard)}@media(hover:hover){.page-title-switch:hover{background:var(--color-fill)}}.page-title-switch .icon{color:var(--color-fg-muted)}.page-header-group{display:flex;flex-direction:column;gap:var(--space-2)}.page-lead{margin:0;max-width:var(--size-content-lead);text-wrap:balance}.page-back{margin-inline-start:calc(-1 * var(--space-3))}.page-header-trailing{display:flex;align-items:center;gap:var(--component-row-gap)}.section{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.section-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-3)}.section-header[data-action=true]{align-items:center;min-height:var(--size-control-row)}.section-title{margin:0;font-weight:var(--font-weight-medium)}.section-trailing{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--component-row-gap);max-width:100%}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--component-row-gap)}.join-code{font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);letter-spacing:var(--type-code-tracking);-webkit-user-select:all;user-select:all}.surface-split{display:grid;grid-template-columns:var(--size-column-leading) minmax(0,var(--size-content-wide));justify-content:center;align-items:start;gap:var(--space-7)}.surface-leading{position:sticky;top:var(--component-surface-top);display:flex;flex-direction:column;gap:var(--space-3)}.surface-split>.surface-column{max-width:var(--size-content-wide);min-width:0;flex:1}.only-narrow{display:none}@media(max-width:1179px){.surface-split{display:flex}.surface-leading{display:none}.only-narrow{display:inline-flex}}.select{position:relative;display:inline-flex;min-width:0}.select-field{display:flex;width:100%}.select-button{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;cursor:pointer;text-align:start;color:var(--color-fg);-webkit-tap-highlight-color:transparent}.select-field .select-button{width:100%;justify-content:space-between;padding-inline:var(--space-5) var(--space-4)}.select-button[data-empty=true] .select-value{color:var(--color-fg-muted)}.select-value{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{display:inline-flex;flex:none;color:var(--color-fg-muted);transition:transform var(--motion-fast) var(--motion-ease-standard)}.select-button[aria-expanded=true] .select-chevron{transform:rotate(180deg)}.select-quiet .select-chevron .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.select-quiet .select-button{min-height:var(--size-hit-min);padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-fg-muted);font-size:var(--type-label-size);font-weight:var(--type-label-weight);white-space:nowrap;transition:background-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard)}.select-quiet .select-button[aria-expanded=true]{color:var(--color-fg);background:var(--color-fill)}@media(hover:hover){.select-quiet .select-button:hover{color:var(--color-fg);background:var(--color-fill)}}.select-list{position:fixed;z-index:40;box-sizing:border-box;max-width:calc(100vw - 2 * var(--space-4));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1);border:var(--border-width-hairline) solid var(--component-sheet-edge);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-sheet);color:var(--color-fg);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-tracking);font-feature-settings:var(--font-features);--parent-radius: var(--radius-lg);--parent-inset: var(--space-1);visibility:hidden}.select-list[data-placed=true]{visibility:visible;animation:select-in var(--motion-fast) var(--motion-ease-standard) backwards}.select-list[data-up=true]{animation-name:select-in-up}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--size-hit-min);padding:var(--space-2) var(--space-3);border-radius:calc(var(--parent-radius) - var(--parent-inset));color:var(--color-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.select-option[data-active=true]{background:var(--color-fill)}.select-option[aria-selected=true]{font-weight:var(--type-label-weight)}.select-option .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-accent)}.select-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.select-option[lang=ar],.select-value [lang=ar]{font-family:var(--font-arabic);letter-spacing:normal}.select-option[lang=ar] .select-option-label{font-size:calc(var(--type-body-size) * 1.125);line-height:var(--type-body-line-height)}.select-scrim{position:fixed;inset:0;z-index:40;touch-action:none;background:var(--color-scrim);animation:fade-in var(--motion-dialog) var(--motion-ease-standard) backwards}.select-list[data-sheet=true]{inset:auto 0 0;max-width:none;max-height:var(--sheet-max);padding:var(--space-3) max(var(--space-3),var(--safe-right)) calc(var(--space-3) + var(--safe-bottom)) max(var(--space-3),var(--safe-left));border-radius:var(--component-sheet-radius) var(--component-sheet-radius) 0 0;--parent-radius: var(--component-sheet-radius);--parent-inset: var(--space-3);animation:select-sheet-in var(--motion-dialog) var(--motion-ease-spring) backwards}.select-list[data-sheet=true] .select-option{min-height:var(--size-control-row);padding-inline:var(--space-4)}@keyframes select-in{0%{opacity:0;transform:translateY(calc(-1 * var(--motion-distance)))}}@keyframes select-in-up{0%{opacity:0;transform:translateY(var(--motion-distance))}}@keyframes select-sheet-in{0%{transform:translateY(100%)}}:root[data-motion=reduced] .select-list,:root[data-motion=reduced] .select-chevron{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.select-list,.select-chevron{animation:none;transition:none}}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.pill-input{display:flex;align-items:center;width:100%;min-width:0;height:var(--size-control-row);margin:0;padding:0 var(--space-5);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--elevation-card);color:var(--color-fg);font:inherit;font-size:max(var(--font-size-16),var(--type-body-size));line-height:var(--type-body-line-height);letter-spacing:var(--type-tracking);caret-color:var(--color-accent);appearance:none;transition:border-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-base) var(--motion-ease-standard)}.pill-input:focus{outline:none;box-shadow:var(--elevation-card),inset 0 0 0 var(--border-width-hairline) var(--color-accent),0 0 0 calc(var(--size-focus-ring) + var(--border-width-hairline)) var(--color-accent-soft)}.pill-input::placeholder{color:var(--color-fg-muted);opacity:1}@media(prefers-reduced-motion:reduce){.pill-input{transition:none}}.field-input{flex:none;width:100%;font-size:var(--type-body-size)}.pill-input.field-input,.pill-input.select-button{min-width:0;height:var(--size-control-row);margin:0;padding:0 var(--space-5);border-radius:var(--radius-pill);border:var(--border-width-hairline) solid transparent;background:var(--color-fill-quiet);box-shadow:none;color:var(--color-fg);font:inherit;font-size:var(--type-body-size);line-height:var(--type-body-line-height);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-base) var(--motion-ease-spring)}.pill-input.field-input:focus,.pill-input.select-button:focus-visible,.pill-input.select-button[aria-expanded=true]{border-color:var(--color-accent);box-shadow:0 0 0 var(--space-1) var(--color-accent-soft)}.pill-input.field-input:focus-visible,.pill-input.select-button:focus-visible{outline:none}.pill-input.field-input::placeholder{color:var(--color-fg-muted);opacity:1}.select-field .pill-input.select-button{padding-inline:var(--space-5) var(--space-4)}.pill-input.field-input.field-textarea{height:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.pill-input.field-input.field-input-code{font-size:var(--type-title-size);line-height:1}:root[data-motion=reduced] .pill-input{transition:none}.field-short .field-input{max-width:var(--size-field-short)}.field-textarea{font-family:inherit;letter-spacing:inherit;color:var(--color-fg)}.field-textarea{height:auto;min-height:calc(var(--size-control-row) * 3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);resize:vertical;line-height:var(--type-body-lg-line-height)}:root[data-scheme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]){color-scheme:dark}}.field-code{font-feature-settings:var(--font-numeric);letter-spacing:var(--type-code-tracking)}.field-input::placeholder{font-size:var(--type-body-size);letter-spacing:var(--type-tracking);color:var(--color-fg-muted)}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.field-label{font-weight:var(--type-label-weight)}.field-input[aria-invalid=true],.field-input[aria-invalid=true]:focus{border-color:var(--color-danger)}.field-input[aria-invalid=true]:focus,.pill-input.field-input[aria-invalid=true]:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--space-1) var(--color-danger-soft)}.field-error{color:var(--color-fg)}.form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);width:100%}.progress{display:flex;flex-direction:column;gap:var(--space-1);min-width:var(--size-gallery-thumb)}.progress-track{display:block;height:var(--size-progress-height);border-radius:var(--radius-pill);background:var(--color-track);overflow:hidden}.progress-fill{display:block;height:100%;width:100%;border-radius:var(--radius-pill);background:var(--color-accent);transform:scaleX(var(--fill, 0));transform-origin:left center;transition:transform var(--motion-slow) var(--motion-ease-spring);animation:grow var(--motion-slow) var(--motion-ease-spring) both}.level{display:inline-flex;align-items:center;gap:var(--space-3)}.table-scroll{position:relative;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle;white-space:nowrap;font-feature-settings:var(--font-numeric)}.data-table tr>:first-child{padding-left:0}.data-table tr>:last-child{padding-right:0}.data-table thead th{color:var(--color-fg-muted);font-weight:var(--type-body-weight);border-bottom:var(--border-width-hairline) solid var(--color-border)}.data-table tbody th{font-weight:var(--type-body-weight);font-size:var(--type-body-size);position:sticky;left:0;background:var(--on-bg, var(--color-canvas))}.data-table .num{text-align:right}.data-table tbody tr{height:calc(var(--size-control-row) + var(--space-2))}.data-table tbody th,.data-table tbody td{padding-block:var(--space-2)}.choice-row{animation:enter var(--motion-base) var(--motion-ease-spring) backwards;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--component-row-gap);padding:var(--component-dock-padding);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--elevation-sheet)}.sheet-actions{position:relative;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--component-row-gap);padding-top:var(--gap-group)}@media(max-width:599px){.sheet-actions{flex-direction:column-reverse;align-items:stretch}.sheet-actions:not(:has(.btn-primary,.btn-danger)){flex-direction:column}.sheet-actions>.btn,.sheet-actions>*>.btn{width:100%}}.sheet-actions:before,.flow-footer:before{content:"";position:absolute;height:var(--border-width-hairline);background:var(--color-fill-hover);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease-standard)}.sheet-actions:before{top:0;inset-inline:calc(-1 * var(--component-sheet-padding))}.sheet-actions[data-more=true]:before,.flow-footer[data-more=true]:before{opacity:1}.scrubber{width:100%;accent-color:var(--color-accent);height:var(--size-control-row)}.dev-badge{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-canvas)}.session~.dev-badge{display:none}.entry~.dev-badge{position:fixed;right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));padding:0;background:none}.pending{min-height:100%;background:var(--color-canvas)}:root[data-start=app] #prerender{display:none}#root:empty{height:auto}.gallery-thumb{width:var(--size-gallery-thumb);min-height:var(--size-hit-min);padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-board-bg);box-shadow:var(--elevation-card);overflow:hidden;cursor:pointer}.gallery-thumb img{display:block;width:100%;height:auto}.chip-ptt{background:var(--color-fill);color:var(--color-fg);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.chip-ptt[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}@media(max-width:599px){.seg-option{padding:0 var(--space-3)}}.entry{position:relative;isolation:isolate;min-height:100%;background:var(--color-canvas)}.entry-main{display:flex;justify-content:center;width:100%}.brand{display:inline-flex;align-items:center;min-height:var(--size-hit-min);padding-inline:var(--space-1);margin-inline:calc(-1 * var(--space-1));border-radius:var(--radius-pill);color:var(--color-brand-ink);text-decoration:none}.brand-word,.brand-mark{flex:none;display:block;overflow:visible}.brand-word{width:auto;aspect-ratio:267.4 / 100}.brand-word-sm{height:calc(.8 * var(--space-4))}.brand-word-md{height:calc(.8 * var(--space-5))}.brand-word-lg{height:calc(.8 * var(--space-6))}.brand-word-xl{height:calc(.8 * var(--space-7))}.brand-mark-sm{width:var(--space-4);height:var(--space-4)}.brand-mark-md{width:var(--space-5);height:var(--space-5)}.brand-mark-lg{width:var(--space-6);height:var(--space-6)}.brand-mark-xl{width:var(--space-7);height:var(--space-7)}.brand-ink{fill:var(--color-brand-ink)}.brand-pen{fill:var(--color-brand-pen)}.auth-card{animation:enter var(--motion-slow) var(--motion-ease-spring) backwards}.auth-head{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.auth-title{margin:0;text-wrap:balance}.auth-lead{color:var(--color-fg-muted)}.auth-lead p{margin:0;text-wrap:pretty}.auth-lead .auth-lead-error{color:var(--color-danger)}.auth-email{color:var(--color-fg);font-weight:var(--type-label-weight);overflow-wrap:anywhere}.auth-code-lead{font-feature-settings:var(--font-numeric)}.auth-form{align-items:stretch;gap:var(--card-gap)}.auth-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-item)}.auth-actions>.auth-agree,.auth-actions>.auth-quiet{align-self:center}.auth-card .btn-primary{box-shadow:none}@media(hover:hover){.auth-card .btn-primary:hover:not(:disabled){box-shadow:none}}.auth-quiet-list{display:flex;flex-direction:column;align-items:center;gap:var(--gap-item)}.auth-wait{font-feature-settings:var(--font-numeric)}.auth-agree{margin:0;text-align:center;text-wrap:balance}.auth-school{display:flex;flex-direction:column;gap:var(--gap-item)}.auth-school .field-label{margin:0}.auth-school-buttons{display:flex;flex-wrap:wrap;gap:var(--gap-item)}.auth-school-buttons .btn{flex:1 1 0}.auth-or{margin:0;text-align:center}.btn-google .google-mark{width:18px;height:18px;flex:none}.auth-google{position:relative}.auth-google-gis{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scaleY(1.25)}.auth-google[data-ready=false] .auth-google-gis{pointer-events:none}.auth-google .btn-google{width:100%}@media(hover:hover){.card .auth-google[data-ready=true]:hover .btn-google{background:var(--component-button-secondary-bg-on-surface-hover)}}.auth-google:focus-within .btn-google{outline:var(--size-focus-ring) solid var(--color-accent);outline-offset:var(--size-focus-ring)}.auth-google[data-disabled=true]{opacity:.6;pointer-events:none}.auth-alts{display:flex;flex-direction:column;align-items:center;gap:0;margin-block:calc((var(--type-label-size) * var(--type-label-line-height) - var(--size-hit-min)) / 2)}.auth-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--space-1);min-height:var(--size-hit-min);margin:0;text-align:center}.auth-card>.auth-alts{margin-block-end:calc((var(--type-label-size) * var(--type-label-line-height) - var(--size-hit-min)) / 2);margin-block-start:0;padding-block-start:calc(var(--card-gap) - (var(--size-hit-min) - var(--type-label-size) * var(--type-label-line-height)) / 2)}.auth-ways{display:flex;flex-direction:column;gap:var(--gap-item)}.auth-way{text-decoration:none}.auth-way .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.entry-choices{margin:0;padding:0;list-style:none}.entry-choices>li{display:flex;flex-direction:column}.entry-choices .choice{text-decoration:none}.auth-card .field-error,.site-form .field-error,.onb-card .firstrun-status,.auth-error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;color:var(--color-danger);font-weight:var(--type-label-weight);text-wrap:pretty}.auth-card .field-error:before,.site-form .field-error:before,.onb-card .firstrun-status:not(:empty):before,.auth-error:before{content:"!";flex:none;display:inline-grid;place-items:center;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-circle);background:var(--color-danger);color:var(--color-canvas);font-size:var(--type-caption-size);font-weight:var(--type-title-weight);line-height:1;margin-top:calc((var(--type-label-size) * var(--type-label-line-height) - var(--space-4)) / 2)}.auth-link{position:relative;display:inline-block;padding-inline:var(--space-1);margin-inline:calc(-1 * var(--space-1));border-radius:var(--radius-pill);color:var(--color-fg);font-weight:var(--type-label-weight);text-decoration:none}.auth-link:focus-visible{outline-offset:var(--border-width-hairline)}.auth-link:after{content:"";position:absolute;inset:calc(50% - var(--size-hit-min) / 2) calc(-1 * var(--space-2));border-radius:var(--radius-pill)}@media(hover:hover){.auth-link:hover:not(:disabled){text-decoration:underline;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}}.auth-quiet{appearance:none;border:0;background:none;font-family:inherit;font-size:var(--type-label-size);line-height:var(--type-label-line-height);letter-spacing:var(--type-tracking);text-align:start;cursor:pointer}.auth-quiet:disabled{color:var(--color-fg-muted);cursor:default}.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label action" "control control";align-items:baseline;column-gap:var(--space-3);row-gap:var(--space-2)}.field-with-action>.field-label{grid-area:label}.field-with-action>.field-control{grid-area:control}.field-with-action>.field-error{grid-column:1 / -1}.field-action{grid-area:action;justify-self:end;display:flex}.field-action .auth-link{font-size:var(--type-label-size)}.field-control{position:relative;width:100%}.field-short .field-control{max-width:var(--size-field-short)}.field-control-reveal .field-input{padding-inline-end:calc(var(--size-control-row) + var(--space-1))}.field-reveal{position:absolute;top:0;bottom:0;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;width:max(var(--size-control-row),var(--size-hit-min));padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-fg-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast) var(--motion-ease-standard)}.field-reveal .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.field-reveal:before{content:"";position:absolute;inset:var(--space-1);border-radius:var(--radius-circle);background:var(--color-fill);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease-standard)}.field-reveal .icon{position:relative}.field-reveal[aria-pressed=true]{color:var(--color-fg)}.field-reveal:active:before{opacity:1}@media(hover:hover){.field-reveal:hover{color:var(--color-fg)}.field-reveal:hover:before{opacity:1}}.field-input-code{font-size:var(--type-title-size);letter-spacing:var(--type-code-tracking);text-transform:uppercase;font-feature-settings:var(--font-numeric)}.field-input-code::placeholder{text-transform:none}.mfa-setup{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-group)}.mfa-setup>.mfa-qr,.mfa-setup>.mfa-open{align-self:center}.mfa-qr{width:calc(2 * var(--size-gallery-thumb));height:calc(2 * var(--size-gallery-thumb));background:var(--color-white);color:var(--color-neutral-100)}:root[data-scheme=dark] .mfa-qr{padding:var(--space-3);border-radius:var(--radius-md)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]) .mfa-qr{padding:var(--space-3);border-radius:var(--radius-md)}}.mfa-open{display:none;text-decoration:none}.mfa-key,.mfa-key dd{margin:0}.mfa-key-value{font-feature-settings:var(--font-numeric);letter-spacing:var(--type-code-tracking);overflow-wrap:anywhere}@media(max-width:599px),(max-height:500px)and (pointer:coarse){.mfa-qr{display:none}.mfa-open{display:inline-flex}}.text-link{color:var(--color-accent);font-weight:var(--type-label-weight);text-decoration:none}@media(hover:hover){.text-link:hover{text-decoration:underline;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}}.request-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.request-text>*{margin:0}@media(hover:hover){button.list-row:hover .avatar{background:var(--color-surface)}}[data-testid=email-row] .list-row-value{font-feature-settings:normal}.child-state{gap:var(--gap-group)}.surface-column>.child-lead-action{margin-top:calc(var(--gap-group) - var(--gap-header))}.sheet .sheet-body>p,[data-testid=consent-seat],[data-testid=request-line]{text-wrap:pretty}.form-error{margin:0;color:var(--color-danger)}[data-testid=add-child] .field-error,[data-testid=consent] .field-error,.sheet .field-error{display:flex;align-items:baseline;gap:var(--space-2);margin:0;color:var(--color-danger);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}[data-testid=add-child] .field-error:before,[data-testid=consent] .field-error:before,.sheet .field-error:before{content:"!";flex:none;display:inline-grid;place-items:center;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-circle);background:var(--color-danger);color:var(--color-canvas);font-size:var(--type-caption-size);font-weight:var(--type-title-weight);line-height:1;transform:translateY(var(--border-width-hairline))}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%}.field-set{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.edge-tertiary{margin-inline-start:calc(-1 * var(--space-3))}.flow-title{margin:0}@media(max-width:599px){.flow-title.type-display{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}}.flow-title:focus-visible{outline:none}.flow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--component-row-gap)}@media(min-width:600px){.surface-with-bar .flow-actions,.surface-with-bar .teacher-flow-actions{flex-direction:row-reverse;justify-content:flex-start;align-self:stretch}}@media(max-width:599px){.flow-actions{flex-direction:column;align-items:stretch}.flow-actions>.btn{width:100%}.flow-actions>.btn-tertiary{width:auto;align-self:flex-start;margin-inline-start:calc(-1 * var(--space-3))}}.flow-alt{margin:0;text-wrap:pretty}.link-button{padding:0;border:0;background:none;font:inherit;cursor:pointer}.level-list{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin:0}.level-list-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-2)}.level-list-row>dt,.level-list-row>dd{margin:0}@media(max-width:599px){.list[role=radiogroup]{margin-inline:calc(-1 * var(--space-2));width:calc(100% + 2 * var(--space-2))}.list[role=radiogroup] .list-row{padding-inline:var(--space-2)}}.permission,.consent-body{display:flex;flex-direction:column;gap:var(--gap-group);width:100%}.permission>p{margin:0}.permission p,.permission li,.permission .agree>.type-body,.consent-body p{max-width:var(--size-content-max);text-wrap:wrap}.permission-details{display:flex;flex-direction:column}.permission-details-summary{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-1);min-height:var(--size-hit-min);color:var(--color-accent);font-size:var(--type-body-size);font-weight:var(--type-label-weight);list-style:none;cursor:pointer}.permission-details-summary::-webkit-details-marker{display:none}.permission-details-summary .icon{width:var(--space-4);height:var(--space-4);transition:transform var(--motion-fast) var(--motion-ease-standard)}.permission-details[open] .permission-details-summary .icon{transform:rotate(180deg)}.permission-details-body{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.permission-agree{display:flex;flex-direction:column;gap:var(--space-2)}.agree{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);min-height:max(var(--size-control-row),var(--size-hit-min));padding-block:var(--space-2);box-sizing:border-box;text-wrap:pretty;cursor:pointer;-webkit-tap-highlight-color:transparent}.agree-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.agree-box{flex:none;display:grid;place-items:center;width:var(--size-icon-lg);height:var(--size-icon-lg);margin-top:calc((var(--type-body-size) * var(--type-body-line-height) - var(--size-icon-lg)) / 2);border:var(--size-focus-ring) solid var(--color-fg-muted);border-radius:calc(var(--radius-xs) / 2);background:var(--color-surface);color:transparent;transition:background var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard)}.agree-box svg{width:calc(var(--size-icon-lg) - var(--space-2));height:calc(var(--size-icon-lg) - var(--space-2))}@media(hover:hover){.agree:hover .agree-box{border-color:var(--color-fg)}}.agree-input:checked+.agree-box{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg)}.agree-input:focus-visible+.agree-box{outline:var(--size-focus-ring) solid var(--color-accent);outline-offset:var(--border-width-hairline)}.agree-input[aria-invalid=true]+.agree-box{border-color:var(--color-danger)}.handoff{display:flex;flex-direction:column;gap:var(--gap-group);width:100%}.handoff>p{margin:0}.handoff .dl dd{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media print{:root[data-print=handoff] body *{visibility:hidden}:root[data-print=handoff] .handoff,:root[data-print=handoff] .handoff *{visibility:visible}:root[data-print=handoff] .handoff{position:absolute;top:0;left:0}}.list-row-icon{display:flex;align-items:center;color:var(--color-fg-muted)}:root[data-band=child] .list-row-icon{color:var(--color-fg)}.list-row-mark{justify-content:center;flex:none;width:var(--size-icon-row);height:var(--size-icon-row);border:var(--border-width-hairline) solid currentColor;border-radius:var(--radius-circle);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight)}.text-action{display:inline-flex;align-items:center;min-height:var(--size-hit-min);padding:0;border:0;background:none;color:var(--color-accent);font:inherit;font-weight:var(--type-label-weight);cursor:pointer}.add-action{gap:var(--space-1);min-height:var(--size-hit-min);margin-block:calc(-1 * var(--space-2));padding-inline:var(--space-2);margin-inline-end:calc(-1 * var(--space-2));border-radius:var(--radius-pill);font-size:var(--type-label-size);white-space:nowrap}.add-action .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.add-action:active{background:var(--color-fill)}@media(hover:hover){.text-action:hover{text-decoration:underline;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}}.firstrun-title{margin:0}.picker{display:flex;flex-direction:column;gap:var(--gap-group)}.pick-row{width:100%;text-align:start}.pick-row[data-quiet=true] .list-row-title{color:var(--color-fg-muted)}.pick-row[aria-checked=true],.pick-row[aria-current=true]{background:var(--color-accent);color:var(--color-accent-fg)}@media(hover:hover){button.pick-row[aria-checked=true]:hover,button.pick-row[aria-current=true]:hover{background:var(--color-accent);color:var(--color-accent-fg)}}.pick-row[aria-checked=true] .list-row-title,.pick-row[aria-current=true] .list-row-title{color:inherit}.grade-menu-list{display:flex;flex-direction:column;gap:var(--gap-group)}.grade-menu-rows,.grade-menu-courses{padding:0;list-style:none}.pick-row[aria-expanded] .list-row-trailing .icon{transition:transform var(--motion-fast) var(--motion-ease-standard)}.pick-row[aria-expanded=true] .list-row-trailing .icon{transform:rotate(180deg)}.pick-row[data-mine=true] .list-row-title{font-weight:var(--type-emphasis-weight)}.pick-row-course{padding-inline-start:calc(var(--space-4) + var(--space-5))}.grade-menu-courses.list{width:100%;margin-inline:0}.grade-menu-courses{display:flex;flex-direction:column;gap:var(--space-1);margin-block:var(--space-1)}.home-head,.settings-grade{position:relative}.grade-menu-list:focus{outline:none}.grade-menu{position:absolute;top:calc(100% + var(--space-2));left:calc(-1 * var(--space-2));z-index:20;width:min(320px,calc(100vw - 2 * var(--page-gutter)));max-height:var(--sheet-max);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);animation:grade-menu-in var(--motion-fast) var(--motion-ease-standard)}.settings-grade .grade-menu{top:calc(var(--size-control-row) + 3 * var(--space-2));left:auto;right:0}.grade-menu .list-row{min-height:var(--size-control-md);padding-block:var(--space-2);border-radius:var(--radius-md)}.grade-menu .grade-menu-rows,.grade-menu .list{margin-inline:0;width:100%}@keyframes grade-menu-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}}@media(prefers-reduced-motion:reduce){.grade-menu{animation:none}}.picker-search{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-row);padding:0 var(--space-4);border:var(--border-width-hairline) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-fg-muted)}.picker-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 var(--size-focus-ring) var(--color-accent-soft)}.picker-search>.icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.picker-search-input{flex:1;min-width:0;min-height:var(--size-control-row);border:0;outline:none;background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-body-size)}.picker-search-input::-webkit-search-cancel-button{appearance:none}.picker-search-input::placeholder{color:var(--color-fg-muted)}.sheet .picker-search{flex:none;background:var(--color-fill);border-color:transparent}[data-sheet=search]{height:var(--sheet-max)}[data-sheet=search] .sheet-body{flex:1 1 auto}.search{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap-group)}.search-results{display:flex;flex-direction:column;gap:var(--gap-group)}.search-none,.search-off{margin:0}.search-group{display:flex;flex-direction:column;gap:var(--space-3)}.picker-match{font-weight:var(--type-emphasis-weight)}.place-search{flex:none}.place-options{margin-inline:calc(-1 * var(--space-4));width:calc(100% + 2 * var(--space-4))}[data-sheet=place-list] .sheet-body{padding-bottom:var(--gap-group);-webkit-mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--gap-group)),transparent);mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--gap-group)),transparent)}.place-option[aria-checked=true]{background:var(--color-accent);color:var(--color-accent-fg)}@media(hover:hover){button.place-option[aria-checked=true]:hover{background:var(--color-accent);color:var(--color-accent-fg)}}.sheet-back{margin-inline-start:calc(-1 * var(--space-2))}[data-sheet=place-list] .sheet-back{background:transparent}@media(hover:hover){[data-sheet=place-list] .sheet-back:hover:not(:disabled){background:var(--color-fill)}}@media(hover:none){@media(hover:hover){button.place-option:not([aria-checked=true]):hover{background:transparent}}}@media(min-width:1024px){.split.home-split{grid-template-columns:minmax(0,1fr) min(var(--size-column-aside),40%)}.split.home-split:has(.home-rail){grid-template-columns:minmax(0,1fr) min(var(--size-home-rail),32%)}.home-rail{display:flex;flex-direction:column;gap:var(--gap-group)}.split.home-split.split-no-aside{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}}@container home-main (min-width: 640px){.next[data-picture=icon] .next-body{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-5)}.next[data-picture=icon] .next-body>.btn-block{align-self:center;width:auto;min-width:calc(var(--space-8) * 2 + var(--space-5))}}.home-aside{display:flex;flex-direction:column;gap:var(--gap-group)}.home-aside[data-sticky=true]{position:sticky;top:var(--gap-header)}.home-main{display:flex;flex-direction:column;gap:var(--gap-group)}.home-main>p{margin:0}.home-page,.course-page,.browse-page,.mine-page,.surface-column>.course-hero{width:100%;max-width:var(--size-page-reading);margin-inline:auto}.home-split.split-no-aside{display:flex;flex-direction:column;align-items:stretch}.course-remove{flex:none}.next{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-group)}.next-head{display:flex;flex-direction:column;gap:var(--space-1)}.next-head>*{margin:0}.next-head>h2{text-wrap:pretty}.next .btn-block{align-self:stretch}.next[data-out=true] .text-action{margin-block:calc((var(--type-body-line-height) - var(--size-hit-min)) / 2)}.next-ink{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-feature-settings:var(--font-numeric);color:var(--color-board-ink);white-space:nowrap}.next-bars{align-self:stretch;max-width:var(--size-column-leading);display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-board-ink)}.next-bar-row{display:grid;grid-template-columns:var(--space-7) minmax(0,1fr);align-items:center;gap:var(--space-3)}.next-bar-label{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--type-emphasis-weight);font-feature-settings:var(--font-numeric)}.next-bar{display:grid;grid-template-columns:repeat(var(--parts),minmax(0,1fr));height:var(--space-5);border:var(--border-width-hairline) solid var(--color-board-ink);border-radius:var(--radius-xs);overflow:hidden}.next-bar-part+.next-bar-part{border-left:var(--border-width-hairline) solid var(--color-board-ink)}.next-bar-part[data-on=true]{background:color-mix(in oklab,var(--color-board-notation-4) 55%,var(--color-surface))}.outline{--outline-n: calc(var(--size-icon-lg) + var(--space-4));display:flex;flex-direction:column;gap:var(--gap-group)}.outline-n{flex:none;width:var(--outline-n);font-feature-settings:var(--font-numeric)}.outline-later{display:flex;flex-direction:column;gap:var(--gap-item);margin:0;padding:0;list-style:none}.outline-empty{display:flex;color:var(--color-fg-muted)}.outline-optional{margin-inline-start:var(--space-2);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);color:var(--color-fg-muted);font-weight:400}.next-none{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);color:var(--color-fg);animation:enter var(--motion-slow) var(--motion-ease-spring) backwards}.next-none-icon{display:inline-flex;flex:none;opacity:.6}.next-none-icon .icon{width:var(--size-icon-lg);height:var(--size-icon-lg)}.next-none-line{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-line-height);text-wrap:balance}.home-head .page-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.home-search{flex:none}.search-list .list-row-main{min-width:0}.search-list .list-row-trailing{flex:none}.home-foot{margin:calc(var(--gap-section) - var(--gap-group)) 0 0}.home-skeleton{width:100%}.ask{display:flex;flex-direction:column;gap:var(--space-4)}.ask-title{margin:0;text-wrap:balance}.ask-field>.icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);margin-right:var(--space-1)}.ask-input::-webkit-search-cancel-button{appearance:none}[data-subject=math]{--subject-a: var(--color-subject-math);--subject-b: var(--color-subject-math-2)}[data-subject=science]{--subject-a: var(--color-subject-science);--subject-b: var(--color-subject-science-2)}[data-subject=english]{--subject-a: var(--color-subject-english);--subject-b: var(--color-subject-english-2)}[data-subject=history]{--subject-a: var(--color-subject-history);--subject-b: var(--color-subject-history-2)}[data-subject=cs]{--subject-a: var(--color-subject-cs);--subject-b: var(--color-subject-cs-2)}.home-main{container:home-main / inline-size;min-width:0}.field-send.ask-start{background:var(--color-fill-hover);color:var(--color-fg);animation:fade-in var(--motion-fast) var(--motion-ease-standard)}.field-send.ask-start .icon{color:var(--color-fg)}.ask-start-label{position:absolute;width:var(--border-width-hairline);height:var(--border-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:600px){.field-send.ask-start{gap:var(--space-2);width:auto;padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-pill)}.ask-start-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight)}}@media(hover:hover){.field-send.ask-start:hover{background:var(--color-fill-hover)}}.ask-field>.field-send:not(.ask-start){animation:fade-in var(--motion-fast) var(--motion-ease-standard)}.home-section{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.home-section-title{margin:0;font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--font-weight-medium);color:var(--color-fg)}.card:has(>.next:not([data-out=true])){padding:var(--space-3);--parent-inset: var(--space-3)}.next:not([data-out=true]){gap:var(--space-4)}.card:has(>.next[data-picture=icon]){padding:var(--space-5);--parent-inset: var(--space-5)}.next[data-picture=icon] .next-body{padding:0}.next-picture{display:flex;align-items:center;justify-content:center;align-self:stretch;aspect-ratio:2 / 1;max-height:calc(var(--space-8) * 2 + var(--space-5));padding:var(--space-4);border-radius:calc(var(--radius-lg) - var(--space-3));background:var(--color-fill-hover);color:var(--color-board-ink);overflow:hidden}.next-picture>.icon{box-sizing:content-box;width:var(--space-7);height:var(--space-7);padding:var(--space-5);border-radius:var(--radius-circle);background:none;color:color-mix(in oklab,var(--color-fg) 60%,var(--color-surface-clear))}.next-picture .next-bars,.topic-hero[data-subject] .next-bars{align-self:center;width:100%}.next-picture .next-ink{align-items:center;max-width:100%}.next-body{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:var(--space-4);padding:var(--space-2)}.next-body>.btn-block{align-self:stretch}.next-title{margin:0;text-wrap:balance}.next-line,.next-where{margin:0;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.next-path{--path-fill: oklch(from var(--subject-a) .52 calc(c*3.2) h);display:flex;flex-direction:column;gap:var(--space-1);margin-block-start:var(--space-2)}.next-path-units{display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none}.next-path-unit{flex:1;max-width:var(--space-7);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-fill)}.next-path-unit[data-state=started]{background:linear-gradient(to right,var(--path-fill) 50%,var(--color-fill) 50%)}.next-path-unit[data-state=done]{background:var(--path-fill)}.next-path-unit[data-here=true]{box-shadow:0 0 0 var(--border-width-hairline) var(--color-surface),0 0 0 calc(var(--border-width-hairline) * 3) var(--path-fill)}.next-path-label{color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-feature-settings:var(--font-numeric)}.next-course{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight)}.card:has(>.next-hero){padding:var(--space-3);--parent-inset: var(--space-3)}.next-hero .next-art{aspect-ratio:auto;height:calc(var(--space-8) * 2 + var(--space-4));max-height:none;background:var(--subject-a)}.next-hero .next-art.skeleton{background:var(--color-skeleton)}.next-ring{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--space-8) + var(--space-6));height:calc(var(--space-8) + var(--space-6));color:var(--color-board-ink)}.next-ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.next-ring-svg circle{fill:none;stroke-width:3}.next-ring-track{stroke:color-mix(in oklab,var(--color-board-ink) 14%,transparent)}.next-ring-fill{stroke:oklch(from var(--subject-a) .52 calc(c*3.2) h);stroke-linecap:round;stroke-dasharray:var(--share) 1;animation:grow-ring var(--motion-slow) var(--motion-ease-spring) backwards}.next-ring>.icon{width:var(--space-6);height:var(--space-6);opacity:.8}.next-hero .next-head{gap:var(--space-2)}@container home-main (min-width: 520px){.next-hero{flex-direction:row;align-items:stretch;gap:var(--space-5)}.next-hero .next-art{flex:none;width:calc(var(--space-8) * 3 + var(--space-5));height:auto;min-height:calc(var(--space-8) * 3 + var(--space-5))}.next-hero:not([data-picture=ring]) .next-art{width:44%}.next-hero .next-body{flex:1;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-4) 0}.next-hero .next-body>.btn-block{align-self:flex-start;width:auto;min-width:calc(var(--space-8) * 2 + var(--space-6))}}.keep-text{flex:1;min-width:0;display:flex;flex-direction:column}.keep-text>.keep-title{flex:none}.keep-line{overflow:hidden;color:var(--color-fg-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);text-overflow:ellipsis;white-space:nowrap}.next-course-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-circle);background:var(--subject-a, var(--color-subject-math));color:var(--color-board-ink)}.next-course-chip .icon{width:var(--size-icon-md);height:var(--size-icon-md);opacity:.72}.next-progress{align-self:stretch;height:var(--space-1);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-fg) 10%,var(--color-surface-clear));overflow:hidden}.next-progress>span{display:block;width:calc(var(--share) * 100%);height:100%;border-radius:inherit;background:color-mix(in oklab,var(--color-fg) 60%,var(--color-surface-clear))}.course-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin:0;padding:0;list-style:none}@container home-main (min-width: 560px){.course-list{grid-template-columns:repeat(var(--cols-2, 2),minmax(0,1fr));grid-template-rows:repeat(var(--rows-2),auto);grid-auto-flow:column}}@container home-main (min-width: 880px){.course-list{grid-template-columns:repeat(var(--cols-3, 3),minmax(0,1fr));grid-template-rows:repeat(var(--rows-3),auto)}}.course-cell{display:flex;min-width:0;animation:enter var(--motion-slow) var(--motion-ease-spring) backwards}.course-cell:nth-child(2){animation-delay:var(--motion-stagger)}.course-cell:nth-child(3){animation-delay:calc(2 * var(--motion-stagger))}.course-cell:nth-child(4){animation-delay:calc(3 * var(--motion-stagger))}.course-cell:nth-child(n+5){animation-delay:calc(4 * var(--motion-stagger))}.course-card{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;min-height:calc(var(--space-8) + var(--space-3));padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);color:var(--color-fg);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--motion-ease-spring),box-shadow var(--motion-fast) var(--motion-ease-spring)}@media(hover:hover){.course-card:hover{transform:translateY(calc(-1 * var(--space-1) / 2));box-shadow:var(--elevation-sheet)}}.course-card:active{transform:scale(var(--motion-press))}.course-card-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.course-card-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--type-body-size);line-height:1.3;font-weight:var(--type-emphasis-weight);text-wrap:pretty}.course-card-desc{overflow:hidden;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height);text-overflow:ellipsis;white-space:nowrap}.course-card-line{color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-feature-settings:var(--font-numeric)}.course-mark{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);color:var(--color-fg)}.course-mark-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.course-mark-ring circle{fill:none;stroke-width:4}.course-mark-track{stroke:var(--color-track)}.course-mark-fill{stroke:color-mix(in oklab,var(--subject-a) 45%,var(--color-fg) 55%);stroke:oklch(from var(--subject-a) .66 calc(c*3.2) h);stroke-linecap:round;stroke-dasharray:var(--share) 1;animation:grow-ring var(--motion-slow) var(--motion-ease-spring) backwards}@keyframes grow-ring{0%{stroke-dasharray:0 1}}.course-mark>.icon{width:var(--size-icon-md);height:var(--size-icon-md)}.pick-courses{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--space-4);min-height:calc(var(--space-8) * 3 + var(--space-7));padding:var(--space-5);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;background:var(--color-surface);box-shadow:var(--elevation-card);animation:enter var(--motion-slow) var(--motion-ease-spring) backwards;--mesh-warm: var(--color-subject-english)}:root[data-scheme=dark] .pick-courses{--mesh-warm: var(--color-subject-cs)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]) .pick-courses{--mesh-warm: var(--color-subject-cs)}}.pick-courses-icons{position:absolute;inset:0;z-index:-1;pointer-events:none}.pick-courses-icon{position:absolute;display:inline-flex;color:var(--color-fg);opacity:.5;translate:-50% 0;animation:drift calc(var(--motion-breath) * 2.5) var(--motion-ease-in-out) infinite alternate;animation-delay:calc(var(--i) * -1 * var(--motion-breath) / 2)}[dir=rtl] .pick-courses-icon{translate:50% 0}.pick-courses-icon .icon{width:calc(var(--space-6) - var(--space-1));height:calc(var(--space-6) - var(--space-1))}.pick-courses-icon:nth-child(1){top:34%;inset-inline-start:12%}.pick-courses-icon:nth-child(2){top:17%;inset-inline-start:31%}.pick-courses-icon:nth-child(3){top:11%;inset-inline-start:50%}.pick-courses-icon:nth-child(4){top:17%;inset-inline-start:69%}.pick-courses-icon:nth-child(5){top:34%;inset-inline-start:88%}@keyframes drift{0%{transform:translateY(calc(-1 * var(--space-1)))}to{transform:translateY(var(--space-1))}}.pick-courses-title{margin:0;max-width:14ch;font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);text-wrap:balance}.pick-courses-note{margin:calc(-1 * var(--space-2)) 0 0;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.keep-card{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--size-control-touch);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-fg);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--motion-ease-standard)}.keep-picture{flex:none;display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-xs);background:var(--subject-a);color:var(--color-board-ink)}.browse-page{gap:var(--gap-group)}.browse-page>.page-header{margin:0}.surface[data-template=wide] .browse-page .page-back{margin-inline-start:0}.browse-grade{min-width:calc(var(--space-8) * 2 + var(--space-5))}.browse-grade-row{display:flex}.browse-filter{width:100%}.browse-none{margin:0}.browse-grade-row>.browse-grade{flex:1}:root[data-motion=reduced] .pick-courses-icon{animation:none}@media(prefers-reduced-motion:reduce){.pick-courses-icon{animation:none}}.keep-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.keep-cell{display:flex;min-width:0}.keep-card{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--size-control-touch);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-fg);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--motion-ease-standard)}@media(hover:hover){.keep-card:hover{background:var(--color-surface)}}.keep-card:active{background:var(--color-surface)}.keep-picture{flex:none;display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-circle);background:var(--subject-a);color:var(--color-board-ink)}.keep-picture>.icon{width:var(--size-icon-md);height:var(--size-icon-md);opacity:.72}.keep-title{flex:1;min-width:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight)}.keep-status{flex:none;display:flex;align-items:center}.keep-glyph{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-fg-muted)}.keep-glyph .icon,.keep-glyph .state-mark,.keep-glyph .ring{width:var(--size-icon-md);height:var(--size-icon-md)}.keep-assigned{display:inline-flex;align-items:center;gap:var(--space-1)}.keep-assigned[data-late=true]{color:var(--color-danger)}.keep-due{font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-feature-settings:var(--font-numeric)}.course-hero{position:relative;z-index:1;isolation:isolate;display:flex;flex-direction:column;padding:0;color:var(--color-fg)}.course-hero-body{flex:1}.surface-column>.course-hero{margin-bottom:calc(var(--gap-header) - var(--gap-section))}.course-hero-top{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-control-lg)}.course-hero-back{flex:none;margin-inline-start:calc(-1 * var(--space-3));color:var(--color-fg)}.course-hero-title{flex:1;min-width:0;margin:0;font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);text-wrap:pretty;position:relative;top:calc(var(--space-1) / 2)}@media(min-width:600px){.course-hero-title{font-size:var(--type-display-size);line-height:var(--type-display-line-height)}}.course-hero-top .btn-primary{height:var(--size-control-md)}.course-hero-desc{margin:var(--space-1) 0 0;color:var(--color-fg-muted);font-size:var(--type-body-size);line-height:var(--type-body-line-height);text-wrap:pretty}.course-hero-soon{flex:none;color:var(--color-fg-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.course-list[data-flat=true]{column-gap:var(--space-6);row-gap:0;overflow:visible clip}.course-list[data-flat=true]>.course-cell{margin-block-start:calc(-1 * var(--border-width-hairline));border-block-start:var(--border-width-hairline) solid var(--color-border)}.course-list[data-flat=true] .course-card{min-height:calc(var(--space-8) + var(--space-1));padding:var(--space-2) var(--space-2);margin-inline:calc(-1 * var(--space-2));border-radius:var(--radius-md);background:transparent;box-shadow:none;transition:transform var(--motion-fast) var(--motion-ease-spring),background-color var(--motion-fast) var(--motion-ease-standard)}@media(hover:hover){.course-list[data-flat=true] .course-card:hover{transform:none;box-shadow:none;background:var(--color-fill-quiet)}}.course-list[data-flat=true] .course-card:active{background:var(--color-fill-quiet)}.course-list[data-flat=true] .course-card-name{font-weight:var(--type-body-weight)}.browse-group-title{display:flex;align-items:center;gap:var(--space-2)}.browse-group-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-circle);background:var(--subject-a);color:var(--color-fg)}.browse-group-icon .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.browse-group-icon.skeleton{background:var(--color-skeleton)}.browse-groups{display:flex;flex-direction:column;gap:var(--space-5)}.browse-group{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}@media(min-width:1024px){.split.home-split.course-split.split-no-aside{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}}.topic-hero[data-subject]{justify-content:center;aspect-ratio:2 / 1;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-fill-quiet);color:var(--color-board-ink)}.outline{--outline-n: calc(var(--size-icon-lg) + var(--space-3));gap:var(--space-2)}.outline-start{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.lesson-unit-toggle.outline-row{grid-template-columns:var(--outline-n) minmax(0,1fr) auto;padding-inline-end:0}.lesson-unit-toggle.outline-row>.lesson-unit-go{margin-inline-end:var(--space-2)}@media(hover:hover){.lesson-unit-toggle.outline-row:hover>.lesson-unit-go{color:var(--color-fg)}}.lesson-unit-static{cursor:default}@media(hover:hover){.lesson-unit-toggle.lesson-unit-static:hover{background:transparent}}.lesson-row-line{display:block;color:var(--color-fg-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.lesson-row[data-selected=true]{background:var(--color-fill)}.topic-title,[data-sheet=topic] .sheet-title{margin:0;font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);text-wrap:balance}.topic-body,.topic-panel-body{display:flex;flex-direction:column;gap:var(--gap-group)}.topic-hero{display:flex;align-items:center;min-height:var(--size-control-lg);padding-block:var(--space-2)}.topic-hero .next-ink{font-size:var(--type-display-size)}.topic-line{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.topic-line .state-mark,.topic-line .ring{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-fg)}.ring{display:inline-flex;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3}.ring-track{stroke:var(--color-fill-hover)}.ring-fill{stroke:currentColor;stroke-linecap:round;stroke-dasharray:var(--share) 1}.topic-skills{display:flex;flex-direction:column}.skill-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.skill{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.skill-name{min-width:0;text-wrap:pretty}.topic-skills-same{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.pips{display:inline-flex;flex:none;gap:var(--space-1)}.pip{width:var(--space-3);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-fill-hover)}.pip[data-on=true]{background:var(--color-fg)}.topic-builds{display:flex;align-items:center;gap:var(--space-3);width:calc(100% + 2 * var(--space-3));min-height:var(--size-hit-min);margin-inline:calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-label-size);line-height:var(--type-label-line-height);text-align:start;cursor:pointer}.topic-builds-text{flex:1;min-width:0;text-wrap:pretty}.topic-builds-name{font-weight:var(--type-emphasis-weight)}.topic-builds>.icon{flex:none;color:var(--color-fg-muted)}@media(hover:hover){.topic-builds:hover{background:var(--color-fill)}}.topic-footer{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.topic-go{display:flex;align-items:center;gap:var(--space-3)}.topic-go>.btn-primary{flex:1;min-width:0}.topic-secondary{align-self:center;text-align:center;text-wrap:balance}.mode-toggle{display:inline-flex;flex:none;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-fill)}.mode-toggle-option{display:inline-flex;align-items:center;justify-content:center;width:var(--size-hit-min);height:var(--size-hit-min);padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:var(--color-fg-muted);cursor:pointer}.mode-toggle-option .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.mode-toggle-option[aria-checked=true]{background:var(--color-surface);color:var(--color-fg);box-shadow:var(--elevation-card)}.topic-out{display:flex;flex-direction:column;align-items:flex-start}.topic-out>p{margin:0}@media(max-width:599px){[data-sheet=topic]{max-height:90dvh}}[data-sheet=topic] .sheet-body{padding-top:var(--space-2)}[data-sheet=topic] .sheet-actions:before{top:calc(-1 * var(--space-6));height:var(--space-6);inset-inline:0;background:var(--color-surface);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-canvas));mask-image:linear-gradient(to bottom,transparent,var(--color-canvas))}.topic-panel{position:relative;animation:enter var(--motion-base) var(--motion-ease-spring) backwards;gap:var(--gap-group);align-items:stretch}.topic-panel-heading{display:flex;flex-direction:column;gap:var(--space-2);padding-inline-end:var(--size-control-row)}.topic-panel:not(:has(.topic-hero)) .topic-panel-heading{padding-top:var(--space-1)}.topic-panel-close{position:absolute;top:var(--space-4);right:var(--space-4)}.topic-footer .btn{height:auto;min-height:var(--size-control-row);padding-block:var(--space-2);line-height:var(--type-label-line-height);white-space:normal;text-wrap:balance}.summary-lead{display:flex;flex-direction:column;gap:var(--space-2)}.summary-lead>p{margin:0}.summary-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-3)}[data-testid=summary-page] .board-frame{height:auto;max-height:var(--component-summary-frame)}[data-testid=summary-page] .list-row{min-height:var(--size-hit-min);padding-block:var(--space-2)}[data-testid=summary-page] .level-word{color:var(--color-fg-muted)}@media(max-width:767px){.shell:has([data-testid=summary-page]) .tab-bar{display:none}.surface-with-side:has([data-testid=summary-page]){padding-bottom:calc(var(--space-8) + var(--safe-bottom))}}.dev-badge .btn{max-width:calc(100vw - 2 * var(--space-4));height:auto;min-height:var(--size-control-row);padding-block:var(--space-2);white-space:normal;line-height:var(--type-label-line-height);text-align:center}@media(min-width:1024px){[data-testid=district-usage]>.section-header{align-items:center;min-height:var(--size-control-row)}}@media(max-width:599px){[data-testid=district-groups]>.section-header .section-trailing{justify-content:flex-start}}.district-dead-end{display:flex;flex-direction:column;gap:var(--space-3)}.district-dead-end>p{margin:0;max-width:var(--size-content-max)}.skeleton.district-skeleton-title,.skeleton.page-skeleton-title{width:calc(5 * var(--space-8));max-width:70%}.district-skeleton-figure>.skeleton.skeleton-display{width:60%}.district-skeleton-figure>.district-table,.district-topics-group{display:flex;flex-direction:column;gap:var(--space-3)}.district-note{margin:0}.district-more{align-self:flex-start;font-size:var(--type-label-size)}.district-usage-table tbody th,.district-usage-table tbody td{font-size:var(--type-body-size);line-height:var(--type-body-line-height)}.district-usage-table{--district-row-radius: calc(var(--radius-lg) - var(--space-2))}.district-usage-table tbody th{position:static;background:transparent}.district-usage-table thead th{vertical-align:bottom}.district-usage-table thead th.num{white-space:nowrap}.district-usage-table tr>:first-child{padding-left:var(--space-4)}.district-usage-table tr>:last-child{padding-right:var(--space-4)}.district-usage-table thead :is(th,td):first-child{border-bottom:0;background:linear-gradient(var(--color-border),var(--color-border)) right bottom / calc(100% - var(--space-4)) var(--border-width-hairline) no-repeat}.district-usage-table thead :is(th,td):last-child{border-bottom:0;background:linear-gradient(var(--color-border),var(--color-border)) left bottom / calc(100% - var(--space-4)) var(--border-width-hairline) no-repeat}.district-usage-table td.district-text{width:100%;min-width:var(--size-chip-min);white-space:normal}.district-cell-text{display:flex;flex-direction:column}.district-usage-table tbody td.muted{color:var(--color-fg-muted)}.district-usage-table tbody tr[data-more]{visibility:collapse}.district-usage-table tbody tr[data-opens=true]{cursor:pointer}.district-usage-table tbody tr[data-opens=true]>*{transition:background-color var(--motion-fast) var(--motion-ease-standard)}.district-usage-table tbody tr[data-opens=true]>:first-child{border-radius:var(--district-row-radius) 0 0 var(--district-row-radius)}.district-usage-table tbody tr[data-opens=true]>:last-child{border-radius:0 var(--district-row-radius) var(--district-row-radius) 0}@media(hover:hover){.district-usage-table tbody tr[data-opens=true]:hover>*{background:var(--color-fill)}.district-usage-table tbody tr[data-opens=true]:hover .district-go>.icon{transform:translate(var(--space-1))}}.district-usage-table tbody tr[data-opens=true]:active>*{background:var(--color-fill)}.district-usage-table tbody tr:has(.district-school-link:focus-visible)>*{box-shadow:inset 0 var(--size-focus-ring) var(--color-accent),inset 0 calc(-1 * var(--size-focus-ring)) var(--color-accent)}.district-usage-table tbody tr:has(.district-school-link:focus-visible)>:first-child{box-shadow:inset 0 var(--size-focus-ring) var(--color-accent),inset 0 calc(-1 * var(--size-focus-ring)) var(--color-accent),inset var(--size-focus-ring) 0 var(--color-accent)}.district-usage-table tbody tr:has(.district-school-link:focus-visible)>:last-child{box-shadow:inset 0 var(--size-focus-ring) var(--color-accent),inset 0 calc(-1 * var(--size-focus-ring)) var(--color-accent),inset calc(-1 * var(--size-focus-ring)) 0 var(--color-accent)}.district-school-link{display:inline-flex;align-items:center;min-height:var(--size-control-md);margin-block:calc((1lh - var(--size-control-md)) / 2);color:var(--color-fg);text-decoration:none}.district-school-link:focus-visible{outline:none}.district-usage-table .district-go{width:var(--size-icon-row);padding-inline-start:0;color:var(--color-fg-muted);vertical-align:middle}.district-go>.icon{display:block;transition:transform var(--motion-base) var(--motion-ease-spring)}.district-table{container:district-groups / inline-size}.district-table>.table-scroll{display:none;width:calc(100% + 2 * var(--space-4));max-width:none;margin-inline:calc(-1 * var(--space-4))}.district-table .list-row-secondary{white-space:pre-line}@container district-groups (min-width: 640px){:root:not([data-reading=comfort]) .district-table>.list,:root:not([data-reading=comfort]) .district-table>.skeleton-rows{display:none}:root:not([data-reading=comfort]) .district-table>.table-scroll{display:block}}@container district-groups (min-width: 800px){:root[data-reading=comfort] .district-table>.list,:root[data-reading=comfort] .district-table>.skeleton-rows{display:none}:root[data-reading=comfort] .district-table>.table-scroll{display:block}}@container district-groups (min-width: 640px){:root:not([data-reading=comfort]) .district-usage-table[data-kind=classes] thead th.num{white-space:nowrap}}@container district-groups (min-width: 820px){:root:not([data-reading=comfort]) .district-usage-table thead th.num{white-space:nowrap}}.district-filter{position:relative}.district-switch{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--size-hit-min);margin-inline-end:calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-label-size);line-height:var(--type-label-line-height);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast) var(--motion-ease-standard)}.district-switch[aria-expanded=true]{background:var(--color-fill)}@media(hover:hover){.district-switch:hover{background:var(--color-fill)}}.district-switch .icon{color:var(--color-fg-muted)}.district-menu{position:absolute;top:calc(100% + var(--space-2));right:calc(-1 * var(--space-2));z-index:20;min-width:calc(3 * var(--space-8));max-height:var(--sheet-max);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2);border:var(--border-width-hairline) solid var(--component-sheet-edge);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);animation:fade-in var(--motion-fast) var(--motion-ease-standard) backwards}.district-menu-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.district-menu-row{display:flex;align-items:center;width:100%;min-height:var(--size-control-md);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-body-size);line-height:var(--type-body-line-height);text-align:left;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){.district-menu-row:hover{background:var(--color-fill)}}.district-menu-row:focus-visible{outline-offset:calc(-1 * var(--size-focus-ring))}.district-menu-row[aria-current=true]{background:var(--color-accent);color:var(--color-accent-fg)}.district-topics{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.district-topic{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0}.district-topic:first-child{padding-top:0}.district-topic-text{display:flex;flex-direction:column;min-width:0}.district-topic-figure{font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-feature-settings:var(--font-numeric);white-space:nowrap;text-align:right}.spinner{display:block;width:var(--size-icon-md);height:var(--size-icon-md);border:var(--size-focus-ring) solid var(--color-track);border-top-color:var(--color-fg-muted);border-radius:var(--radius-circle);animation:spin var(--motion-shimmer) linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:calc(4 * var(--motion-shimmer))}}.district-skeleton{animation:fade-in var(--motion-base) var(--motion-ease-standard) var(--skeleton-delay) backwards}.skeleton.district-skeleton-name{display:block;width:60%}.skeleton.district-skeleton-group{display:block;width:calc(3 * var(--space-8));max-width:100%}.district-skeleton-cell{gap:var(--space-2)}.skeleton.district-skeleton-num{display:inline-block;width:var(--space-7);vertical-align:middle}.district-skeleton .district-topic-text{gap:var(--space-2)}.plan-mark{display:flex;align-items:center;min-height:var(--size-control-row)}@media(max-width:599px){.plan-table .plan{grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:var(--space-3)}.plan-table .plan>.plan-price{grid-column:3;grid-row:1}.plan-table .plan>.plan-action:has(>.plan-mark){order:0;grid-column:2;grid-row:1;margin:0}.plan-action>.plan-mark{display:inline;min-height:0}.stack>.flow-actions{align-self:stretch}}@media(max-width:599px){.plan-table .plan>.plan-action:has(>.plan-mark+.btn){display:contents}.plan-action>.plan-mark:has(+.btn){grid-column:2;grid-row:1}.plan-action>.plan-mark+.btn{order:1;grid-column:1 / -1;margin-top:var(--space-3)}}@media(min-width:600px){.billing-plan-block .plan-action:has(>.plan-mark+.btn){position:relative}.billing-plan-block .plan-action>.plan-mark:has(+.btn){position:absolute;bottom:calc(100% + var(--space-1));left:0}}.billing-changes{width:100%;max-width:calc(2 * var(--size-field-short));border-collapse:collapse;font-feature-settings:var(--font-numeric)}.billing-changes th,.billing-changes td{padding-block:var(--space-2);padding-inline:var(--space-6) 0;text-align:end;font-weight:var(--font-weight-regular);vertical-align:baseline;white-space:nowrap}.billing-changes tr>:first-child{width:100%;padding-inline-start:0;text-align:start;white-space:normal}.billing-changes thead th,.billing-changes thead td{padding-top:0;font-size:var(--type-label-size);line-height:var(--type-label-line-height);color:var(--color-fg-muted);border-bottom:var(--border-width-hairline) solid var(--color-border)}.billing-changes thead .billing-changes-new{color:var(--color-fg)}.billing-changes tbody th,.billing-changes .billing-changes-was{color:var(--color-fg-muted)}.billing-changes tbody tr:first-child>*{padding-top:var(--space-3)}.trial-lead{display:flex;flex-direction:column;gap:var(--space-2)}.trial-lead p{margin:0}.sheet[data-sheet^=trial-] .sheet-body p{text-wrap:balance}.trial-days{display:flex;gap:var(--space-1);width:100%}.trial-day{flex:1 1 0;height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);animation:grow var(--motion-slow) var(--motion-ease-spring) both;transform-origin:left center}[dir=rtl] .trial-day{transform-origin:right center}.trial-days[data-spent=true] .trial-day{background:var(--color-track);animation:none}.trial-compare{max-width:none}button.list-row,.list-row[data-toggle=true],.course-card,.course-row,.keep-card,.grade-tile,.seg-option,.btn,.switch,.field-send,.page-title-switch,.text-action,.select-option,.teacher-row-button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn-tertiary:active:not(:disabled),.icon-btn.btn-tertiary:active:not(:disabled),.page-title-switch:active,.list-row[data-toggle=true]:active,button.list-row:active:not([aria-current=true]){background:var(--color-fill)}.btn-secondary:active:not(:disabled){background:var(--component-button-secondary-bg-hover)}.card .btn-secondary:active:not(:disabled),.sheet .btn-secondary:active:not(:disabled){background:var(--component-button-secondary-bg-on-surface-hover)}.seg-option:active{color:var(--color-fg)}.list-row[data-toggle=true]{cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-standard)}@media(hover:hover){.list-row[data-toggle=true]:hover{background:var(--color-fill)}}.scrim,.select-scrim{touch-action:none;overscroll-behavior:contain}.sheet-body,.select-list{overscroll-behavior:contain}.sheet-body[data-more=true],.select-sheet .select-list[data-more=true]{-webkit-mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--space-7)),transparent);mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--space-7)),transparent)}@media(max-width:599px){.sheet-dialog .sheet-grab,.sheet-dialog .sheet-header{touch-action:none}.sheet-dialog .sheet-grab{box-sizing:content-box;width:100%;max-width:var(--space-7);padding:var(--space-2) calc(50% - var(--space-7) / 2);margin-top:calc(-1 * var(--space-2));margin-bottom:0;background-clip:content-box;cursor:grab}.sheet[data-dragging=true]{animation:none}}@media(max-height:499px){.sheet,.sheet-dialog{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2 * var(--space-3))}.sheet-dialog{top:var(--safe-top);bottom:var(--safe-bottom);padding-bottom:var(--space-3)}.sheet-dialog .sheet-header{min-height:var(--size-control-md)}.sheet-dialog .sheet-body{gap:var(--space-3)}.sheet-dialog .sheet-actions{padding-top:var(--space-3)}}.sheet-dialog:has(>.sheet-actions[data-more=true])>.sheet-body{-webkit-mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--space-7)),transparent);mask-image:linear-gradient(to bottom,var(--color-canvas) calc(100% - var(--space-7)),transparent)}@media(max-width:599px){.next-body>.btn,.child-start>.btn,.child-lead-action .btn{width:100%}}@media(max-width:599px),(pointer:coarse),(hover:none){.seg{height:max(var(--size-control-row),calc(var(--size-hit-min) + var(--space-1)));padding:calc(var(--space-1) / 2);gap:calc(var(--space-1) / 2)}.seg-thumb{top:calc(var(--space-1) / 2);bottom:calc(var(--space-1) / 2)}.seg-option{min-width:calc(var(--space-7) + var(--space-2))}.seg-option:after{inset:calc(-1 * var(--space-1) / 2)}}@media(min-width:600px)and (max-width:1023px){.surface-column-wide,.surface-with-bar[data-template=wide] .surface-bar>*{max-width:var(--size-page-reading)}}@media(max-height:499px)and (min-width:600px)and (max-width:1023px){.ask{gap:var(--space-3)}.ask-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.ask>.ask-field{--field-h: var(--size-control-row);--field-inset: calc(var(--space-1) / 2);min-height:var(--size-control-row);padding-block:0}.split.home-split{gap:var(--gap-group)}}.sheet{padding-bottom:calc(var(--component-sheet-padding) + var(--safe-bottom))}@media(max-width:599px){.sheet{padding-left:max(var(--component-sheet-padding),calc(var(--safe-left) + var(--space-4)));padding-right:max(var(--component-sheet-padding),calc(var(--safe-right) + var(--space-4)))}}.toast-anchor{padding-bottom:var(--safe-bottom)}.select-sheet{position:fixed;inset:auto 0 0;z-index:41;display:flex;flex-direction:column;max-height:min(70dvh,calc(100dvh - var(--safe-top) - var(--space-7)));padding:var(--space-2) max(var(--space-3),calc(var(--safe-right) + var(--space-3))) calc(var(--space-3) + var(--safe-bottom)) max(var(--space-3),calc(var(--safe-left) + var(--space-3)));border:var(--border-width-hairline) solid var(--component-sheet-edge);border-bottom:0;border-radius:var(--component-sheet-radius) var(--component-sheet-radius) 0 0;background:var(--color-surface);box-shadow:var(--elevation-sheet);color:var(--color-fg);animation:select-sheet-in var(--motion-dialog) var(--motion-ease-spring) backwards;--parent-radius: var(--component-sheet-radius);--parent-inset: var(--space-3)}.select-sheet .sheet-grab{margin-bottom:var(--space-1)}.select-sheet-header{display:flex;align-items:center;gap:var(--space-3);flex:none;min-height:calc(var(--size-control-md) + 2 * var(--space-2));padding-inline:var(--space-4) 0}.select-sheet-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-sheet .select-list[data-sheet=true]{position:static;inset:auto;flex:0 1 auto;min-height:0;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}:root[data-motion=reduced] .select-sheet{animation:none}@media(prefers-reduced-motion:reduce){.select-sheet{animation:none}}.field-send{position:relative}.field-send:after{content:"";position:absolute;inset:calc(-1 * var(--field-inset, var(--space-1)))}@media(max-width:599px){.ask{gap:var(--space-4)}.ask-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.ask>.ask-field{--field-h: var(--size-control-row);--field-inset: calc(var(--space-1) / 2);min-height:var(--size-control-row);padding-block:0;padding-inline-start:var(--space-4);gap:var(--space-1)}.ask>.ask-field>.hw-open{width:var(--size-hit-min)}.ask>.ask-field>.icon{display:none}}@media(max-width:599px){.summary-actions{position:sticky;bottom:0;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-3);margin:0 calc(-1 * var(--page-edge-right)) calc(-1 * (var(--space-8) + var(--safe-bottom))) calc(-1 * var(--page-edge-left));padding:var(--space-3) var(--page-edge-right) calc(var(--space-3) + var(--safe-bottom)) var(--page-edge-left);background:var(--color-canvas);box-shadow:var(--elevation-sheet)}.summary-actions>.btn{width:100%}.summary-actions:has(>[data-testid=summary-next]){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}.summary-actions>[data-testid=summary-next]{grid-column:1 / -1}.summary-actions>.btn-tertiary{background:var(--component-button-secondary-bg);color:var(--component-button-secondary-fg)}}.level-list-row>dd{display:inline-flex;align-items:center;flex:none;gap:var(--space-2)}.level-swatch{order:1;flex:none;width:var(--space-4);height:var(--space-3);border-radius:calc(var(--radius-xs) / 2);background:transparent;box-shadow:inset 0 0 0 var(--border-width-hairline) var(--color-border)}.level-swatch:not([data-step="0"]){box-shadow:none}@media(max-width:599px){.level-list-row{gap:var(--space-4)}.level-list-row>dt{text-wrap:pretty}}.page-title-switch{min-height:var(--size-control-row)}@media(max-width:599px){.list-row-text .list-row-trailing{margin-inline-start:0}}@media(pointer:coarse),(hover:none){.link-button,.text-link{position:relative}.link-button:after,.text-link:after{content:"";position:absolute;inset:calc(50% - var(--size-hit-min) / 2) calc(-1 * var(--space-1))}}.voice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@media(min-width:600px){.voice-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.voice-card{position:relative;display:flex;align-items:center;min-width:0;border-radius:var(--radius-lg);background:var(--color-fill-quiet);transition:background-color var(--motion-fast) var(--motion-ease-standard)}.voice-card[data-current=true]{background:var(--color-fill)}.voice-card-pick{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--size-control-lg);padding-block:var(--space-2);padding-inline:var(--space-4) calc(var(--size-hit-min) + var(--space-2));border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;font-size:var(--type-body-size);line-height:var(--type-label-line-height);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.voice-card-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card-pick .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}@media(hover:hover){.voice-card:not([data-current=true]):hover{background:var(--color-fill)}}.voice-card-play{position:absolute;inset-inline-end:var(--space-1);top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:var(--size-hit-min);height:var(--size-hit-min);padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:var(--color-fg);cursor:pointer;-webkit-tap-highlight-color:transparent}.voice-card-play .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.learn-note{margin:var(--space-3) 0 0;text-wrap:pretty}.learn-later{text-wrap:balance}.learn-fields{display:flex;flex-direction:column;gap:var(--gap-group)}.learn-field{display:flex;flex-direction:column;gap:var(--space-2)}.learn-field>h2{margin:0}.learn-field .list-row-secondary,.sheet .list-row-secondary{text-wrap:pretty}.lesson-start{display:flex;align-self:stretch}.lesson-start .seg-option{font-size:var(--type-label-size)}[data-testid=sheet-lesson] .list-row-value,[data-testid=settings-lesson] .list-row-value{font-feature-settings:normal}:dir(rtl) .icon-dir{transform:scaleX(-1)}html:has(.shell){scrollbar-gutter:stable}.shell{--shell-nav: var(--size-nav-collapsed);display:grid;grid-template-columns:var(--shell-nav) minmax(0,1fr);min-height:100dvh;background:var(--color-canvas)}@media(min-width:1280px){.shell:has(.side-nav[data-expanded=true]){--shell-nav: var(--size-nav-expanded)}}.surface-with-side{min-height:100dvh;padding-top:calc(var(--component-surface-top) + var(--safe-top));padding-inline-start:var(--page-gutter)}.surface-with-side>.surface-main{max-width:var(--size-page-home);margin-inline:auto;align-items:center;padding-top:0}.side-slot{position:sticky;top:0;align-self:start;height:100dvh;z-index:5}.side-nav{position:absolute;inset-block:0;inset-inline-start:0;width:var(--size-nav-collapsed);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) var(--space-3) calc(var(--space-4) + var(--safe-bottom));background:var(--color-nav)}.side-nav[data-expanded=true]{width:var(--size-nav-expanded)}@media(max-width:1279px){.side-nav[data-expanded=true]{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);box-shadow:var(--elevation-card)}}.side-scrim{position:fixed;inset:0;background:var(--color-scrim)}.side-top{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.side-nav[data-expanded=true] .side-top{flex-direction:row;justify-content:space-between;padding-inline-start:var(--space-3)}.side-brand{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-hit-min);min-height:var(--size-hit-min);border-radius:var(--radius-xs);transition:transform var(--motion-fast) var(--motion-ease-standard)}.side-toggle,.side-item,.tab-item{position:relative;display:flex;align-items:center;border-radius:var(--radius-md);color:var(--color-fg-muted);text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.side-toggle{flex:none;border:0;background:transparent;padding:0;cursor:pointer;justify-content:center;width:var(--size-hit-min);height:var(--size-hit-min)}.side-list,.side-bottom{display:flex;flex-direction:column;gap:var(--space-1)}.side-list{flex:1}.side-item{gap:var(--space-3);height:var(--size-hit-min);padding-inline:var(--space-3);font-size:var(--type-label-size);font-weight:var(--type-label-weight);white-space:nowrap}.side-item .nav-label{position:relative;top:calc(var(--space-1) / 4);overflow:hidden;text-overflow:ellipsis}.side-nav[data-expanded=false] .nav-label{display:none}.side-item[aria-current=page],.tab-item[aria-current=page]{background:var(--color-accent-soft);color:var(--color-fg)}.side-item[aria-current=page] .icon,.tab-item[aria-current=page] .icon{color:var(--color-accent)}.side-item .icon,.tab-item .icon{flex:none}.nav-avatar{width:var(--space-6);height:var(--space-6);margin-inline:calc(-1 * var(--space-1))}.side-group{display:flex;flex-direction:column;gap:var(--space-1)}.side-subs{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.side-sub{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--size-hit-min);padding-inline:calc(var(--space-3) + var(--size-icon-row) + var(--space-3)) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-fg-muted);font:inherit;font-size:var(--type-label-size);text-align:start;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.side-sub .nav-label{overflow:hidden;text-overflow:ellipsis}.side-sub[aria-current=page]{background:var(--color-accent-soft);color:var(--color-fg)}.side-sub-add{padding-inline-start:calc(var(--space-3) + var(--size-icon-row) + var(--space-1) - var(--size-icon-md))}.side-sub-add .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.side-sub:active{transform:scale(var(--motion-press))}.side-sub:active:not([aria-current=page]){background:var(--color-fill);color:var(--color-fg)}@media(hover:hover){.side-sub:hover{background:var(--color-fill);color:var(--color-fg)}.side-sub[aria-current=page]:hover{background:var(--color-accent-soft)}}.app-top{display:none}.app-top-account{text-decoration:none;display:inline-grid;place-items:center;min-width:var(--size-hit-min);min-height:var(--size-hit-min);border-radius:var(--radius-pill);transition:transform var(--motion-fast) var(--motion-ease-standard)}.app-top-account:active{transform:scale(var(--motion-press))}@media(hover:hover){.side-toggle:hover,.side-item:hover{background:var(--color-fill);color:var(--color-fg)}.side-item[aria-current=page]:hover{background:var(--color-accent-soft)}}.side-item:active,.tab-item:active,.side-toggle:active,.side-brand:active{transform:scale(var(--motion-press))}.side-item:active:not([aria-current=page]),.tab-item:active:not([aria-current=page]),.side-toggle:active{background:var(--color-fill);color:var(--color-fg)}.side-nav [data-tip]:after{content:attr(data-tip);position:absolute;inset-inline-start:calc(100% + var(--space-2));top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);background:var(--color-fg);color:var(--color-canvas);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);white-space:nowrap;pointer-events:none;opacity:0;z-index:6}.side-nav [data-tip]:focus-visible:after{opacity:1}@media(hover:hover){.side-nav [data-tip]:hover:after{opacity:1;transition:opacity var(--motion-fast) var(--motion-ease-standard) var(--motion-fast)}}.tab-bar{display:none}@media(max-width:767px){.shell{grid-template-columns:minmax(0,1fr)}.side-slot{display:none}.surface-with-side{padding-inline-start:var(--page-edge-left);padding-bottom:calc(var(--size-control-lg) + var(--space-7) + var(--safe-bottom))}.app-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-3) + var(--safe-top)) var(--page-edge-right) 0 var(--page-edge-left);background:var(--color-canvas)}.app-top .side-brand{justify-content:flex-start}.shell:has(>.app-top) .surface-with-side{padding-top:var(--gap-header);padding-bottom:calc(var(--space-8) + var(--safe-bottom))}.tab-bar{position:fixed;inset-inline:0;bottom:0;z-index:5;display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3) calc(var(--space-2) + var(--safe-bottom));background:var(--color-canvas);border-top:var(--border-width-hairline) solid var(--color-fill)}.tab-item{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-1);min-height:var(--size-hit-min);padding:var(--space-1) var(--space-1);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);font-weight:var(--type-label-weight)}.tab-item .nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-item .nav-avatar{margin:0;width:var(--size-icon-lg);height:var(--size-icon-lg);font-size:var(--type-caption-size)}body:has(.tab-bar) .toast-anchor{bottom:calc(var(--size-control-lg) + var(--space-5) + var(--safe-bottom))}}.bone{display:inline-block;width:var(--bone-w, 60%);height:.72em;vertical-align:middle;border-radius:var(--radius-pill)}.btn.btn-primary.bone-btn{background:var(--color-skeleton);border-color:transparent;color:transparent;pointer-events:none}.bone-ring{position:absolute;inset:4%;border-radius:var(--radius-circle);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 80%,var(--color-fg) 81%);mask-image:radial-gradient(circle closest-side,transparent 0 80%,var(--color-fg) 81%)}[data-bones]{pointer-events:none}.split[data-phase=held] [data-bones]{opacity:0}.split[data-phase=bones] [data-bones]{transition:opacity var(--motion-base) var(--motion-ease-standard)}.bones-fade>.split-aside,.bones-fade>.split-main>.home-main>:not(.ask){animation:bones-out var(--motion-base) var(--motion-ease-standard) backwards}@keyframes bones-out{0%{opacity:.4}}@media(prefers-reduced-motion:reduce){.split[data-phase=bones] [data-bones]{transition:none}.bones-fade>.split-aside,.bones-fade>.split-main>.home-main>:not(.ask){animation:none}}:root[data-motion=reduced] .split[data-phase=bones] [data-bones]{transition:none}:root[data-motion=reduced] .bones-fade>.split-aside,:root[data-motion=reduced] .bones-fade>.split-main>.home-main>:not(.ask){animation:none}.bone.bone-mark{--bone-w: var(--size-icon-lg);display:block;height:var(--size-icon-lg);border-radius:var(--radius-circle)}.bone-field{display:block;height:var(--size-control-row);border-radius:var(--radius-pill)}.bones-fade .course-cell{animation:none}.course-hero-hold{flex:none;width:var(--size-control-row);height:var(--size-control-row);border-radius:var(--radius-circle)}.bone.bone-minutes{--bone-w: var(--space-7)}.split[data-phase=held] .outline,.split[data-phase=bones] .outline{pointer-events:none}.skeleton.skeleton-secondary{width:30%;height:var(--type-label-size)}.skeleton-rows[data-phase]{animation:none}.skeleton-rows[data-phase=held]{opacity:0}.skeleton-rows[data-phase=bones]{transition:opacity var(--motion-base) var(--motion-ease-standard)}@media(prefers-reduced-motion:reduce){.skeleton-rows[data-phase=bones]{transition:none}}:root[data-motion=reduced] .skeleton-rows[data-phase=bones]{transition:none}.tool-tray-hold{display:contents;visibility:hidden}.outline[data-lessons]{--outline-n: calc(var(--size-icon-lg) + var(--space-3));display:flex;flex-direction:column;columns:auto;gap:var(--space-2)}.lessons-top{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.lessons-continue{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card)}@container home-main (max-width: 479px){.lessons-continue{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}}.lessons-continue-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.lessons-continue-unit{color:var(--color-fg-muted);font-size:var(--type-label-size);line-height:var(--type-label-line-height)}.lessons-continue-title{min-width:0;font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--type-emphasis-weight);text-wrap:pretty}.lessons-search.field-pill{--field-h: var(--size-control-lg);background:var(--color-fill-quiet);box-shadow:none}.lessons-search.field-pill:focus-within{background:var(--color-surface);box-shadow:inset 0 0 0 var(--border-width-hairline) var(--color-accent),0 0 0 calc(var(--size-focus-ring) + var(--border-width-hairline)) var(--color-accent-soft)}.lessons-search .pill-text{font-size:var(--type-body-size)}.lessons-search svg.icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.lessons-search .pill-text[type=search]::-webkit-search-cancel-button{display:none}.lessons-search-clear{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--size-hit-min);height:var(--size-hit-min);margin:calc(-1 * var(--space-2)) 0;padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:var(--color-fg-muted);cursor:pointer}.lessons-none{margin:0;padding:var(--space-4) var(--space-5);color:var(--color-fg-muted)}.lesson-unit-head{display:flex;align-items:center;gap:var(--space-2)}.lesson-unit-title{flex:1;min-width:0;margin:0;font:inherit}.lesson-unit-toggle{display:grid;grid-template-columns:var(--outline-n) minmax(0,1fr);align-items:center;width:100%;min-height:var(--size-hit-min);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-fg);font:inherit;font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-weight:var(--type-emphasis-weight);text-align:start;cursor:pointer}.lesson-unit-n{color:var(--color-fg-muted);font-weight:400;font-feature-settings:var(--font-numeric)}.lesson-unit-name{min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) 0;text-wrap:pretty}.lesson-unit{margin-top:var(--space-1)}.lesson-ring{width:calc(var(--size-icon-lg) + var(--space-2));height:calc(var(--size-icon-lg) + var(--space-2));fill:none;stroke-width:1.5}.lesson-ring-track{stroke:var(--color-fg-muted);stroke-opacity:.3}.lesson-ring-play{fill:currentColor;stroke:none}.lesson-ring-fill{stroke:var(--color-accent);stroke-linecap:round}.lesson-unit-go{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--size-hit-min);height:var(--size-hit-min);padding:0;border:0;border-radius:var(--radius-circle);margin-inline-end:var(--space-2);background:transparent;color:var(--color-fg-muted);cursor:pointer}@media(hover:hover){.lesson-unit-toggle:hover,.lesson-unit-go:hover:not(:disabled),.lessons-search-clear:hover,.lesson-row:hover:not(:disabled){background:var(--color-fill)}.lesson-unit-go:hover:not(:disabled){color:var(--color-fg)}}.lesson-list{display:flex;flex-direction:column;margin:0 0 var(--space-3);padding:0;list-style:none}.lesson-row{display:grid;grid-template-columns:var(--outline-n) minmax(0,1fr) auto;align-items:center;width:100%;min-height:var(--size-hit-min);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-fg);font:inherit;text-align:start;cursor:pointer}.lesson-row:active:not(:disabled){transform:scale(var(--motion-press))}.lesson-row-lead .icon{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-fg-muted)}.lesson-row-title{min-width:0;text-wrap:pretty}.lesson-row-minutes{padding-inline-start:var(--space-4);color:var(--color-fg-muted);font-size:var(--type-caption-size);font-feature-settings:var(--font-numeric)}@media(max-width:599px){.lesson-row{padding-block:var(--space-2)}}.lesson-row[data-status=done] .lesson-row-title{color:var(--color-fg-muted)}.lesson-row[data-next=true] .lesson-row-title{color:var(--color-accent);font-weight:var(--type-emphasis-weight)}