@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-fsTFPL3E.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/material-symbols-outlined-latin-500-normal-DYUwec0Y.woff2) format("woff2"),url(/assets/material-symbols-outlined-latin-500-normal-H9xrcsP7.woff) format("woff")}:root{--sl-display-scale: 1;color-scheme:light dark;font-family:Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--md-sys-color-primary: #37618e;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d1e4ff;--md-sys-color-on-primary-container: #001d36;--md-sys-color-secondary: #535f70;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #d7e3f7;--md-sys-color-on-secondary-container: #101c2b;--md-sys-color-tertiary: #6b5778;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #f2daff;--md-sys-color-on-tertiary-container: #251431;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #f8f9ff;--md-sys-color-surface-dim: #d9dae0;--md-sys-color-surface-bright: #f8f9ff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f2f3f9;--md-sys-color-surface-container: #eceef4;--md-sys-color-surface-container-high: #e6e8ee;--md-sys-color-surface-container-highest: #e0e2e8;--md-sys-color-on-surface: #191c20;--md-sys-color-on-surface-variant: #43474e;--md-sys-color-outline: #73777f;--md-sys-color-outline-variant: #c3c7cf;--md-sys-color-inverse-surface: #2e3135;--md-sys-color-inverse-on-surface: #eff0f7;--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-small-size: .875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-small-size: .75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-medium-size: .75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-small-size: .6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 999px;--md-sys-elevation-level1: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15);--md-sys-elevation-level2: 0 1px 2px rgb(0 0 0 / .3), 0 2px 6px 2px rgb(0 0 0 / .15);--md-sys-elevation-level3: 0 1px 3px rgb(0 0 0 / .3), 0 4px 8px 3px rgb(0 0 0 / .15);--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-disabled-content-opacity: .38;--sl-state-skeleton-muted-opacity: .55;--md-sys-outline-width: 1px;--md-sys-focus-ring-width: 3px;--md-sys-focus-ring-offset: 3px;--md-sys-focus-ring-offset-medium: 2px;--md-sys-focus-ring-offset-compact: 1px;--md-sys-icon-size-small: 18px;--md-sys-icon-size-medium: 24px;--md-sys-icon-size-large: 48px;--md-sys-icon-size-hero: 72px;--md-sys-elevation-navigation: 0 -4px 16px rgb(0 0 0 / .03);--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-8: 32px;--md-sys-spacing-10: 40px;--md-sys-spacing-12: 48px;--sl-layout-page-center-min-height: 72vh;--sl-layout-form-center-min-height: calc(100dvh - 112px) ;--sl-layout-success-min-height: 70vh;--sl-layout-completion-min-height: 74vh;--sl-layout-learning-step-icon-width: 32px;--sl-layout-dashboard-clip-min-width: 124px;--sl-layout-dashboard-audio-card-min-width: 132px;--sl-layout-dashboard-analysis-card-min-width: 230px;--sl-layout-dashboard-student-pane-min-width: 300px;--sl-layout-material-search-max-width: 520px;--sl-component-compact-button-height: 36px;--sl-component-compact-button-horizontal-space: 8px;--sl-component-search-field-trailing-padding: 104px;--sl-component-search-button-min-width: 84px;--sl-component-search-button-height: 40px;--sl-component-search-button-horizontal-space: 12px;--sl-component-combobox-list-max-height: 320px;--sl-component-list-row-min-height: 48px;--sl-component-import-choice-min-height: 180px;--sl-component-import-choice-compact-min-height: 132px;--sl-component-menu-z-index: 30;--sl-layout-celebration-mark-size: 180px;--sl-layout-content-top-compact: 64px;--sl-layout-content-bottom-compact: 112px;--sl-layout-content-top-wide: 80px;--sl-layout-content-left-medium: 112px;--sl-layout-content-left-expanded: 120px;--sl-layout-content-left-drawer: 312px;--sl-layout-header-height-compact: 56px;--sl-layout-header-height-wide: 64px;--sl-layout-content-max-compact: 760px;--sl-layout-content-max-medium: 848px;--sl-layout-content-max-expanded: 1180px;--sl-layout-content-max-drawer: 1280px;--sl-layout-teacher-wide-max: 1600px;--sl-layout-public-max-width: 1240px;--sl-layout-public-topbar-height: 72px;--sl-layout-public-topbar-height-compact: 64px;--sl-layout-public-intro-max-width: 620px;--sl-layout-public-panel-max-width: 440px;--sl-layout-public-choice-max-width: 1040px;--sl-layout-public-form-max-width: 460px;--sl-layout-policy-max-width: 880px;--sl-layout-result-max-width: 560px;--sl-layout-completion-card-max-width: 640px;--sl-layout-bottom-panel-horizontal-inset: 176px;--sl-layout-bottom-panel-max-width: 760px;--sl-component-demo-recording-dock-square-size: 240px;--sl-component-recording-control-thumb-offset-min: 96px;--sl-component-recording-control-thumb-offset-preferred: 18dvh;--sl-component-recording-control-thumb-offset-max: 160px;--sl-component-recording-dock-compact-max-width: 360px;--sl-component-field-compact-max-width: 240px;--sl-layout-drawer-width: 280px;--sl-component-geometric-hero-min-height: 210px;--sl-component-geometric-mark-size: 160px;--sl-component-geometric-accent-size: 48px;--sl-component-geometric-line-width: 2px;--sl-component-brand-mark-size: 44px;--sl-component-brand-mark-size-compact: 36px;--sl-component-brand-mark-dot-size: 10px;--sl-component-header-brand-mark-size: 36px;--sl-component-learning-graphic-min-height: 260px;--sl-component-learning-graphic-min-height-compact: 120px;--sl-component-learning-copy-width: 42%;--sl-component-learning-copy-line-height: 12px;--sl-component-learning-node-size: 84px;--sl-component-learning-node-small-size: 64px;--sl-component-learning-connector-width: 26%;--sl-component-learning-connector-line-height: 4px;--sl-component-learning-step-icon-size: 44px;--sl-component-auth-panel-icon-size: 52px;--sl-component-role-card-icon-size: 56px;--sl-component-role-card-arrow-size: 40px;--sl-component-class-entry-icon-size: 88px;--sl-component-class-code-cell-size: 44px;--sl-component-result-mark-size: 120px;--sl-component-result-mark-accent-size: 32px;--sl-component-student-welcome-mark-size: 96px;--sl-component-student-welcome-mark-size-compact: 72px;--sl-component-homework-mark-size: 56px;--sl-component-homework-action-size: 44px;--sl-component-assignment-hero-min-height: 216px;--sl-component-assignment-hero-mark-size: 112px;--sl-component-assignment-hero-mark-size-compact: 72px;--sl-component-reading-measure: 720px;--sl-component-recording-status-dot-size: 12px;--sl-component-button-prominent-min-width: 160px;--sl-component-feedback-score-size: 112px;--sl-component-feedback-score-size-compact: 88px;--sl-component-feedback-section-icon-size: 48px;--sl-component-records-hero-mark-size: 88px;--sl-component-records-hero-mark-size-compact: 64px;--sl-component-record-card-mark-size: 48px;--sl-component-profile-metric-min-height: 128px;--sl-component-teacher-hero-min-height: 240px;--sl-component-teacher-hero-mark-size: 112px;--sl-component-teacher-hero-mark-size-compact: 72px;--sl-component-teacher-class-mark-size: 56px;--sl-component-teacher-card-arrow-size: 44px;--sl-component-hidden-input-size: 1px;--sl-component-dashboard-hero-mark-size: 88px;--sl-component-dashboard-audio-mark-size: 48px;--sl-component-assign-step-icon-size: 52px;--sl-component-icon-container-medium: 48px;--sl-component-assign-choice-mark-size: 44px;--sl-component-assign-success-mark-size: 96px;--sl-component-materials-hero-mark-size: 88px;--sl-component-materials-hero-mark-size-compact: 64px;--sl-component-material-card-mark-size: 56px;--sl-component-notification-mark-size: 48px;--sl-component-settings-hero-mark-size: 64px;--sl-component-settings-row-mark-size: 44px;--sl-component-permission-mark-size: 112px;--sl-component-permission-accent-size: 40px;--sl-component-system-state-mark-size: 64px;--sl-component-state-panel-min-height: 320px;--sl-component-progress-indicator-size: 18px;--sl-component-chip-min-height: 26px;--sl-component-design-preview-max-width: 1040px;--sl-component-token-swatch-min-width: 180px;--sl-component-token-swatch-min-height: 112px;--sl-component-preview-field-min-width: 220px;--sl-component-card-action-min-height: 40px;--sl-component-card-action-padding-inline: 20px;--sl-component-segmented-min-width: 72px;--sl-component-segmented-min-height: 40px;--sl-component-navigation-bar-height: 84px;--sl-component-navigation-item-min-height: 56px;--sl-component-navigation-rail-item-min-height: 64px;--sl-component-navigation-rail-width: 88px;--sl-component-field-min-height: 56px;--sl-component-field-label-top: 7px;--sl-component-progress-track-height: 8px;--sl-component-assignment-filter-text-size: clamp( var(--md-sys-typescale-label-small-size), 2.8vw, var(--md-sys-typescale-body-large-size) );--sl-component-snackbar-navigation-offset: 100px;--sl-component-snackbar-max-width: 560px;--sl-component-stepper-indicator-size: 32px;--sl-component-stepper-row-min-height: 52px;--sl-component-stepper-row-wide-min-height: 48px;--sl-component-stepper-line-width: 2px;--sl-component-stepper-line-inset: 15px;--sl-component-stepper-column-min-width: 112px;--sl-component-data-table-min-width: 420px;--sl-component-data-table-compact-min-width: 360px;--sl-component-data-table-row-height: 52px;--sl-component-data-table-header-height: 48px;--sl-component-touch-target-size: 44px;--sl-component-visually-hidden-size: 1px;--sl-component-avatar-size: 76px;--sl-component-avatar-small-size: 44px;--sl-component-drawer-row-height: 56px;--sl-component-drawer-heading-height: 52px;--sl-component-error-highlight-opacity: 72%;--sl-component-error-outline-opacity: 25%;--sl-bg: var(--md-sys-color-surface);--sl-surface: var(--md-sys-color-surface-container-low);--sl-surface-low: var(--md-sys-color-surface-container-low);--sl-surface-mid: var(--md-sys-color-surface-container);--sl-surface-high: var(--md-sys-color-surface-container-high);--sl-text: var(--md-sys-color-on-surface);--sl-muted: var(--md-sys-color-on-surface-variant);--sl-outline: var(--md-sys-color-outline-variant);--sl-primary: var(--md-sys-color-primary);--sl-primary-dark: var(--md-sys-color-primary);--sl-primary-soft: var(--md-sys-color-primary-container);--sl-success: #2e6b3f;--sl-on-success: #ffffff;--sl-success-soft: #b8f0c4;--sl-on-success-soft: #00210d;--sl-warning: #765b00;--sl-on-warning: #ffffff;--sl-warning-soft: #ffdf91;--sl-on-warning-soft: #251a00;--sl-error: var(--md-sys-color-error);--sl-error-soft: var(--md-sys-color-error-container);--sl-radius-sm: var(--md-sys-shape-corner-small);--sl-radius-md: var(--md-sys-shape-corner-medium);--sl-radius-lg: var(--md-sys-shape-corner-large);--sl-radius-xl: var(--md-sys-shape-corner-extra-large)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.material-symbols-outlined{width:1em;min-width:1em;overflow:hidden;font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sl-app{zoom:var(--sl-display-scale, 1);min-height:100vh;min-height:100dvh;background:var(--md-sys-color-surface)}.sl-visually-hidden{width:var(--sl-component-visually-hidden-size);height:var(--sl-component-visually-hidden-size);position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sl-shell{width:100%;min-height:100vh;min-height:100dvh;background:var(--sl-bg);position:relative}.sl-brand-lockup{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface)}.sl-brand-mark{width:var(--sl-component-brand-mark-size);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-brand-mark-dot{position:absolute;top:calc(-1 * var(--md-sys-spacing-1));right:calc(-1 * var(--md-sys-spacing-1));width:var(--sl-component-brand-mark-dot-size);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary)}.sl-brand-copy{display:grid;line-height:1}.sl-brand-copy strong{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:700}.sl-brand-copy span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:.04em}.sl-brand-lockup.compact{gap:var(--md-sys-spacing-2)}.sl-brand-lockup.compact .sl-brand-mark{width:var(--sl-component-brand-mark-size-compact);border-radius:var(--md-sys-shape-corner-medium)}.sl-public-shell{min-height:100vh;min-height:100dvh;background:var(--md-sys-color-surface)}.sl-public-topbar{width:min(100%,var(--sl-layout-public-max-width));min-height:var(--sl-layout-public-topbar-height-compact);margin-inline:auto;padding:calc(var(--md-sys-spacing-3) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) var(--md-sys-spacing-3) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4)}.sl-public-topbar>p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-public-leading{display:flex;align-items:center;gap:var(--md-sys-spacing-2)}.sl-public-back{width:var(--sl-component-touch-target-size);min-height:var(--sl-component-touch-target-size);display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-public-back:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-public-back:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity),transparent)}.sl-public-back:active{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity),transparent)}.sl-public-main{width:min(100%,var(--sl-layout-public-max-width));min-height:calc(100dvh - var(--sl-layout-public-topbar-height-compact));margin-inline:auto;padding:var(--md-sys-spacing-5) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-8) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));display:grid;align-items:center;gap:var(--md-sys-spacing-6)}.sl-public-footer{width:min(100%,var(--sl-layout-public-max-width));margin-inline:auto;padding:var(--md-sys-spacing-4) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-5) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));display:flex;flex-wrap:wrap;justify-content:center;gap:var(--md-sys-spacing-2) var(--md-sys-spacing-5);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-public-footer a,.sl-public-footer span,.sl-policy-page a{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);text-underline-offset:var(--md-sys-spacing-1)}.sl-settings-about{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--md-sys-spacing-2) var(--md-sys-spacing-4);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-settings-about a{color:var(--md-sys-color-primary);text-underline-offset:var(--md-sys-spacing-1)}.sl-public-footer a:focus-visible,.sl-policy-page a:focus-visible,.sl-support-card:focus-visible{border-radius:var(--md-sys-shape-corner-small);outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.sl-policy-page,.sl-support-page{width:min(100%,var(--sl-layout-policy-max-width));margin-inline:auto;display:grid;align-self:start;gap:var(--md-sys-spacing-5)}.sl-policy-hero{padding:var(--md-sys-spacing-6);display:flex;align-items:center;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-policy-hero>span{width:var(--sl-component-settings-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-policy-hero h1,.sl-policy-hero p,.sl-policy-section h2,.sl-policy-section p,.sl-policy-section ul,.sl-policy-lead,.sl-support-note p{margin:0}.sl-policy-hero h1{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-policy-hero div>p:last-child{margin-top:var(--md-sys-spacing-2);color:var(--md-sys-color-on-primary-container);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-policy-lead,.sl-policy-section,.sl-support-note{padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.sl-policy-lead,.sl-policy-section p,.sl-policy-section li,.sl-support-note p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-policy-section{display:grid;gap:var(--md-sys-spacing-3)}.sl-policy-section h2{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-policy-section ul{padding-inline-start:var(--md-sys-spacing-6);display:grid;gap:var(--md-sys-spacing-2)}.sl-support-grid{display:grid;gap:var(--md-sys-spacing-3)}.sl-support-card{min-height:var(--sl-component-touch-target-size);padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-decoration:none}.sl-support-card:hover{background:var(--md-sys-color-surface-container)}.sl-support-card>.material-symbols-outlined:first-child{width:var(--sl-component-settings-row-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-support-card strong,.sl-support-card small{display:block}.sl-support-card small{margin-top:var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-support-note{display:grid;gap:var(--md-sys-spacing-2)}.sl-eyebrow{margin:0 0 var(--md-sys-spacing-2);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:700;letter-spacing:.04em}.sl-auth-intro{width:min(100%,var(--sl-layout-public-intro-max-width));display:grid;gap:var(--md-sys-spacing-6)}.sl-auth-copy h1,.sl-choice-heading h1,.sl-class-entry-visual h1{margin:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500;letter-spacing:-.02em}.sl-auth-supporting,.sl-choice-heading>p:last-child,.sl-class-entry-visual>p:last-of-type{margin:var(--md-sys-spacing-3) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-learning-graphic{width:100%;min-height:var(--sl-component-learning-graphic-min-height);padding:var(--md-sys-spacing-6);display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:var(--md-sys-spacing-3);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-learning-copy-block{display:grid;gap:var(--md-sys-spacing-3)}.sl-learning-copy-block span{width:100%;height:var(--sl-component-learning-copy-line-height);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface)}.sl-learning-copy-block span:nth-child(2){width:78%}.sl-learning-copy-block span:nth-child(3){width:58%}.sl-learning-node{width:var(--sl-component-learning-node-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full)}.sl-learning-node-record{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-learning-node-review{width:var(--sl-component-learning-node-small-size);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-learning-node .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-learning-connector{width:var(--sl-component-learning-connector-width);min-width:var(--sl-component-learning-step-icon-size);display:grid;gap:var(--md-sys-spacing-2)}.sl-learning-connector span{height:var(--sl-component-learning-connector-line-height);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary)}.sl-learning-connector span:first-child,.sl-learning-connector span:last-child{width:70%}.sl-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-2);margin:0;padding:0;list-style:none}.sl-learning-steps li{min-width:0;padding:var(--md-sys-spacing-3);display:flex;align-items:center;gap:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.sl-learning-step-icon{width:var(--sl-component-learning-step-icon-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-learning-steps strong,.sl-learning-steps small{display:block}.sl-learning-steps strong{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-learning-steps small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-auth-panel{width:min(100%,var(--sl-layout-public-panel-max-width));padding:var(--md-sys-spacing-6);display:grid;gap:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-auth-panel-heading{display:flex;align-items:center;gap:var(--md-sys-spacing-3)}.sl-auth-panel-heading h2,.sl-class-entry-form h2{margin:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-auth-panel-icon{width:var(--sl-component-auth-panel-icon-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-auth-panel-copy,.sl-class-entry-form p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-auth-actions{display:grid;gap:var(--md-sys-spacing-3)}.sl-registration-panel,.sl-password-panel{margin-inline:auto}.sl-registration-panel h1,.sl-password-panel h1{margin:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-registration-preview{padding:var(--md-sys-spacing-3);display:flex;align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-registration-preview strong,.sl-registration-preview small{display:block}.sl-registration-consent{display:flex;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-registration-consent a{color:var(--md-sys-color-primary)}.sl-native-field{display:grid;gap:var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-native-field select{min-height:var(--sl-component-touch-target-size);padding-inline:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);font:inherit}.sl-native-field select:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-verification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-2)}.sl-verification-success,.sl-registration-gate{margin:0;padding:var(--md-sys-spacing-3);display:flex;align-items:center;gap:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-registration-gate{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-registration-gate.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:419px){.sl-verification-row{grid-template-columns:minmax(0,1fr)}}.sl-auth-error{margin:0;color:var(--md-sys-color-error);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-auth-privacy{margin:0;padding-top:var(--md-sys-spacing-4);display:flex;align-items:flex-start;gap:var(--md-sys-spacing-2);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-auth-privacy .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:var(--md-sys-icon-size-small)}.sl-choice-layout{width:min(100%,var(--sl-layout-public-choice-max-width));margin-inline:auto;display:grid;gap:var(--md-sys-spacing-8)}.sl-choice-heading{max-width:var(--sl-layout-public-intro-max-width)}.sl-role-grid{display:grid;gap:var(--md-sys-spacing-3)}.sl-role-card{width:100%;min-width:0;padding:var(--md-sys-spacing-5);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);text-align:left;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-role-card:hover{border-color:var(--md-sys-color-outline);background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-role-card:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-role-card:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-role-card-icon{width:var(--sl-component-role-card-icon-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-role-card-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-role-card-copy strong{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-role-card-copy>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-role-card-arrow{width:var(--sl-component-role-card-arrow-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-class-entry-layout{width:min(100%,var(--sl-layout-public-choice-max-width));margin-inline:auto;display:grid;gap:var(--md-sys-spacing-5)}.sl-class-entry-visual,.sl-class-entry-form{padding:var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-extra-large)}.sl-class-entry-visual{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-class-entry-visual h1,.sl-class-entry-visual>p{color:inherit}.sl-class-entry-icon{width:var(--sl-component-class-entry-icon-size);aspect-ratio:1;margin-bottom:var(--md-sys-spacing-8);display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-class-entry-icon .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-class-code-example{margin-top:var(--md-sys-spacing-8);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--md-sys-spacing-1)}.sl-class-code-example span{width:min(100%,var(--sl-component-class-code-cell-size));aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:700}.sl-class-entry-form{width:min(100%,var(--sl-layout-public-form-max-width));display:grid;align-content:center;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.sl-class-entry-form>div:first-child{margin-bottom:var(--md-sys-spacing-2)}.sl-class-entry-form>div:first-child>p:last-child{margin-top:var(--md-sys-spacing-2)}.sl-class-entry-teacher{margin-top:var(--md-sys-spacing-2);padding-top:var(--md-sys-spacing-4);display:grid;gap:var(--md-sys-spacing-2);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);text-align:center}.sl-result-shell{min-height:100vh;min-height:100dvh;background:var(--md-sys-color-surface)}.sl-result-topbar{width:min(100%,var(--sl-layout-public-max-width));min-height:var(--sl-layout-public-topbar-height-compact);margin-inline:auto;padding:calc(var(--md-sys-spacing-3) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) var(--md-sys-spacing-3) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4)}.sl-result-topbar>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-result-main{min-height:calc(100dvh - var(--sl-layout-public-topbar-height-compact));padding:var(--md-sys-spacing-5) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-8) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));display:grid;place-items:center}.sl-result-card,.sl-public-result{width:min(100%,var(--sl-layout-result-max-width));padding:var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-result-card{display:grid;gap:var(--md-sys-spacing-8)}.sl-result-mark{width:var(--sl-component-result-mark-size);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-result-mark-accent{position:absolute;top:calc(-1 * var(--md-sys-spacing-2));right:calc(-1 * var(--md-sys-spacing-2));width:var(--sl-component-result-mark-accent-size);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary-container)}.sl-result-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-result-card h1,.sl-public-result h1{margin:0;font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-result-card p:not(.sl-eyebrow),.sl-public-result>p:last-of-type{margin:var(--md-sys-spacing-3) 0 0;color:inherit;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-result-action{max-width:var(--sl-layout-public-panel-max-width)}.sl-public-result{margin-inline:auto;display:grid;justify-items:start;gap:var(--md-sys-spacing-4)}.sl-public-result-icon{width:var(--sl-component-class-entry-icon-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-public-result-icon .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}@media(max-width:599px){.sl-public-topbar>p{display:none}.sl-public-main{align-items:start;padding-top:var(--md-sys-spacing-3);gap:var(--md-sys-spacing-4)}.sl-auth-intro{gap:var(--md-sys-spacing-3)}.sl-auth-copy h1{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.sl-learning-graphic{min-height:var(--sl-component-learning-graphic-min-height-compact);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy record" "connector review";padding:var(--md-sys-spacing-4)}.sl-learning-copy-block{grid-area:copy}.sl-learning-node-record{grid-area:record;width:var(--sl-component-learning-node-small-size)}.sl-learning-connector{grid-area:connector;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.sl-learning-connector span,.sl-learning-connector span:first-child,.sl-learning-connector span:last-child{width:100%}.sl-learning-node-review{grid-area:review;width:var(--sl-component-learning-step-icon-size)}.sl-learning-steps{display:none}.sl-learning-steps li{padding:var(--md-sys-spacing-2);gap:var(--md-sys-spacing-1)}.sl-learning-step-icon{width:var(--sl-layout-learning-step-icon-width)}.sl-learning-steps strong{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-learning-steps small{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height)}.sl-auth-panel,.sl-class-entry-visual,.sl-class-entry-form,.sl-result-card,.sl-public-result{padding:var(--md-sys-spacing-4)}.sl-auth-panel{gap:var(--md-sys-spacing-3)}.sl-auth-panel-icon{width:var(--sl-component-learning-step-icon-size)}.sl-auth-actions{gap:var(--md-sys-spacing-2)}.sl-auth-privacy{padding-top:var(--md-sys-spacing-3)}}@media(max-width:599px){.sl-schedule-presets{grid-template-columns:1fr}.sl-policy-hero{align-items:flex-start;padding:var(--md-sys-spacing-4)}.sl-policy-hero>span{width:var(--sl-component-settings-row-mark-size)}}@media(min-width:600px){.sl-public-topbar,.sl-result-topbar{min-height:var(--sl-layout-public-topbar-height);padding-inline:calc(var(--md-sys-spacing-6) + env(safe-area-inset-left)) calc(var(--md-sys-spacing-6) + env(safe-area-inset-right))}.sl-public-main,.sl-result-main{min-height:calc(100dvh - var(--sl-layout-public-topbar-height));padding:var(--md-sys-spacing-8) calc(var(--md-sys-spacing-6) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-10) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-6) + env(safe-area-inset-left))}.sl-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:600px)and (max-width:839px){.sl-auth-intro,.sl-auth-panel{justify-self:center}}@media(min-width:840px){.sl-public-main{grid-template-columns:minmax(0,1fr) minmax(0,var(--sl-layout-public-panel-max-width));gap:var(--md-sys-spacing-12)}.sl-auth-copy h1{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height)}.sl-auth-panel{justify-self:end}.sl-choice-layout{grid-column:1 / -1}.sl-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-class-entry-layout{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,var(--sl-layout-public-form-max-width));gap:var(--md-sys-spacing-8)}.sl-class-entry-visual,.sl-class-entry-form{min-height:var(--sl-component-state-panel-min-height)}.sl-assignment-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.sl-main{padding:calc(var(--sl-layout-content-top-compact) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) calc(var(--sl-layout-content-bottom-compact) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));width:min(100%,var(--sl-layout-content-max-compact));margin-inline:auto}.sl-main.no-bottom{padding-bottom:calc(var(--md-sys-spacing-8) + env(safe-area-inset-bottom))}.sl-header{position:fixed;top:0;left:0;width:100%;z-index:20;height:calc(var(--sl-layout-header-height-compact) + env(safe-area-inset-top));padding:calc(var(--md-sys-spacing-2) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) var(--md-sys-spacing-2) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left));background:var(--md-sys-color-surface);display:flex;align-items:center;justify-content:space-between}.sl-header-brand{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface)}.sl-header-brand-mark{width:var(--sl-component-header-brand-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-header-brand>span:last-child{display:grid;line-height:1}.sl-header-brand strong{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-header-brand small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height)}.sl-brand{color:var(--sl-primary);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-title{margin:0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500;color:var(--sl-text)}.sl-section-title{margin:0 0 var(--md-sys-spacing-3);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:700}.sl-subtitle,.sl-muted{color:var(--sl-muted);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-stack{display:flex;flex-direction:column;gap:var(--md-sys-spacing-4)}.sl-list{display:grid;gap:var(--md-sys-spacing-4);padding:0;margin:0;list-style:none}.sl-state-panel{min-height:var(--sl-component-state-panel-min-height);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-8) var(--md-sys-spacing-5);text-align:center;background:var(--md-sys-color-surface-container-low);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large)}.sl-state-panel>.material-symbols-outlined{color:var(--md-sys-color-primary);font-size:var(--md-sys-icon-size-large)}.sl-state-panel.error>.material-symbols-outlined{color:var(--md-sys-color-error)}.sl-content-skeleton{min-height:var(--sl-component-state-panel-min-height);padding:var(--md-sys-spacing-5);display:grid;align-content:start;gap:var(--md-sys-spacing-3);overflow:hidden;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-skeleton-block{display:block;max-width:100%;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-highest);animation:sl-skeleton-pulse var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-standard) infinite alternate}.sl-skeleton-block.heading{width:42%;height:var(--md-sys-typescale-headline-small-line-height)}.sl-skeleton-block.line{width:68%;height:var(--md-sys-typescale-body-medium-line-height)}.sl-skeleton-block.line.wide{width:92%}.sl-skeleton-block.card{width:100%;height:calc(var(--md-sys-spacing-12) * 2);margin-top:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-large)}.sl-refreshing-state{width:100%;min-height:var(--md-sys-spacing-1)}@keyframes sl-skeleton-pulse{0%{opacity:var(--sl-state-skeleton-muted-opacity)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sl-skeleton-block{animation:none}}.sl-assignment-controls{display:grid;gap:var(--md-sys-spacing-3)}.sl-student-home{display:grid;gap:var(--md-sys-spacing-8)}.sl-student-welcome{padding:var(--md-sys-spacing-5);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-student-welcome h1{margin:0;font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-student-welcome p:last-child{margin:var(--md-sys-spacing-2) 0 0;color:inherit;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-student-welcome-mark{width:var(--sl-component-student-welcome-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-student-welcome-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-assignment-section{display:grid;gap:var(--md-sys-spacing-4)}.sl-assignment-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-assignment-section-heading h2{margin:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-assignment-section-heading>span{padding:var(--md-sys-spacing-1) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-assignment-section-toggle{min-height:var(--sl-component-card-action-min-height);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2) var(--md-sys-spacing-1) var(--md-sys-spacing-3);display:inline-flex;align-items:center;gap:var(--md-sys-spacing-1);border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font:inherit;cursor:pointer}.sl-assignment-section-toggle>span:first-child{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-assignment-section-toggle .material-symbols-outlined{font-size:var(--md-sys-icon-size-small)}.sl-assignment-section-toggle:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-secondary-container))}.sl-assignment-section-toggle:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-assignment-list{display:grid;gap:var(--md-sys-spacing-3);margin:0;padding:0;list-style:none}.sl-homework-card{width:100%;min-width:0;padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);text-align:left;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-homework-card:hover{border-color:var(--md-sys-color-outline);background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-homework-card:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-homework-card:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-homework-card.completed{background:var(--md-sys-color-surface-container)}.sl-homework-card-mark{width:var(--sl-component-homework-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-homework-card.completed .sl-homework-card-mark{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-homework-card-content{min-width:0;display:grid;gap:var(--md-sys-spacing-2)}.sl-homework-card-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--md-sys-spacing-2)}.sl-homework-card-meta>span:last-child,.sl-homework-card-teacher,.sl-homework-card-progress>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-homework-card-meta>span:last-child{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-1)}.sl-homework-card-meta .material-symbols-outlined{font-size:var(--md-sys-icon-size-small)}.sl-homework-card-title{overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-homework-card-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3)}.sl-homework-card-action{min-width:var(--sl-component-homework-action-size);min-height:var(--sl-component-homework-action-size);padding-inline:var(--md-sys-spacing-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:700}.sl-assignment-page{display:grid;gap:var(--md-sys-spacing-5);padding-bottom:calc(var(--md-sys-spacing-12) * 2)}.sl-assignment-hero{min-height:var(--sl-component-assignment-hero-min-height);padding:var(--md-sys-spacing-6);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-6);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-assignment-hero-copy{min-width:0}.sl-assignment-hero-meta{margin-bottom:var(--md-sys-spacing-4);display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-assignment-hero h1{margin:var(--md-sys-spacing-1) 0 0;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-assignment-hero-description{max-width:var(--sl-component-reading-measure);margin:var(--md-sys-spacing-3) 0 0;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-assignment-hero-mark{width:var(--sl-component-assignment-hero-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.sl-assignment-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-reading-panel{padding:var(--md-sys-spacing-6);display:grid;gap:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-assignment-completion-card{min-width:0;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);display:flex;align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-assignment-total-progress{padding:var(--md-sys-spacing-4);display:grid;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-assignment-total-progress>div{display:flex;align-items:center;gap:var(--md-sys-spacing-3)}.sl-assignment-total-progress>div>span:last-child{display:grid;gap:var(--md-sys-spacing-1)}.sl-assignment-total-progress small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size)}.sl-homework-attempt-pill{white-space:nowrap}.sl-assignment-completion-mark{width:var(--sl-component-touch-target-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-assignment-completion-card>span:last-child{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-assignment-completion-card small,.sl-assignment-completion-card strong{overflow-wrap:anywhere}.sl-assignment-completion-card small{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-assignment-completion-card strong{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-reading-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4)}.sl-reading-panel-heading h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-reading-panel>.sl-reading{max-width:var(--sl-component-reading-measure);margin:0;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.sl-vocabulary-reading-table{overflow:hidden;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.sl-vocabulary-reading-header,.sl-vocabulary-reading-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);align-items:center}.sl-vocabulary-reading-header{min-height:var(--sl-component-touch-target-size);padding-inline:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.sl-vocabulary-reading-row{min-height:var(--sl-component-touch-target-size);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-vocabulary-reading-row>span{min-width:0;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);overflow-wrap:anywhere;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-vocabulary-reading-row>span:first-child{color:var(--md-sys-color-on-surface);font-weight:var(--md-sys-typescale-label-large-weight)}.sl-vocabulary-reading-row>span:last-child{color:var(--md-sys-color-on-surface-variant)}.sl-reading-tips{padding-top:var(--md-sys-spacing-4);display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-3) var(--md-sys-spacing-6);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-reading-tips>span,.sl-recording-privacy{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2)}.sl-bottom-panel.sl-recording-dock{right:calc(var(--md-sys-spacing-3) + env(safe-area-inset-right));bottom:calc(var(--md-sys-spacing-3) + env(safe-area-inset-bottom));left:auto;width:min(calc(var(--sl-display-viewport-width, 100vw) - var(--md-sys-spacing-6) - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--sl-display-bottom-panel-max-width, var(--sl-layout-bottom-panel-max-width)));max-width:var(--sl-display-bottom-panel-max-width, var(--sl-layout-bottom-panel-max-width));margin-inline:0;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level2);transform:none;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),padding var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),border-radius var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.sl-bottom-panel.sl-recording-dock.compact{right:calc(var(--md-sys-spacing-3) + env(safe-area-inset-right));left:auto;width:min(calc(var(--sl-display-viewport-width, 100vw) - var(--md-sys-spacing-6) - env(safe-area-inset-left) - env(safe-area-inset-right)),var(--sl-display-recording-dock-compact-max-width, var(--sl-component-recording-dock-compact-max-width)));margin-inline:0;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-2) calc(var(--md-sys-spacing-2) + env(safe-area-inset-bottom));border-radius:var(--md-sys-shape-corner-full);transform:translateY(var(--md-sys-spacing-1));box-shadow:var(--md-sys-elevation-level3)}.sl-recording-dock.compact .sl-assignment-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-2)}.sl-recording-dock.compact .sl-recording-status{gap:var(--md-sys-spacing-2);white-space:nowrap}.sl-recording-dock.compact .sl-recording-status-dot{background:var(--md-sys-color-error)}.sl-recording-dock .sl-recording-status .sl-muted,.sl-recording-dock .sl-recording-privacy{overflow:hidden;opacity:1;transform:translateY(0);transition:max-width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),max-height var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.sl-recording-dock .sl-recording-status .sl-muted{max-width:var(--sl-component-reading-measure);max-height:var(--md-sys-typescale-body-medium-line-height)}.sl-recording-dock.compact .sl-recording-status .sl-muted,.sl-recording-dock.compact .sl-recording-privacy{max-width:0;max-height:0;opacity:0;pointer-events:none;transform:translateY(var(--md-sys-spacing-1))}.sl-recording-dock.compact .sl-action-row{flex-wrap:nowrap;justify-content:flex-end}.sl-vocabulary-overview-actions{display:flex;justify-content:flex-end;padding-top:var(--md-sys-spacing-2)}.sl-vocabulary-overview-actions .sl-m3-button{min-width:var(--sl-component-button-prominent-min-width)}.sl-recording-status{display:flex;align-items:center;gap:var(--md-sys-spacing-3)}.sl-recording-status-dot{width:var(--sl-component-recording-status-dot-size);aspect-ratio:1;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline)}.sl-recording-status-dot.recording{background:var(--md-sys-color-error)}.sl-recording-status-dot.recorded{background:var(--sl-success)}.sl-recording-status-dot.uploading,.sl-recording-status-dot.grading{background:var(--md-sys-color-primary)}.sl-recording-privacy{max-width:var(--sl-component-reading-measure);max-height:calc(var(--md-sys-typescale-body-small-line-height) * 2);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}@media(prefers-reduced-motion:reduce){.sl-recording-dock,.sl-recording-dock .sl-recording-status .sl-muted,.sl-recording-dock .sl-recording-privacy{transition:none}}.sl-feedback-page{display:grid;gap:var(--md-sys-spacing-5)}.sl-feedback-overview,.sl-feedback-card{padding:var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large)}.sl-feedback-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-5);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-feedback-overview-copy h1{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-feedback-overview-copy>p:last-of-type{max-width:var(--sl-component-reading-measure);margin:var(--md-sys-spacing-3) 0 0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-feedback-score{box-sizing:border-box;width:max-content;min-width:var(--sl-component-feedback-score-size);max-width:100%;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);display:grid;place-content:center;justify-self:end;text-align:center;overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-feedback-score strong{min-width:0;max-width:100%;white-space:nowrap;font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:500}.sl-feedback-score span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-feedback-metrics{margin-top:var(--md-sys-spacing-4);display:flex;gap:var(--md-sys-spacing-4)}.sl-feedback-metrics>div{min-width:var(--sl-component-feedback-section-icon-size);display:grid}.sl-feedback-metrics strong{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-feedback-metrics span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-feedback-overview-actions{grid-column:1 / -1;display:grid;gap:var(--md-sys-spacing-2)}.sl-feedback-card{display:grid;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.sl-feedback-card-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3)}.sl-feedback-card-heading h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-feedback-card-icon{width:var(--sl-component-feedback-section-icon-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-feedback-card-count{padding:var(--md-sys-spacing-1) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-feedback-items{display:grid;gap:var(--md-sys-spacing-3)}.sl-feedback-item{display:grid;gap:var(--md-sys-spacing-3);background:var(--md-sys-color-surface-container)}.sl-feedback-item-main{display:flex;align-items:start;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-feedback-item-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-feedback-item-main>.sl-feedback-status,.sl-feedback-item-main>.sl-feedback-status.expanded{width:max-content;min-width:max-content;max-width:100%;flex:0 0 auto;white-space:nowrap;overflow:visible;overflow-wrap:normal;text-overflow:clip;border-radius:var(--md-sys-shape-corner-full)}.sl-feedback-item-actions{padding-top:var(--md-sys-spacing-3);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--md-sys-spacing-2);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-records-page,.sl-student-profile{display:grid;gap:var(--md-sys-spacing-5)}.sl-records-hero,.sl-profile-hero{padding:var(--md-sys-spacing-5);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-5);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-records-hero h1,.sl-profile-hero h1,.sl-completion-card h1{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-records-hero p:last-child,.sl-profile-hero p:last-child{margin:var(--md-sys-spacing-2) 0 0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-records-hero-mark{width:var(--sl-component-records-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-records-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-records-tools{display:grid;gap:var(--md-sys-spacing-3)}.sl-records-filters{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-records-list{display:grid;gap:var(--md-sys-spacing-3)}.sl-record-card{padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-record-card-mark{width:var(--sl-component-record-card-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--sl-success-soft);color:var(--sl-on-success-soft)}.sl-record-card-copy{min-width:0}.sl-record-card-copy h2{margin:var(--md-sys-spacing-2) 0 var(--md-sys-spacing-1);overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-record-card-meta>span,.sl-record-card-score>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-record-card-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--md-sys-spacing-2)}.sl-record-card-score{min-width:var(--sl-component-records-hero-mark-size-compact);display:grid;text-align:right}.sl-record-card-score strong{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-completion-card{width:min(100%,var(--sl-layout-completion-card-max-width));min-height:var(--sl-layout-completion-min-height);margin-inline:auto;padding:var(--md-sys-spacing-6);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-5);text-align:center;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-completion-status{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--md-sys-spacing-2)}.sl-completion-actions{width:100%;display:grid;gap:var(--md-sys-spacing-2)}.sl-profile-hero{justify-content:flex-start;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-profile-hero .sl-geometric-avatar{flex:0 0 auto}.sl-profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-profile-metrics>div{min-height:var(--sl-component-profile-metric-min-height);padding:var(--md-sys-spacing-4);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-1);text-align:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-profile-metrics>div:nth-child(2){background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-profile-metrics strong{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-profile-metrics span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-profile-menu{padding-inline:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-avatar-upload{position:relative;width:var(--sl-component-teacher-class-mark-size);min-width:var(--sl-component-teacher-class-mark-size);display:grid;justify-items:center;gap:var(--md-sys-spacing-1);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-small-size);cursor:pointer}.sl-avatar-upload img,.sl-avatar-upload>.sl-geometric-avatar{width:var(--sl-component-teacher-class-mark-size);height:var(--sl-component-teacher-class-mark-size);border-radius:var(--md-sys-shape-corner-full);object-fit:cover}.sl-avatar-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sl-profile-menu .sl-profile-row:last-child{border-bottom:0}.sl-teacher-classes-page,.sl-teacher-class-detail,.sl-teacher-class-members-page,.sl-teacher-dashboard{display:grid;gap:var(--md-sys-spacing-6)}.sl-teacher-create-floating{position:fixed;left:50%;bottom:calc(var(--sl-component-navigation-bar-height) + var(--md-sys-spacing-4) + env(safe-area-inset-bottom));z-index:25;display:flex;justify-content:center;transform:translate(-50%)}.sl-teacher-create-floating>.sl-m3-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sl-teacher-hero{min-height:var(--sl-component-teacher-hero-min-height);padding:var(--md-sys-spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-6);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-teacher-hero-copy{max-width:var(--sl-component-reading-measure)}.sl-teacher-hero h1,.sl-class-detail-hero h1,.sl-dashboard-hero h1{margin:var(--md-sys-spacing-1) 0 0;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-teacher-hero-copy>p:last-of-type,.sl-class-detail-hero>div:first-child>p:last-child,.sl-dashboard-hero>div>p:last-child{margin:var(--md-sys-spacing-3) 0 var(--md-sys-spacing-5);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-teacher-hero-mark{width:var(--sl-component-teacher-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-teacher-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-teacher-section{display:grid;gap:var(--md-sys-spacing-4)}.sl-teacher-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-teacher-section-heading h2,.sl-dashboard-section-heading h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-teacher-section-heading>span{padding:var(--md-sys-spacing-1) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-teacher-class-grid,.sl-teacher-assignment-list{display:grid;gap:var(--md-sys-spacing-3)}.sl-teacher-class-card,.sl-teacher-assignment-card{width:100%;min-width:0;padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);text-align:left;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-teacher-class-card:hover,.sl-teacher-assignment-card:hover{border-color:var(--md-sys-color-outline);background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-teacher-class-card:focus-visible,.sl-teacher-assignment-card:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-teacher-class-card:active,.sl-teacher-assignment-card:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-teacher-class-mark,.sl-teacher-assignment-mark{width:var(--sl-component-teacher-class-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-teacher-assignment-mark{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-teacher-class-copy,.sl-teacher-assignment-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-2)}.sl-teacher-class-copy>strong,.sl-teacher-assignment-copy>strong{overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-teacher-class-copy>span:last-child,.sl-teacher-assignment-copy>span:nth-child(3),.sl-teacher-class-meta>span,.sl-teacher-assignment-meta>span,.sl-teacher-assignment-progress>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-teacher-class-meta,.sl-teacher-assignment-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--md-sys-spacing-2)}.sl-teacher-assignment-meta>span{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-1)}.sl-teacher-assignment-meta .material-symbols-outlined{font-size:var(--md-sys-icon-size-small)}.sl-teacher-class-arrow{width:var(--sl-component-teacher-card-arrow-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-class-detail-hero{padding:var(--md-sys-spacing-6);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-6);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-class-invite{padding:var(--md-sys-spacing-4);display:grid;gap:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface)}.sl-class-invite>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-class-invite-row{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-class-invite-row>strong{letter-spacing:.08em;font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.sl-class-invite-row>.sl-m3-button{flex:0 0 auto;min-width:auto}.sl-class-detail-members-entry{gap:0}.sl-class-members-entry{width:100%;min-width:0;padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);text-align:left;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-class-members-entry:hover{border-color:var(--md-sys-color-outline);background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-class-members-entry:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-class-members-entry:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-pressed-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-class-members-entry-icon{width:var(--sl-component-teacher-class-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-class-members-entry-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-class-members-entry-copy>strong{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-class-members-entry-copy>small{overflow-wrap:anywhere;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-class-members-summary{padding:var(--md-sys-spacing-5);grid-template-columns:auto minmax(0,1fr);align-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-class-members-summary h1,.sl-class-members-summary p{margin:0}.sl-class-members-summary-icon{width:var(--sl-component-teacher-class-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-class-member-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-2);list-style:none}.sl-class-member-list>li{min-width:0;min-height:calc(var(--sl-component-touch-target-size) * 2 + var(--md-sys-spacing-4));padding:var(--md-sys-spacing-2);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:". avatar" "name name" ". action";align-items:end;gap:var(--md-sys-spacing-1);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low)}.sl-class-member-mark{grid-area:avatar;justify-self:end;width:var(--md-sys-icon-size-medium);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-class-member-list strong{justify-self:start;align-self:end;display:block;overflow-wrap:anywhere;text-align:start;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-class-member-actions{grid-area:action;justify-self:end;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--md-sys-spacing-1)}.sl-class-member-actions>.sl-m3-button{width:auto;min-width:0;--md-filled-tonal-button-container-height: var(--sl-component-compact-button-height);--md-filled-tonal-button-leading-space: var(--sl-component-compact-button-horizontal-space);--md-filled-tonal-button-trailing-space: var(--sl-component-compact-button-horizontal-space);--md-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-small-size)}.sl-class-member-actions>.sl-m3-button.danger{--md-filled-tonal-button-container-color: color-mix( in srgb, var(--md-sys-color-error) var(--sl-component-error-outline-opacity), transparent );--md-filled-tonal-button-label-text-color: var(--md-sys-color-error)}.sl-class-members-browser{position:relative;min-width:0}.sl-class-member-initials{position:fixed;inset-inline-end:max(var(--md-sys-spacing-1),env(safe-area-inset-right));top:50%;z-index:4;display:grid;transform:translateY(-50%)}.sl-class-member-initials>button{min-width:var(--md-sys-spacing-5);min-height:var(--md-sys-spacing-5);padding:0;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:700}.sl-class-member-initials>button:hover,.sl-class-member-initials>button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-teacher-student-evaluation{display:grid;gap:var(--md-sys-spacing-5)}.sl-student-evaluation-hero{padding:var(--md-sys-spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-student-evaluation-hero h1,.sl-student-evaluation-hero p{margin:0}.sl-student-evaluation-hero-icon{width:var(--sl-component-teacher-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-student-evaluation-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-student-evaluation-metrics>article{min-width:0;padding:var(--md-sys-spacing-4);display:grid;justify-items:center;gap:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-student-evaluation-metrics strong{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.sl-student-evaluation-metrics span{text-align:center;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-student-evaluation-error-grid{display:grid;gap:var(--md-sys-spacing-4)}.sl-student-evaluation-error-card{min-width:0;padding:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-student-evaluation-errors{margin:0;padding:0;display:grid;list-style:none}.sl-student-evaluation-errors>li{min-width:0;padding-block:var(--md-sys-spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);border-bottom:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-student-evaluation-errors>li:last-child{border-bottom:0}.sl-student-evaluation-errors span{min-width:0;overflow-wrap:anywhere}.sl-student-evaluation-errors strong{flex:0 0 auto;color:var(--md-sys-color-primary)}.sl-student-evaluation-note{margin:0;color:var(--md-sys-color-on-surface-variant);text-align:center;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-teacher-danger-zone{padding-top:var(--md-sys-spacing-4);display:flex;justify-content:flex-end;border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-class-delete-warning{display:flex;align-items:flex-start;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container);border-radius:var(--sl-radius-lg)}.sl-class-delete-warning p{margin:0}.sl-teacher-assignment-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3)}.sl-teacher-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--md-sys-spacing-2)}.sl-dashboard-hero{padding:var(--md-sys-spacing-5);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-5);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-dashboard-hero-mark{width:var(--sl-component-dashboard-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-dashboard-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-dashboard-date-filter{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2);padding-block:var(--md-sys-spacing-2)}.sl-dashboard-date-filter>*{flex:0 0 auto}.sl-storage-card{display:grid;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container)}.sl-storage-metric{display:grid;gap:var(--md-sys-spacing-2)}.sl-storage-metric>strong{font-weight:700}.sl-storage-metric>span{color:var(--md-sys-color-on-surface-variant)}.sl-storage-metric progress{width:100%;accent-color:var(--md-sys-color-primary)}.sl-storage-metric.is-critical,.sl-storage-metric.is-critical>span{color:var(--md-sys-color-error)}.sl-storage-metric.is-critical progress{accent-color:var(--md-sys-color-error)}.sl-dashboard-metrics>div{min-height:var(--sl-component-profile-metric-min-height);padding:var(--md-sys-spacing-4);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-1);text-align:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-dashboard-metrics>div:nth-child(2){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-dashboard-metrics>div:nth-child(3){background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-dashboard-metrics strong{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-dashboard-metrics span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-dashboard-section{display:grid;gap:var(--md-sys-spacing-2)}.sl-dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);padding-inline:var(--md-sys-spacing-2)}.sl-dashboard-audio-card{padding:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);container-type:inline-size}.sl-dashboard-audio-mark{width:var(--sl-component-dashboard-audio-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-dashboard-audio-row{padding-top:var(--md-sys-spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-dashboard-audio-actions,.sl-dashboard-filter-row,.sl-dashboard-pagination{display:flex;align-items:center;gap:var(--md-sys-spacing-2);flex-wrap:wrap}.sl-dashboard-phrase-group{border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-dashboard-phrase-toggle{width:100%;min-height:var(--sl-component-touch-target-size);padding:var(--md-sys-spacing-2) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface);background:transparent;text-align:left;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-dashboard-phrase-toggle:hover{color:var(--md-sys-color-primary)}.sl-dashboard-clip-grid{padding:0 0 var(--md-sys-spacing-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-2)}.sl-dashboard-clip-card{width:100%;min-width:0;min-height:var(--sl-component-list-row-min-height);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-2);border:var(--md-sys-outline-width) solid transparent;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;text-align:left;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-dashboard-clip-card:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-high))}.sl-dashboard-clip-card:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-dashboard-clip-card.is-playing{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-dashboard-clip-card-icon{width:var(--sl-component-touch-target-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-primary)}.sl-dashboard-clip-card.is-playing .sl-dashboard-clip-card-icon{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-dashboard-clip-card-icon .material-symbols-outlined{font-size:var(--md-sys-icon-size-medium)}.sl-dashboard-clip-card-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-1);overflow-wrap:anywhere}.sl-dashboard-clip-card-copy strong{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-dashboard-clip-card-copy small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height)}.sl-dashboard-clip-card.is-playing .sl-dashboard-clip-card-copy small{color:var(--md-sys-color-on-primary-container)}.sl-dashboard-recordings-card{padding:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);container-type:inline-size}@container (max-width: 17rem){.sl-dashboard-clip-grid{grid-template-columns:1fr}}@container (max-width: 32.4375rem){.sl-dashboard-recording-row{grid-template-columns:minmax(0,1fr) auto}.sl-dashboard-recording-timeline{grid-column:1 / -1;grid-row:2}}.sl-dashboard-recording-list{display:grid;gap:var(--md-sys-spacing-2)}.sl-dashboard-recording-row{min-width:0;min-height:var(--sl-component-touch-target-size);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--sl-layout-dashboard-clip-min-width),2fr) auto;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container)}.sl-dashboard-recording-timeline{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-surface-variant)}.sl-dashboard-recording-timeline.is-hidden{visibility:hidden;pointer-events:none}.sl-dashboard-recording-timeline input{width:100%;min-width:0;accent-color:var(--md-sys-color-primary)}.sl-dashboard-recording-timeline small{white-space:nowrap;font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height)}.sl-dashboard-recording-student{min-width:0;display:grid;gap:var(--md-sys-spacing-1);overflow-wrap:anywhere;color:var(--md-sys-color-on-surface)}.sl-dashboard-recording-student strong{font-weight:700}.sl-dashboard-recording-errors{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-dashboard-recording-errors small,.sl-dashboard-recording-date{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);font-weight:400;line-height:var(--md-sys-typescale-label-small-line-height);overflow-wrap:anywhere}.sl-dashboard-recording-errors small{display:block}.sl-dashboard-recording-errors strong{color:var(--md-sys-color-on-surface);font-weight:600}.sl-dashboard-recording-actions,.sl-dashboard-recording-score{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2)}.sl-dashboard-recording-score{gap:var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant)}.sl-dashboard-recording-score strong{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-dashboard-recording-play{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-state-message{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-state-message-error{color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container);border-radius:var(--md-sys-shape-corner-medium)}.sl-dashboard-pagination{justify-content:center;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-teacher-assign-flow,.sl-teacher-materials,.sl-material-import,.sl-material-detail,.sl-teacher-profile,.sl-teacher-notifications{display:grid;gap:var(--md-sys-spacing-5)}.sl-teacher-assign-flow{gap:var(--md-sys-spacing-3);padding-bottom:calc(var(--sl-component-touch-target-size) + var(--md-sys-spacing-8))}.sl-teacher-assign-flow>.sl-assign-flow-hero{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);gap:var(--md-sys-spacing-3)}.sl-teacher-assign-flow>.sl-assign-flow-hero h1{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.sl-teacher-assign-flow>.sl-assign-stepper{padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3)}.sl-assign-flow-hero,.sl-materials-hero,.sl-material-detail-hero,.sl-teacher-profile-hero,.sl-notifications-hero{padding:var(--md-sys-spacing-5);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-5);overflow:hidden;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-assign-flow-hero h1,.sl-materials-hero h1,.sl-import-hero h1,.sl-material-detail-hero h1,.sl-teacher-profile-hero h1,.sl-notifications-hero h1{margin:var(--md-sys-spacing-1) 0 0;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-assign-flow-hero>div>p:last-child,.sl-materials-hero>div>p:last-child,.sl-import-hero>div>p:last-child,.sl-material-detail-hero>div>p:last-child,.sl-teacher-profile-hero>div>p:last-child,.sl-notifications-hero>div>p:last-child{margin:var(--md-sys-spacing-2) 0 0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-assign-flow-mark,.sl-materials-hero-mark{width:var(--sl-component-materials-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-assign-flow-mark .material-symbols-outlined,.sl-materials-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-assign-stepper,.sl-assign-step-card,.sl-import-progress,.sl-import-upload,.sl-import-editor,.sl-import-text,.sl-material-editor{padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-assign-step-card{display:grid;gap:var(--md-sys-spacing-5)}.sl-assign-step-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-3)}.sl-assign-step-icon{width:var(--sl-component-assign-step-icon-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-assign-step-heading h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-assign-step-heading>div>p:last-child{margin:var(--md-sys-spacing-1) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-assign-choice-list,.sl-assign-material-grid{display:grid;gap:var(--md-sys-spacing-2)}.sl-assign-choice-row,.sl-assign-material-choice{min-width:0;padding:var(--md-sys-spacing-3);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.sl-assign-material-choice{text-align:left}.sl-assign-material-choice:hover{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container))}.sl-assign-material-choice:focus-visible,.sl-assign-material-choice:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container))}.sl-assign-material-choice.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-assign-choice-mark{width:var(--sl-component-assign-choice-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-assign-choice-row>span:nth-child(2),.sl-assign-material-choice>span:nth-child(2){min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-assign-choice-row>span:nth-child(2)>span,.sl-assign-material-choice>span:nth-child(2)>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-assign-field-grid{display:grid;gap:var(--md-sys-spacing-4)}.sl-schedule-date-time{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-3)}@media(max-width:419px){.sl-schedule-date-time{grid-template-columns:minmax(0,1fr)}}.sl-assign-material-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-assign-material-filters>.sl-m3-select{min-width:0;white-space:nowrap;text-overflow:clip;--md-outlined-select-text-field-input-text-size: var(--sl-component-assignment-filter-text-size);--md-outlined-select-text-field-label-text-size: var(--sl-component-assignment-filter-text-size)}.sl-assign-material-filters md-select-option{white-space:nowrap;text-overflow:clip}.sl-schedule-fieldset{min-width:0;margin:0;padding:0;display:grid;gap:var(--md-sys-spacing-3);border:0}.sl-schedule-fieldset legend,.sl-schedule-count strong{padding:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:500}.sl-schedule-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-2)}.sl-schedule-preset{min-width:0;min-height:var(--sl-component-touch-target-size);padding:var(--md-sys-spacing-3);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-2);text-align:left;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.sl-schedule-preset:hover{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container))}.sl-schedule-preset:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-schedule-preset.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-schedule-preset>.material-symbols-outlined:first-child{width:var(--sl-component-assign-choice-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-schedule-preset strong,.sl-schedule-preset small{display:block}.sl-schedule-preset small,.sl-schedule-count span,.sl-schedule-summary small{margin-top:var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-schedule-count{display:grid;gap:var(--md-sys-spacing-3)}.sl-schedule-count>div:first-child{display:grid}.sl-schedule-count-options{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-schedule-count-options button{min-height:var(--sl-component-touch-target-size);padding-inline:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height)}.sl-schedule-count-options button[aria-pressed=true]{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-schedule-count-options button:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-schedule-daily-field{width:min(100%,var(--sl-component-field-compact-max-width))}.sl-schedule-daily-field>.sl-m3-text-field{width:100%}.sl-schedule-summary{padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-schedule-summary>span{width:var(--sl-component-assign-choice-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-schedule-summary strong,.sl-schedule-summary small{display:block}.sl-assign-preview{padding:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-assign-preview-meta{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-assign-preview h2,.sl-import-editor h2{margin:0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-assign-preview>span{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-assign-preview-audio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--md-sys-spacing-3)}.sl-assign-preview-audio>span{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-assign-preview-audio>p{flex-basis:100%;margin:0}.sl-audio-progress-control{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2);min-width:min(100%,25rem)}.sl-audio-round-play-button{flex:0 0 auto;width:var(--sl-component-touch-target-size);height:var(--sl-component-touch-target-size);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container)}.sl-audio-progress-slider{flex:1 1 10rem;min-width:5rem;accent-color:var(--md-sys-color-primary);cursor:pointer}.sl-audio-progress-slider:disabled{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity)}.sl-audio-progress-time{min-width:5.5rem;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-font);text-align:end;white-space:nowrap}.sl-assign-actions,.sl-material-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-assign-actions{position:fixed;right:calc(var(--md-sys-spacing-3) + env(safe-area-inset-right));bottom:calc(var(--sl-component-navigation-bar-height) + var(--md-sys-spacing-3) + env(safe-area-inset-bottom));left:calc(var(--md-sys-spacing-3) + env(safe-area-inset-left));z-index:25;padding:var(--md-sys-spacing-2);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level2)}.sl-assign-success{min-height:var(--sl-layout-completion-min-height);padding:var(--md-sys-spacing-6);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-5);text-align:center;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-assign-success-mark{width:var(--sl-component-assign-success-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--sl-success-soft);color:var(--sl-on-success-soft)}.sl-assign-success-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-assign-success h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-assign-success>div>p:last-child{margin:var(--md-sys-spacing-2) 0 0;color:var(--md-sys-color-on-surface-variant)}.sl-materials-hero{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-materials-hero-mark{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-material-search-row{position:relative;width:min(100%,var(--sl-layout-material-search-max-width));min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.sl-material-search-row>.sl-m3-text-field{display:block;width:100%;min-width:0;max-width:100%;--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-extra-large);--md-outlined-text-field-leading-space: var(--md-sys-spacing-4);--md-outlined-text-field-trailing-space: var(--sl-component-search-field-trailing-padding)}.sl-material-search-button-wrap{position:absolute;z-index:1;inset-inline-end:var(--md-sys-spacing-2);top:50%;transform:translateY(-50%)}.sl-material-search-button-wrap>.sl-m3-button{min-width:var(--sl-component-search-button-min-width);--md-filled-button-container-height: var(--sl-component-search-button-height);--md-filled-button-leading-space: var(--sl-component-search-button-horizontal-space);--md-filled-button-trailing-space: var(--sl-component-search-button-horizontal-space)}.sl-material-filter-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-1)}.sl-material-filter-selects>.sl-m3-select{min-width:0;width:100%;--md-outlined-field-leading-space: var(--md-sys-spacing-2);--md-outlined-field-content-space: var(--md-sys-spacing-1);--md-outlined-field-trailing-space: var(--md-sys-spacing-1);--md-outlined-field-with-trailing-content-trailing-space: var(--md-sys-spacing-1);--md-outlined-select-text-field-input-text-size: var(--md-sys-typescale-body-medium-size);--md-outlined-select-text-field-trailing-icon-size: var(--md-sys-spacing-5)}.sl-material-filter-panel{min-width:0;max-width:100%;padding:var(--md-sys-spacing-3);display:grid;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-material-filter-panel>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:700}.sl-material-grid{display:grid;gap:var(--md-sys-spacing-3)}.sl-material-card{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);overflow:hidden;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-material-card-main{min-width:0;padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-4);text-align:left;border:0;background:transparent;color:inherit}.sl-material-card:hover{border-color:var(--md-sys-color-outline);background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-material-card:focus-within,.sl-material-card:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-surface-container-low))}.sl-material-card-main:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:calc(-1 * var(--md-sys-focus-ring-offset))}.sl-material-card-actions{padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3) var(--md-sys-spacing-2) 0;display:flex;flex-direction:column;align-items:stretch;gap:var(--md-sys-spacing-1);border-left:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-material-card-mark{width:var(--sl-component-material-card-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-material-card-copy{min-width:0;display:grid;gap:var(--md-sys-spacing-2)}.sl-material-card-copy>strong{overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-material-card-date{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-material-card-meta{display:grid;justify-items:start;gap:var(--md-sys-spacing-2)}.sl-material-card-tags{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-material-audio-warning{justify-self:start}.sl-import-hero{padding:var(--md-sys-spacing-5);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-import-hero-mark,.sl-notifications-hero-mark,.sl-notification-mark{width:var(--sl-component-notification-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-import-progress{display:grid;gap:var(--md-sys-spacing-3)}.sl-import-progress>div{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-import-progress>div>span{color:var(--md-sys-color-on-surface-variant)}.sl-import-editor,.sl-import-upload{display:grid;gap:var(--md-sys-spacing-4)}.sl-import-choice-page{display:grid;gap:var(--md-sys-spacing-5)}.sl-import-choice-hero{display:flex;align-items:center;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-import-choice-hero h1,.sl-import-choice-hero p{margin:0}.sl-import-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-4)}.sl-import-choice-card{min-width:0;min-height:var(--sl-component-import-choice-min-height);display:grid;align-content:center;justify-items:start;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-align:left;cursor:pointer}.sl-import-choice-card:hover{background:var(--md-sys-color-secondary-container)}.sl-import-choice-card:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.sl-import-choice-card strong{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-import-choice-card span{color:var(--md-sys-color-on-surface-variant)}.sl-vocabulary-editor{display:grid;gap:var(--md-sys-spacing-3)}.sl-vocabulary-table{overflow:hidden;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.sl-vocabulary-table-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr) var(--sl-component-touch-target-size);align-items:center;min-height:var(--sl-component-touch-target-size);padding-inline:var(--md-sys-spacing-3) var(--md-sys-spacing-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight)}.sl-vocabulary-table-body{display:grid}.sl-vocabulary-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr) var(--sl-component-touch-target-size);align-items:center;min-height:var(--sl-component-touch-target-size);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);cursor:pointer}.sl-vocabulary-row:hover:not(.editing,.read-only){background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-vocabulary-row.read-only{cursor:default}.sl-vocabulary-term,.sl-vocabulary-translation{min-width:0;padding-block:var(--md-sys-spacing-2);overflow-wrap:anywhere;line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-vocabulary-term{padding-inline:var(--md-sys-spacing-3);font-weight:var(--md-sys-typescale-label-large-weight)}.sl-vocabulary-translation{padding-inline-end:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant)}.sl-vocabulary-row-action,.sl-vocabulary-row-actions{display:flex;align-items:center;justify-content:center}.sl-vocabulary-row.editing{grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr) auto;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-2);background:var(--md-sys-color-secondary-container)}.sl-vocabulary-edit-field{min-width:0}.sl-vocabulary-edit-field .sl-m3-text-field{width:100%}.sl-vocabulary-row-actions{gap:var(--md-sys-spacing-1)}.sl-vocabulary-unresolved{display:grid;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-vocabulary-unresolved-item{display:grid;gap:var(--md-sys-spacing-3);padding-block:var(--md-sys-spacing-2)}.sl-vocabulary-unresolved-item+.sl-vocabulary-unresolved-item{border-top:var(--md-sys-outline-width) solid var(--md-sys-color-error)}.sl-vocabulary-unresolved-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-vocabulary-unresolved-summary>span{min-width:0;overflow-wrap:anywhere}.sl-vocabulary-unresolved-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--md-sys-spacing-1)}.sl-vocabulary-unresolved-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:var(--md-sys-spacing-3);align-items:start}.sl-vocabulary-unresolved-editor>.sl-m3-text-field{width:100%}@media(max-width:599px){.sl-import-choice-grid{grid-template-columns:minmax(0,1fr)}.sl-import-choice-card{min-height:var(--sl-component-import-choice-compact-min-height)}.sl-vocabulary-table-header{grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr) var(--sl-component-touch-target-size)}.sl-vocabulary-row:not(.editing){grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr) var(--sl-component-touch-target-size)}.sl-vocabulary-row.editing{grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr)}.sl-vocabulary-row-actions{grid-column:1 / -1;justify-content:flex-end}.sl-vocabulary-unresolved-editor>.sl-m3-button{grid-column:1 / -1;justify-content:center}}.sl-import-text{display:grid;gap:var(--md-sys-spacing-4)}.sl-import-step-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--md-sys-spacing-5);align-items:start}.sl-import-step-grid>.sl-import-editor{grid-column:1}.sl-import-step-grid>.sl-import-text{grid-column:1}.sl-import-ocr-status{display:flex;align-items:center;gap:var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface-variant)}.sl-import-ocr-status>span{flex:1}.sl-import-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-4)}.sl-import-upload>p,.sl-import-editor>p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-import-file{padding:var(--md-sys-spacing-3);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container)}.sl-import-file-mark{width:var(--sl-component-notification-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-import-file>span:nth-child(2){min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-import-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-import-file small{color:var(--md-sys-color-on-surface-variant)}.sl-import-error{margin:0;padding:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-import-upload-actions{display:flex;align-items:center;gap:var(--md-sys-spacing-3)}.sl-import-upload-actions>.sl-m3-button{flex:1 1 0;min-width:0}.sl-import-upload-actions .material-symbols-outlined,.sl-teacher-create-floating .material-symbols-outlined{vertical-align:middle}.sl-import-saved{padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);background:var(--sl-success-soft);color:var(--sl-on-success-soft)}.sl-import-saved>.material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-import-saved>div{display:grid;gap:var(--md-sys-spacing-1)}.sl-import-saved>div>span{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-import-saved>.sl-m3-button{grid-column:1 / -1}.sl-material-detail-hero{align-items:flex-end;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-material-editor{display:grid;gap:var(--md-sys-spacing-5)}.sl-material-combobox{position:relative;min-width:0}.sl-material-combobox-list{position:absolute;z-index:var(--sl-component-menu-z-index);inset:calc(100% + var(--md-sys-spacing-1)) 0 auto;max-height:var(--sl-component-combobox-list-max-height);overflow-y:auto;padding-block:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level2)}.sl-material-combobox-list>button{width:100%;min-height:var(--sl-component-list-row-min-height);padding-inline:var(--md-sys-spacing-4);border:0;color:var(--md-sys-color-on-surface);background:transparent;text-align:start;font:inherit;cursor:pointer}.sl-material-combobox-list>button:hover,.sl-material-combobox-list>button:focus-visible,.sl-material-combobox-list>button[aria-selected=true]{background:var(--md-sys-color-secondary-container)}.sl-material-demo-audio{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-material-demo-audio-mark{width:var(--sl-component-icon-container-medium);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container)}.sl-material-demo-audio h2,.sl-material-demo-audio p{margin:0}.sl-material-demo-audio h2{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:500}.sl-material-demo-audio>div{display:grid;gap:var(--md-sys-spacing-1)}.sl-material-demo-audio>div>p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-material-demo-audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-2);width:100%}.sl-material-demo-audio-actions>.sl-audio-progress-control{grid-column:1 / -1;width:100%;min-width:0}.sl-material-demo-audio-actions>.sl-m3-button{min-width:0;width:100%;justify-content:center}.sl-demo-recording-page,.sl-demo-recording-card-stack{display:grid;gap:var(--md-sys-spacing-4);min-width:0}.sl-demo-recording-page{padding-bottom:calc(var(--sl-component-navigation-bar-height) + var(--md-sys-spacing-12))}.sl-student-vocabulary-page{padding-bottom:calc(var(--sl-component-navigation-bar-height) + var(--md-sys-spacing-16))}.sl-student-vocabulary-card-copy>p{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:600}.sl-student-vocabulary-card-copy>strong{color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);overflow-wrap:anywhere}.sl-material-review,.sl-demo-audio-guide{display:grid;gap:var(--md-sys-spacing-5);min-width:0}.sl-material-review>.sl-import-editor{padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-demo-audio-guide-hero{display:flex;align-items:center;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-demo-audio-guide-hero>span{display:grid;width:var(--sl-component-icon-button-size);height:var(--sl-component-icon-button-size);flex:0 0 auto;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-demo-audio-guide-hero h1,.sl-demo-audio-guide-hero p,.sl-demo-audio-ai-card h2,.sl-demo-audio-ai-card p{margin:0;overflow-wrap:anywhere}.sl-demo-audio-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-4)}.sl-demo-audio-choice-card{min-width:0;min-height:var(--sl-component-import-choice-min-height);display:grid;align-content:center;justify-items:start;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-align:left;cursor:pointer}.sl-demo-audio-choice-card:hover{background:var(--md-sys-color-secondary-container)}.sl-demo-audio-choice-card:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.sl-demo-audio-choice-card strong{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-demo-audio-choice-card span{color:var(--md-sys-color-on-surface-variant)}.sl-demo-audio-ai-card{display:grid;gap:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-5);border:var(--md-sys-outline-width) solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-demo-audio-ai-progress,.sl-demo-audio-ai-error{display:grid;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface)}.sl-demo-audio-ai-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-demo-audio-ai-error>div{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-demo-audio-ai-card>.sl-audio-progress-control,.sl-demo-audio-finish,.sl-demo-audio-finish>.sl-m3-button{width:100%;min-width:0}.sl-demo-audio-finish{position:sticky;bottom:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container)}.sl-demo-recording-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.4fr);gap:var(--md-sys-spacing-5);padding:var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-demo-recording-summary h1,.sl-demo-recording-summary p,.sl-demo-recording-card p{margin:0;overflow-wrap:anywhere}.sl-demo-recording-summary h1{margin-block:var(--md-sys-spacing-1) var(--md-sys-spacing-2);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-demo-recording-progress{display:grid;align-content:center;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface)}.sl-demo-recording-card{display:grid;position:absolute;inset:0;min-width:0;overflow:hidden;pointer-events:none;opacity:0;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);transform-origin:center bottom;transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.sl-demo-recording-card-stack{display:block;overflow:clip;padding:0 var(--md-sys-spacing-4) var(--md-sys-spacing-4) 0;perspective:64rem}.sl-demo-recording-card-track{position:relative;width:calc(100% - var(--md-sys-spacing-4))}.sl-demo-recording-card.active{position:relative;z-index:3;pointer-events:auto;opacity:1;border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container);transform:none}.sl-demo-recording-card.next,.sl-demo-recording-card.next-two{opacity:1;background:var(--md-sys-color-surface-container-high)}.sl-demo-recording-card.next{z-index:2;transform:translate(var(--md-sys-spacing-2),var(--md-sys-spacing-2)) scale(.985)}.sl-demo-recording-card.next-two{z-index:1;transform:translate(var(--md-sys-spacing-4),var(--md-sys-spacing-4)) scale(.97)}.sl-demo-recording-card.past{z-index:4;transform:translateY(-28%) rotateX(16deg) scale(.94)}.sl-demo-recording-card:not(.active) .sl-demo-recording-card-copy{opacity:0}.sl-demo-recording-card-copy{display:grid;align-content:center;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-5);transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}@media(prefers-reduced-motion:reduce){.sl-demo-recording-card,.sl-demo-recording-card-copy{transition:none}}.sl-demo-recording-card-copy>span,.sl-demo-recording-card-copy>small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-demo-recording-card-copy>p{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-bottom-panel.sl-demo-recording-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-2);right:calc(var(--md-sys-spacing-3) + env(safe-area-inset-right));bottom:calc(25dvh + env(safe-area-inset-bottom));left:calc(var(--md-sys-spacing-3) + env(safe-area-inset-left));width:auto;max-width:var(--sl-layout-bottom-panel-max-width);margin-inline:auto;padding:var(--md-sys-spacing-2);transform:none;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level2);z-index:25}@media(min-width:600px)and (max-width:839px){.sl-bottom-panel.sl-demo-recording-controls{right:calc(var(--md-sys-spacing-6) + env(safe-area-inset-right));left:auto;width:min(72vw,var(--sl-layout-bottom-panel-max-width));margin-inline:0}}@media(min-width:840px){.sl-bottom-panel.sl-demo-recording-controls{right:auto;bottom:calc(var(--md-sys-spacing-3) + env(safe-area-inset-bottom));left:50%;width:min(calc(100vw - var(--sl-layout-bottom-panel-horizontal-inset)),var(--sl-layout-bottom-panel-max-width));margin-inline:0;transform:translate(-50%)}}.sl-demo-recording-controls>.sl-m3-button{min-width:0;width:100%;justify-content:center}.sl-demo-recording-hold-control,.sl-demo-recording-hold-control>.sl-m3-button{min-width:0;width:100%}.sl-demo-recording-hold-control{display:flex;align-items:stretch;touch-action:none;user-select:none;-webkit-user-select:none}.sl-demo-recording-hold-control>.sl-m3-button{display:inline-flex;align-items:center;justify-content:center}.sl-material-review-reset{display:flex;justify-content:flex-end}.sl-material-review-progress{width:100%;padding-inline:var(--md-sys-spacing-5)}@media(max-width:599px){.sl-material-review>.sl-import-editor,.sl-demo-audio-guide-hero,.sl-demo-audio-ai-card{padding:var(--md-sys-spacing-4)}.sl-demo-audio-choice-grid{grid-template-columns:minmax(0,1fr)}.sl-demo-audio-choice-card{min-height:var(--sl-component-import-choice-compact-min-height)}.sl-demo-recording-summary{grid-template-columns:minmax(0,1fr);padding:var(--md-sys-spacing-4)}.sl-bottom-panel.sl-demo-recording-controls{position:fixed;inset:auto calc(var(--md-sys-spacing-3) + env(safe-area-inset-right)) calc(clamp(var(--sl-component-recording-control-thumb-offset-min),var(--sl-component-recording-control-thumb-offset-preferred),var(--sl-component-recording-control-thumb-offset-max)) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-3) + env(safe-area-inset-left));grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr) minmax(0,.75fr);width:auto;margin:0}.sl-bottom-panel.sl-demo-recording-controls>.sl-m3-button .material-symbols-outlined{display:none}.sl-bottom-panel.sl-demo-recording-controls.sl-teacher-demo-recording-controls{bottom:calc(clamp(var(--sl-component-recording-control-thumb-offset-min),var(--sl-component-recording-control-thumb-offset-preferred),var(--sl-component-recording-control-thumb-offset-max)) + env(safe-area-inset-bottom))}.sl-demo-recording-card-copy{padding:var(--md-sys-spacing-4)}}@media(min-width:600px){.sl-bottom-panel.sl-demo-recording-controls.sl-teacher-demo-recording-controls{right:calc(var(--md-sys-spacing-6) + env(safe-area-inset-right));bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom));left:auto;width:min(calc(100vw - var(--sl-layout-bottom-panel-horizontal-inset)),var(--sl-component-demo-recording-dock-square-size));max-width:none;aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"record record" "previous next";margin:0;padding:var(--md-sys-spacing-3);transform:none}.sl-teacher-demo-recording-controls>.sl-m3-button:first-child{grid-area:previous}.sl-teacher-demo-recording-controls>.sl-demo-recording-hold-control{grid-area:record}.sl-teacher-demo-recording-controls>.sl-m3-button:last-child{grid-area:next}.sl-teacher-demo-recording-controls>.sl-m3-button,.sl-teacher-demo-recording-controls>.sl-demo-recording-hold-control,.sl-teacher-demo-recording-controls>.sl-demo-recording-hold-control>.sl-m3-button{height:100%}}.sl-material-detail-actions>.sl-m3-button{flex:1}.sl-teacher-profile-hero{justify-content:flex-start}.sl-teacher-profile-hero .sl-geometric-avatar{flex:0 0 auto}.sl-teacher-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-teacher-profile-metrics>*{min-height:var(--sl-component-profile-metric-min-height);padding:var(--md-sys-spacing-4);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-1);text-align:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-teacher-profile-metrics>button{border:0;font:inherit;cursor:pointer}.sl-teacher-profile-metrics>button:hover,.sl-teacher-profile-metrics>button:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.sl-teacher-profile-metrics>:nth-child(2){background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-teacher-profile-metrics>:nth-child(3){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-teacher-profile-metrics strong{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-teacher-profile-metrics span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-notifications-hero{justify-content:flex-start;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-notifications-hero-mark{flex:0 0 auto;background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-notification-list{display:grid;gap:var(--md-sys-spacing-3)}.sl-notification-card{padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-notification-mark{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-notification-card>div{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-notification-card>div>span,.sl-notification-card time{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-notification-card>div>strong{overflow-wrap:anywhere;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.sl-parent-overview,.sl-settings-page,.sl-permission-page,.sl-system-states{display:grid;gap:var(--md-sys-spacing-5)}.sl-parent-hero,.sl-settings-hero,.sl-system-states-hero{padding:var(--md-sys-spacing-5);display:flex;align-items:center;gap:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-parent-hero .sl-geometric-avatar{flex:0 0 auto}.sl-parent-hero>div{min-width:0;flex:1}.sl-parent-hero h1,.sl-settings-hero h1,.sl-permission-card h1,.sl-system-states-hero h1{margin:var(--md-sys-spacing-1) 0 0;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:500}.sl-parent-hero>div>p:last-child,.sl-settings-hero>div>p:last-child,.sl-permission-card>div:nth-child(2)>p:last-child,.sl-system-states-hero>p:last-child{margin:var(--md-sys-spacing-2) 0 0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-parent-metrics,.sl-teacher-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-parent-metrics>div{min-height:var(--sl-component-profile-metric-min-height);padding:var(--md-sys-spacing-4);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-1);text-align:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-parent-metrics>div:nth-child(2){background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-parent-metrics>div:nth-child(3){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-parent-metrics strong{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:500}.sl-parent-metrics span{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-parent-weekly,.sl-parent-feedback{padding:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-parent-section-heading,.sl-parent-feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-parent-section-heading h2,.sl-parent-feedback-heading h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-parent-section-heading>strong{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.sl-parent-weekly>p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-parent-feedback-heading{justify-content:flex-start}.sl-parent-feedback blockquote{margin:0;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-settings-hero{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-settings-hero-mark{width:var(--sl-component-settings-hero-mark-size);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.sl-settings-menu{overflow:hidden;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-settings-appearance{padding:var(--md-sys-spacing-4);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-settings-appearance h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-settings-appearance>div>p:last-child{margin:var(--md-sys-spacing-1) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-settings-privacy{padding:var(--md-sys-spacing-4);display:grid;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-settings-privacy h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-settings-privacy>div:first-child>p:last-child{margin:var(--md-sys-spacing-1) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-privacy-requests{display:grid;gap:var(--md-sys-spacing-2)}.sl-privacy-requests>div{min-height:var(--md-sys-touch-target-min-size);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container)}.sl-privacy-requests span{min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-privacy-requests small{color:var(--md-sys-color-on-surface-variant)}.sl-settings-privacy-link{min-height:var(--md-sys-touch-target-min-size);display:inline-flex;align-items:center;justify-self:start;color:var(--md-sys-color-primary);font-weight:500;text-decoration-thickness:var(--md-sys-outline-width);text-underline-offset:var(--md-sys-spacing-1)}.sl-settings-row{width:100%;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--md-sys-spacing-3);text-align:left;border-bottom:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}.sl-settings-row:last-child{border-bottom:0}.sl-settings-row:hover{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-settings-row:focus-visible,.sl-settings-row:active{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-focus-state-layer-opacity),transparent)}.sl-settings-row:disabled{opacity:var(--md-sys-state-disabled-content-opacity);background:transparent}.sl-settings-row-mark{width:var(--sl-component-settings-row-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-settings-row>span:nth-child(2){min-width:0;display:grid;gap:var(--md-sys-spacing-1)}.sl-settings-row>span:nth-child(2)>span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-settings-danger{padding:var(--md-sys-spacing-4);display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-error);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-settings-danger>div{display:grid;gap:var(--md-sys-spacing-1)}.sl-settings-danger>div>span{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-permission-card{width:min(100%,var(--sl-layout-completion-card-max-width));min-height:var(--sl-layout-completion-min-height);margin-inline:auto;padding:var(--md-sys-spacing-6);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-5);text-align:center;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-permission-mark{width:var(--sl-component-permission-mark-size);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-permission-mark>.material-symbols-outlined{font-size:var(--md-sys-icon-size-large)}.sl-permission-mark>span{width:var(--sl-component-permission-accent-size);aspect-ratio:1;position:absolute;right:0;bottom:0;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.sl-permission-list{width:100%;margin:0;padding:0;display:grid;gap:var(--md-sys-spacing-2);text-align:left;list-style:none}.sl-permission-list li{padding:var(--md-sys-spacing-3);display:flex;align-items:center;gap:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-permission-guide{padding:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-permission-guide h2{margin:var(--md-sys-spacing-1) 0 0;font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:500}.sl-permission-guide>div:first-child>p:last-child{margin:var(--md-sys-spacing-2) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-permission-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-spacing-3)}.sl-permission-guide-grid article{padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-permission-guide-grid h3{margin:0;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:700}.sl-permission-guide-grid ol{margin:var(--md-sys-spacing-3) 0 0;padding-left:var(--md-sys-spacing-5);display:grid;gap:var(--md-sys-spacing-2);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-permission-recovery-list{margin:0;padding:0;display:grid;gap:var(--md-sys-spacing-2);list-style:none}.sl-permission-recovery-list li{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);display:grid;gap:var(--md-sys-spacing-1);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high)}.sl-permission-recovery-list span{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-system-states-hero{align-items:flex-start;flex-direction:column;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-system-state-grid{display:grid;gap:var(--md-sys-spacing-3)}.sl-system-state-card{min-height:var(--sl-component-state-panel-min-height);padding:var(--md-sys-spacing-5);display:grid;place-content:center;justify-items:center;gap:var(--md-sys-spacing-3);text-align:center;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low)}.sl-system-state-card>span{width:var(--sl-component-system-state-mark-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sl-system-state-card.error>span{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-system-state-card h2{margin:0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:500}.sl-system-state-card p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--md-sys-spacing-2)}.sl-interactive-surface{width:100%;border-radius:inherit;background:transparent;text-align:left;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-interactive-surface:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-interactive-surface:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity),transparent)}.sl-interactive-surface:active{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity),transparent)}.sl-center-text{text-align:center}.sl-section-divider{padding-top:var(--md-sys-spacing-4);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);text-align:center}.sl-success-content{min-height:var(--sl-layout-success-min-height);justify-content:center;text-align:center}.sl-success-icon{color:var(--sl-success);font-size:var(--md-sys-icon-size-hero)}.sl-profile-row{width:100%;padding-block:var(--md-sys-spacing-3);border-bottom:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}button.sl-profile-row{padding-inline:0;font:inherit;text-align:left;border-top:0;border-right:0;border-left:0;background:transparent;color:inherit;cursor:pointer}button.sl-profile-row:hover,button.sl-profile-row:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-justify-end{justify-content:flex-end}.sl-justify-start{justify-content:flex-start}.sl-space-before-3{margin-top:var(--md-sys-spacing-3)}.sl-space-before-4{margin-top:var(--md-sys-spacing-4)}.sl-spacer-3,.sl-spacer-4{width:100%}.sl-spacer-3{height:var(--md-sys-spacing-3)}.sl-spacer-4{height:var(--md-sys-spacing-4)}.sl-recording-timer{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-variant-numeric:tabular-nums}.sl-card.sl-card-flat{box-shadow:none}.sl-reading-error{text-decoration:underline;text-decoration-color:var(--md-sys-color-error)}.sl-score-summary{text-align:right}.sl-score-value,.sl-profile-metric{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.sl-profile-metric{display:block}.sl-completion-content{min-height:var(--sl-layout-completion-min-height);justify-content:center;text-align:center}.sl-profile-content{text-align:center}.sl-profile-content>.sl-geometric-avatar{margin-inline:auto}.sl-parent-metric-large{font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height)}.sl-parent-metric-medium{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height)}.sl-star-rating{color:var(--sl-warning)}.sl-dashboard-audio-row{padding-block:var(--md-sys-spacing-2);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-selection-row{padding-block:var(--md-sys-spacing-3);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}@media(min-width:600px){.sl-assignment-controls{grid-template-columns:auto minmax(0,1fr);align-items:center}.sl-action-row{justify-content:flex-end}}.sl-row{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-3)}.sl-card{background:var(--md-sys-color-surface-container-low);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--sl-radius-xl);padding:var(--md-sys-spacing-5)}.sl-card.compact{padding:var(--md-sys-spacing-4);border-radius:var(--sl-radius-lg)}.sl-card.active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.sl-m3-button.full{width:100%}.sl-m3-button-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-2);min-width:0;line-height:inherit}.sl-m3-button-content>.material-symbols-outlined,button>.material-symbols-outlined,a>.material-symbols-outlined,.sl-chip>.material-symbols-outlined,.sl-segmented-button>button>.material-symbols-outlined{flex:0 0 auto;align-self:center}.sl-m3-button.danger{--md-filled-tonal-button-container-color: var(--md-sys-color-error-container);--md-filled-tonal-button-label-text-color: var(--md-sys-color-on-error-container)}.sl-m3-button-progress{width:var(--sl-component-progress-indicator-size);height:var(--sl-component-progress-indicator-size);margin-inline-end:var(--md-sys-spacing-2);--md-circular-progress-size: var(--sl-component-progress-indicator-size)}.sl-m3-icon-button{color:var(--md-sys-color-primary)}.sl-m3-text-field,.sl-m3-select,.sl-m3-progress{width:100%}.sl-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--md-sys-spacing-2)}.sl-strong-error-dialog{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sl-space-4);color:var(--md-sys-color-on-error-container)}.sl-strong-error-dialog p{margin:0;white-space:pre-wrap}.sl-strong-error-dialog-icon{display:inline-grid;width:var(--sl-component-icon-container-medium);height:var(--sl-component-icon-container-medium);place-items:center;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container)}.sl-card-action-label{min-height:var(--sl-component-card-action-min-height);padding-inline:var(--sl-component-card-action-padding-inline);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sl-chip{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-1);min-height:var(--sl-component-chip-min-height);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700;color:var(--sl-primary);background:var(--sl-primary-soft)}.sl-adaptive-pill{max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-adaptive-pill.expanded{width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;border-radius:var(--md-sys-shape-corner-large)}.sl-chip.success{color:var(--sl-on-success-soft);background:var(--sl-success-soft)}.sl-chip.warning{color:var(--sl-on-warning-soft);background:var(--sl-warning-soft)}.sl-chip.error{color:var(--md-sys-color-on-error-container);background:var(--sl-error-soft)}.sl-design-preview{max-width:var(--sl-component-design-preview-max-width);margin:0 auto}.sl-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--sl-component-token-swatch-min-width),1fr));gap:var(--md-sys-spacing-3)}.sl-color-token{min-height:var(--sl-component-token-swatch-min-height);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);display:flex;flex-direction:column;justify-content:space-between}.sl-color-token code{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);overflow-wrap:anywhere}.sl-color-token.success{color:var(--sl-on-success-soft);background:var(--sl-success-soft)}.sl-color-token.warning{color:var(--sl-on-warning-soft);background:var(--sl-warning-soft)}.sl-token-headline{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}.sl-token-title{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height)}.sl-token-body{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-token-shapes,.sl-component-row,.sl-control-label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--md-sys-spacing-3)}.sl-token-shapes span{padding:var(--md-sys-spacing-4);color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sl-token-shapes span:nth-child(1){border-radius:var(--md-sys-shape-corner-small)}.sl-token-shapes span:nth-child(2){border-radius:var(--md-sys-shape-corner-medium)}.sl-token-shapes span:nth-child(3){border-radius:var(--md-sys-shape-corner-large)}.sl-token-shapes span:nth-child(4){border-radius:var(--md-sys-shape-corner-extra-large)}.sl-preview-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--sl-component-preview-field-min-width),1fr));align-items:center;gap:var(--md-sys-spacing-4)}.sl-form-output{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);overflow-wrap:anywhere}.sl-m3-list{--md-list-container-color: transparent;--md-list-item-container-shape: var(--md-sys-shape-corner-medium);width:100%}.sl-menu-demo{position:relative;margin-top:var(--md-sys-spacing-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--md-sys-spacing-3)}.sl-m3-menu{--md-menu-container-color: var(--md-sys-color-surface-container);--md-menu-container-shape: var(--md-sys-shape-corner-small)}.sl-m3-chip-set{width:100%;display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.sl-adaptive-filter-chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-1);max-width:100%;min-width:0;min-height:var(--sl-component-chip-min-height);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-3);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface);font:inherit;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.sl-adaptive-filter-chip.selected{border-color:transparent;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sl-adaptive-filter-chip>span:first-child{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}.sl-adaptive-filter-chip:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset)}.sl-adaptive-filter-chip:disabled{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity)}.sl-adaptive-filter-chip.expanded{flex-basis:100%;width:100%;border-radius:var(--md-sys-shape-corner-large);white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}@media(max-width:599px){.sl-adaptive-filter-chip{flex:0 1 auto}.sl-adaptive-filter-chip.expanded{flex-basis:100%}}.sl-segmented-button{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--sl-component-segmented-min-width),1fr);max-width:100%}.sl-settings-density-controls{min-width:0;display:grid;gap:var(--md-sys-spacing-2)}.sl-settings-density-label,.sl-settings-density-range{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-2)}.sl-settings-density-label strong{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-title-medium-size)}.sl-settings-density-slider{width:100%;accent-color:var(--md-sys-color-primary);cursor:pointer}.sl-settings-density-range{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size)}@media(max-width:599px){.sl-settings-density-range{font-size:var(--md-sys-typescale-label-small-size)}}.sl-segmented-button>button{min-height:var(--sl-component-segmented-min-height);padding:0 var(--md-sys-spacing-4);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline);border-inline-end-width:0;color:var(--md-sys-color-on-surface);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-2);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:500;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-segmented-button>button:not(.selected):hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-segmented-button>button:not(.selected):focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity),transparent)}.sl-segmented-button>button:not(.selected):active{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity),transparent)}.sl-segmented-button>button:first-child{border-radius:var(--md-sys-shape-corner-full) 0 0 var(--md-sys-shape-corner-full)}.sl-segmented-button>button:last-child{border-inline-end-width:var(--md-sys-outline-width);border-radius:0 var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0}.sl-segmented-button>button.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.sl-segmented-button>button.selected:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-secondary-container))}.sl-segmented-button>button.selected:focus-visible,.sl-segmented-button>button.selected:active{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-secondary-container))}.sl-segmented-button>button:disabled{opacity:var(--md-sys-state-disabled-content-opacity)}.sl-adaptive-navigation,.sl-bottom-panel{position:fixed;left:0;bottom:0;width:100%;z-index:24;background:var(--md-sys-color-surface-container);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant)}.sl-adaptive-navigation{height:calc(var(--sl-component-navigation-bar-height) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(var(--sl-navigation-count),1fr);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3) max(var(--md-sys-spacing-3),env(safe-area-inset-bottom))}.sl-navigation-heading{display:none}.sl-adaptive-navigation>button{border-radius:var(--md-sys-shape-corner-full);color:var(--sl-muted);background:transparent;display:flex;flex-direction:column;gap:var(--md-sys-spacing-1);align-items:center;justify-content:center;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.sl-adaptive-navigation>button:not(.active):hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-hover-state-layer-opacity),transparent)}.sl-adaptive-navigation>button:not(.active):focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-focus-state-layer-opacity),transparent)}.sl-adaptive-navigation>button:not(.active):active{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--md-sys-state-pressed-state-layer-opacity),transparent)}.sl-adaptive-navigation>button.active{color:var(--sl-primary);background:var(--sl-primary-soft)}.sl-adaptive-navigation>button.active:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary-container) var(--md-sys-state-hover-state-layer-opacity),var(--md-sys-color-primary-container))}.sl-adaptive-navigation>button.active:focus-visible,.sl-adaptive-navigation>button.active:active{background:color-mix(in srgb,var(--md-sys-color-on-primary-container) var(--md-sys-state-focus-state-layer-opacity),var(--md-sys-color-primary-container))}.sl-adaptive-navigation>button:disabled{opacity:var(--md-sys-state-disabled-content-opacity)}.sl-geometric-symbol{width:var(--sl-component-geometric-mark-size);aspect-ratio:1;display:grid;place-items:center;border:var(--sl-component-geometric-line-width) solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:var(--md-sys-icon-size-hero)}.sl-geometric-accent{position:absolute;width:var(--sl-component-geometric-accent-size);aspect-ratio:1;border:var(--sl-component-geometric-line-width) solid currentColor}.sl-geometric-accent-square{top:15%;left:12%;color:var(--md-sys-color-tertiary);background:var(--md-sys-color-tertiary-container);transform:rotate(45deg)}.sl-geometric-accent-circle{right:10%;bottom:12%;color:var(--md-sys-color-secondary);background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full)}.sl-geometric-celebration{width:var(--sl-layout-celebration-mark-size);aspect-ratio:1;margin-inline:auto;position:relative;display:grid;place-items:center}.sl-geometric-celebration>.sl-geometric-symbol{width:75%}.sl-geometric-avatar{width:var(--sl-component-avatar-size);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);border:var(--sl-component-geometric-line-width) solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:var(--md-sys-icon-size-large)}.sl-geometric-avatar.small{width:var(--sl-component-avatar-small-size);font-size:var(--md-sys-icon-size-medium)}.sl-input{width:100%;min-height:var(--sl-component-field-min-height);border-radius:var(--sl-radius-md);border:var(--md-sys-outline-width) solid var(--sl-outline);background:var(--sl-surface);padding:var(--md-sys-spacing-4) var(--md-sys-spacing-4) var(--md-sys-spacing-2);outline:none;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.sl-field{position:relative}.sl-label{position:absolute;left:var(--md-sys-spacing-4);top:var(--sl-component-field-label-top);color:var(--sl-primary);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-progress{height:var(--sl-component-progress-track-height);border-radius:var(--md-sys-shape-corner-full);background:var(--sl-surface-mid);overflow:hidden}.sl-progress>span{display:block;height:100%;border-radius:inherit;background:var(--sl-primary)}.sl-reading{color:var(--sl-text);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:.01em}.sl-highlight{background:color-mix(in srgb,var(--md-sys-color-error-container) var(--sl-component-error-highlight-opacity),transparent);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-small);padding:0 var(--md-sys-spacing-1)}.sl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md-sys-spacing-2)}.sl-stat{background:var(--sl-surface-low);border-radius:var(--sl-radius-md);padding:var(--md-sys-spacing-3);text-align:center}.sl-stat strong{display:block;font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);color:var(--sl-primary)}.sl-stat span{color:var(--sl-muted);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:700}.sl-snackbar-stack{position:fixed;bottom:calc(var(--sl-component-snackbar-navigation-offset) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100vw - var(--md-sys-spacing-8)),var(--sl-component-snackbar-max-width));z-index:50;display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}@media(min-width:840px){.sl-snackbar-stack{bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom))}}.sl-snackbar{display:flex;align-items:center;gap:var(--md-sys-spacing-2);border-radius:var(--sl-radius-md);padding:var(--md-sys-spacing-3);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.sl-snackbar.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.sl-snackbar.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.sl-progress-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:var(--md-sys-spacing-1) 0;list-style:none}.sl-progress-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--md-sys-spacing-1);min-width:0;min-height:auto;padding-inline:var(--md-sys-spacing-1);text-align:center;color:var(--md-sys-color-on-surface-variant)}.sl-progress-step:not(:last-child):after{position:absolute;top:calc(var(--sl-component-stepper-indicator-size) / 2);right:0;left:50%;width:auto;height:var(--sl-component-stepper-line-width);background:var(--md-sys-color-outline-variant);content:""}.sl-progress-step.complete:not(:last-child):after{background:var(--md-sys-color-primary)}.sl-progress-step-indicator{z-index:1;display:grid;width:var(--sl-component-stepper-indicator-size);height:var(--sl-component-stepper-indicator-size);place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);font-weight:700}.sl-progress-step.complete .sl-progress-step-indicator,.sl-progress-step.current .sl-progress-step-indicator{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sl-progress-step.current{color:var(--md-sys-color-on-surface)}.sl-progress-step-copy{display:grid;justify-items:center;min-width:0;gap:calc(var(--md-sys-spacing-1) / 2)}.sl-progress-step-copy strong,.sl-progress-step-copy small{max-width:100%;overflow-wrap:anywhere;white-space:normal}.sl-progress-step-copy strong{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height)}.sl-progress-step-copy small{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.sl-data-table-container{max-width:100%;overflow-x:auto;border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);scrollbar-gutter:stable}.sl-data-table-container:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-medium)}.sl-data-table{width:100%;min-width:var(--sl-component-data-table-min-width);border-spacing:0;border-collapse:collapse;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size)}.sl-data-table caption{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-5) var(--md-sys-spacing-3);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium-size);font-weight:700;text-align:left}.sl-data-table th,.sl-data-table td{height:var(--sl-component-data-table-row-height);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-5);border-top:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);text-align:left;vertical-align:middle}.sl-data-table th{height:var(--sl-component-data-table-header-height);color:var(--md-sys-color-on-surface-variant);font-weight:600;white-space:nowrap}.sl-data-table .numeric{text-align:right}.sl-data-table th button{display:inline-flex;min-width:var(--sl-component-touch-target-size);min-height:var(--sl-component-touch-target-size);align-items:center;justify-content:flex-end;gap:var(--md-sys-spacing-1);margin:calc(-1 * var(--md-sys-spacing-2));padding:var(--md-sys-spacing-2);border-radius:var(--md-sys-shape-corner-full);background:transparent;color:inherit;font:inherit}.sl-data-table th button:hover{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sl-data-table th button:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:var(--md-sys-focus-ring-offset-compact)}.sl-data-table th button .material-symbols-outlined{font-size:var(--md-sys-icon-size-small)}.sl-data-table tbody tr:hover{background:color-mix(in srgb,var(--md-sys-color-primary) var(--md-sys-state-hover-state-layer-opacity),transparent)}@media(max-width:599px){.sl-student-welcome-mark{width:var(--sl-component-student-welcome-mark-size-compact)}.sl-homework-card{grid-template-columns:minmax(0,1fr) auto}.sl-homework-card-mark{display:none}.sl-homework-card-action{padding-inline:0}.sl-homework-card-action-label{display:none}.sl-assignment-hero,.sl-reading-panel,.sl-feedback-overview,.sl-feedback-card{padding:var(--md-sys-spacing-4)}.sl-assignment-hero{grid-template-columns:minmax(0,1fr) auto;gap:var(--md-sys-spacing-3)}.sl-assignment-hero-mark{width:var(--sl-component-assignment-hero-mark-size-compact)}.sl-assignment-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-medium)}.sl-reading-panel-heading{align-items:stretch;flex-direction:column}.sl-reading-tips{display:grid}.sl-recording-dock .sl-action-row{align-items:stretch;justify-content:center}.sl-recording-dock .sl-assignment-controls{justify-items:center}.sl-recording-dock .sl-recording-status{justify-content:center;text-align:center}.sl-recording-dock.compact .sl-assignment-controls{justify-items:stretch}.sl-recording-dock.compact .sl-recording-status{justify-content:flex-start;text-align:start}.sl-recording-privacy{flex-basis:100%;justify-content:center;text-align:center}.sl-vocabulary-overview-actions .sl-m3-button{width:100%}.sl-feedback-score{min-width:var(--sl-component-feedback-score-size-compact)}.sl-feedback-card-heading{grid-template-columns:auto minmax(0,1fr)}.sl-feedback-card-count{grid-column:2;justify-self:start}.sl-feedback-item-main{align-items:start}.sl-feedback-item-actions{justify-content:flex-end}.sl-records-hero,.sl-profile-hero,.sl-completion-card{padding:var(--md-sys-spacing-4)}.sl-records-hero-mark{width:var(--sl-component-records-hero-mark-size-compact)}.sl-records-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-medium)}.sl-record-card{grid-template-columns:minmax(0,1fr) auto}.sl-record-card-mark{display:none}.sl-record-card-score{min-width:0}.sl-profile-hero{align-items:flex-start}.sl-profile-metrics>div{min-height:auto}.sl-teacher-hero,.sl-class-detail-hero,.sl-dashboard-hero,.sl-dashboard-audio-card{padding:var(--md-sys-spacing-4)}.sl-teacher-hero,.sl-dashboard-hero{gap:var(--md-sys-spacing-3)}.sl-teacher-hero-mark{width:var(--sl-component-teacher-hero-mark-size-compact)}.sl-teacher-hero-mark .material-symbols-outlined,.sl-dashboard-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-medium)}.sl-class-detail-hero{grid-template-columns:1fr}.sl-class-invite{width:100%}.sl-teacher-class-card,.sl-teacher-assignment-card{grid-template-columns:minmax(0,1fr) auto}.sl-teacher-class-mark,.sl-teacher-assignment-mark{display:none}.sl-dashboard-hero-mark{width:var(--sl-component-teacher-hero-mark-size-compact)}.sl-dashboard-recording-row{grid-template-columns:minmax(0,1fr) auto}.sl-dashboard-recording-timeline{grid-column:1 / -1;grid-row:2}.sl-dashboard-metrics>div{min-height:auto;padding-inline:var(--md-sys-spacing-2)}.sl-dashboard-audio-row,.sl-state-message{align-items:stretch;flex-direction:column}.sl-assign-flow-hero,.sl-materials-hero,.sl-import-hero,.sl-material-detail-hero,.sl-teacher-profile-hero,.sl-notifications-hero,.sl-assign-stepper,.sl-assign-step-card,.sl-import-progress,.sl-import-upload,.sl-import-editor,.sl-import-text,.sl-material-editor,.sl-material-demo-audio{padding:var(--md-sys-spacing-4)}.sl-teacher-assign-flow>.sl-assign-flow-hero,.sl-teacher-assign-flow>.sl-assign-stepper{padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3)}.sl-teacher-assign-flow .sl-assign-flow-mark,.sl-teacher-assign-flow .sl-progress-step-copy small{display:none}.sl-material-demo-audio{grid-template-columns:auto minmax(0,1fr);align-items:start}.sl-material-demo-audio-actions{grid-column:1 / -1;justify-content:stretch}.sl-material-demo-audio-actions>.sl-m3-button{min-width:0}.sl-material-demo-audio-actions>.sl-audio-progress-control{display:grid;grid-template-columns:auto minmax(0,1fr)}.sl-material-demo-audio-actions>.sl-audio-progress-control>.sl-audio-progress-time{grid-column:2;min-width:0}.sl-assign-flow-mark,.sl-materials-hero-mark{width:var(--sl-component-materials-hero-mark-size-compact)}.sl-assign-flow-mark .material-symbols-outlined,.sl-materials-hero-mark .material-symbols-outlined{font-size:var(--md-sys-icon-size-medium)}.sl-assign-step-heading{align-items:start}.sl-assign-preview{padding:var(--md-sys-spacing-4)}.sl-material-search-row{width:100%}.sl-material-card-main{grid-template-columns:minmax(0,1fr)}.sl-material-card-mark{display:none}.sl-import-hero{grid-template-columns:auto minmax(0,1fr)}.sl-import-hero>.sl-chip{grid-column:2;justify-self:start}.sl-import-step-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.sl-import-step-grid>.sl-import-upload,.sl-import-step-grid>.sl-import-editor{width:100%;min-width:0;grid-column:1}.sl-import-step-grid>.sl-import-text{width:100%;min-width:0;grid-column:1}.sl-import-file{grid-template-columns:auto minmax(0,1fr)}.sl-import-file>.sl-chip{grid-column:2;justify-self:start}.sl-import-upload-actions{align-items:center;flex-direction:row;gap:var(--md-sys-spacing-2)}.sl-material-detail-hero{align-items:flex-start;flex-direction:column}.sl-material-detail-actions{align-items:stretch;flex-direction:row}.sl-teacher-profile-hero{align-items:flex-start}.sl-teacher-profile-metrics>*{min-height:auto;padding-inline:var(--md-sys-spacing-2)}.sl-parent-hero,.sl-settings-hero,.sl-parent-weekly,.sl-parent-feedback,.sl-permission-card,.sl-system-states-hero,.sl-system-state-card{padding:var(--md-sys-spacing-4)}.sl-parent-hero{display:grid;grid-template-columns:auto minmax(0,1fr)}.sl-parent-hero>.sl-chip{grid-column:2;justify-self:start}.sl-parent-metrics>div{min-height:auto;padding-inline:var(--md-sys-spacing-2)}.sl-settings-danger{align-items:stretch;flex-direction:column}.sl-settings-appearance,.sl-permission-guide-grid{grid-template-columns:1fr}.sl-data-table{min-width:var(--sl-component-data-table-compact-min-width)}.sl-data-table caption{padding-inline:var(--md-sys-spacing-4)}.sl-data-table th,.sl-data-table td{padding-inline:var(--md-sys-spacing-3)}}@media(min-width:600px){.sl-assign-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-schedule-fieldset,.sl-schedule-summary,.sl-schedule-date-time{grid-column:1 / -1}.sl-progress-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}.sl-progress-step{min-height:auto}}.sl-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md-sys-spacing-3)}.sl-list-row{display:flex;align-items:center;gap:var(--md-sys-spacing-3)}.sl-error-box{color:var(--md-sys-color-on-error-container);background:var(--sl-error-soft);border:var(--md-sys-outline-width) solid color-mix(in srgb,var(--md-sys-color-error) var(--sl-component-error-outline-opacity),transparent);border-radius:var(--sl-radius-md);padding:var(--md-sys-spacing-3);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height)}@media(min-width:600px){.sl-main{width:min(100%,var(--sl-layout-content-max-medium));padding:calc(var(--sl-layout-content-top-wide) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-6) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-12) + env(safe-area-inset-bottom)) calc(var(--sl-layout-content-left-medium) + env(safe-area-inset-left))}.sl-header{height:calc(var(--sl-layout-header-height-wide) + env(safe-area-inset-top));padding-inline:calc(var(--md-sys-spacing-8) + env(safe-area-inset-left)) calc(var(--md-sys-spacing-8) + env(safe-area-inset-right))}.sl-adaptive-navigation{top:calc(var(--sl-layout-header-height-wide) + env(safe-area-inset-top));bottom:0;width:calc(var(--sl-component-navigation-rail-width) + env(safe-area-inset-left));height:auto;grid-template-columns:1fr;grid-auto-rows:minmax(var(--sl-component-navigation-rail-item-min-height),auto);align-content:start;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-2) calc(var(--md-sys-spacing-4) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-2) + env(safe-area-inset-left));border-top:0;border-right:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);box-shadow:none}.sl-assign-actions{right:calc(var(--md-sys-spacing-6) + env(safe-area-inset-right));bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom));left:auto;width:max-content;max-width:calc(100vw - var(--md-sys-spacing-12));justify-content:flex-end}.sl-bottom-panel.sl-demo-recording-controls:not(.sl-teacher-demo-recording-controls){right:calc(var(--md-sys-spacing-6) + env(safe-area-inset-right));bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom));left:auto;width:max-content;max-width:calc(100vw - var(--md-sys-spacing-12));grid-template-columns:repeat(3,auto);margin:0;transform:none;border-radius:var(--md-sys-shape-corner-extra-large)}.sl-bottom-panel.sl-demo-recording-controls:not(.sl-teacher-demo-recording-controls)>.sl-m3-button,.sl-bottom-panel.sl-demo-recording-controls:not(.sl-teacher-demo-recording-controls) .sl-demo-recording-hold-control,.sl-bottom-panel.sl-demo-recording-controls:not(.sl-teacher-demo-recording-controls) .sl-demo-recording-hold-control>.sl-m3-button{width:auto}.sl-teacher-create-floating{right:calc(var(--md-sys-spacing-6) + env(safe-area-inset-right));bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom));left:auto;transform:none}.sl-adaptive-navigation>button{min-height:var(--sl-component-navigation-rail-item-min-height);border-radius:var(--md-sys-shape-corner-large)}.sl-snackbar-stack{bottom:calc(var(--md-sys-spacing-6) + env(safe-area-inset-bottom))}}@media(min-width:840px){.sl-main{width:min(100%,var(--sl-layout-content-max-expanded));padding:calc(var(--sl-layout-content-top-wide) + env(safe-area-inset-top)) calc(var(--md-sys-spacing-8) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-12) + env(safe-area-inset-bottom)) calc(var(--sl-layout-content-left-expanded) + env(safe-area-inset-left))}.sl-bottom-panel{left:50%;width:min(calc(100vw - var(--sl-layout-bottom-panel-horizontal-inset)),var(--sl-layout-bottom-panel-max-width));transform:translate(-50%);border:var(--md-sys-outline-width) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0}.sl-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-teacher-dashboard{grid-template-columns:minmax(var(--sl-layout-dashboard-student-pane-min-width),.72fr) minmax(0,2fr);align-items:start}.sl-dashboard-student-pane{position:sticky;top:calc(var(--sl-layout-header-height-wide) + var(--md-sys-spacing-4));max-height:calc(100dvh - var(--sl-layout-header-height-wide) - var(--md-sys-spacing-8));overflow-y:auto}.sl-dashboard-analysis-pane>.sl-dashboard-audio-card,.sl-dashboard-analysis-pane>.sl-dashboard-recordings-card{grid-column:span 2}.sl-dashboard-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.sl-teacher-class-grid,.sl-assign-material-grid,.sl-material-grid,.sl-parent-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-parent-hero,.sl-parent-metrics{grid-column:1 / -1}.sl-system-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-main:has(.sl-adaptive-navigation.drawer-expanded){width:min(100%,var(--sl-layout-content-max-drawer));padding-left:calc(var(--sl-layout-content-left-drawer) + env(safe-area-inset-left))}.sl-adaptive-navigation.drawer-expanded{width:calc(var(--sl-layout-drawer-width) + env(safe-area-inset-left));grid-auto-rows:minmax(var(--sl-component-drawer-row-height),auto);gap:var(--md-sys-spacing-1);padding:var(--md-sys-spacing-6) var(--md-sys-spacing-3);background:var(--md-sys-color-surface-container-low)}.sl-adaptive-navigation.drawer-expanded .sl-navigation-heading{display:block;min-height:var(--sl-component-drawer-heading-height);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4) var(--md-sys-spacing-4);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-title-medium-size)}.sl-adaptive-navigation.drawer-expanded>button{min-height:var(--sl-component-navigation-item-min-height);flex-direction:row;justify-content:flex-start;gap:var(--md-sys-spacing-3);padding-inline:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-large-size)}}.sl-bottom-panel{padding:var(--md-sys-spacing-4) calc(var(--md-sys-spacing-4) + env(safe-area-inset-right)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-bottom)) calc(var(--md-sys-spacing-4) + env(safe-area-inset-left))}@media(orientation:landscape)and (max-height:499px){.sl-adaptive-navigation{overflow-y:auto;overscroll-behavior:contain}.sl-adaptive-navigation>button{min-height:var(--sl-component-navigation-item-min-height)}}.sl-state-page,.sl-fatal-error{min-height:70vh;place-content:center;justify-items:center;text-align:center}.sl-fatal-error{display:grid;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-8)}.sl-fatal-error>.material-symbols-outlined{color:var(--md-sys-color-error);font-size:var(--md-sys-icon-size-large)}@media(max-width:599px){.sl-teacher-class-members-page .sl-class-member-list{grid-template-columns:minmax(0,1fr)}.sl-teacher-class-members-page .sl-class-member-list>li{min-height:var(--sl-component-list-row-min-height);grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:"avatar name action";align-items:center;gap:var(--md-sys-spacing-3)}.sl-teacher-class-members-page .sl-class-member-mark{justify-self:start}.sl-teacher-dashboard{grid-template-columns:minmax(0,1fr);gap:var(--md-sys-spacing-4)}.sl-teacher-dashboard>.sl-dashboard-analysis-pane{display:contents}.sl-teacher-dashboard>.sl-dashboard-analysis-pane>.sl-dashboard-hero{order:1}.sl-teacher-dashboard>.sl-dashboard-analysis-pane>.sl-dashboard-date-filter{order:2}.sl-teacher-dashboard>.sl-dashboard-analysis-pane>.sl-dashboard-metrics{order:3}.sl-teacher-dashboard>.sl-dashboard-student-pane{order:4;width:100%;min-width:0;box-sizing:border-box;padding:var(--md-sys-spacing-3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--md-sys-spacing-2)}.sl-teacher-dashboard>.sl-dashboard-analysis-pane>section{order:5}.sl-teacher-dashboard .sl-dashboard-student-pane>.sl-dashboard-section-heading{grid-column:1 / -1}.sl-teacher-dashboard .sl-dashboard-student-group{min-width:0;align-self:start;max-height:clamp(8rem,28dvh,16rem);overflow-y:auto;overscroll-behavior:contain;padding:0;border:0;border-radius:0;background:transparent}.sl-teacher-dashboard .sl-dashboard-student-group>h3{position:sticky;top:0;z-index:1;margin:0 0 var(--md-sys-spacing-2);padding:var(--md-sys-spacing-2);background:var(--md-sys-color-surface)}.sl-teacher-dashboard .sl-dashboard-student-summary-list{padding:0;border:0;border-radius:0;background:transparent}.sl-teacher-dashboard .sl-dashboard-student-summary-list .sl-profile-row{min-width:0;padding-block:var(--md-sys-spacing-1);display:block;overflow-wrap:anywhere}.sl-teacher-dashboard .sl-dashboard-student-summary-metrics,.sl-teacher-dashboard .sl-dashboard-student-summary-list small{display:none}.sl-teacher-dashboard .sl-dashboard-student-summary-heading{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--md-sys-spacing-1)}.sl-teacher-dashboard .sl-dashboard-student-summary-heading strong{min-width:0;overflow-wrap:anywhere;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height)}.sl-audio-progress-control{width:100%;min-width:0}.sl-audio-progress-control>.sl-m3-button{flex:0 0 auto}}