.student-launch-dialog{border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);width:min(580px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--color-text);box-shadow:0 24px 80px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);padding:0;font-family:system-ui,sans-serif;overflow:hidden}.student-launch-dialog[open]{flex-direction:column;display:flex}.student-launch-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 36%,transparent)}.student-launch-header{padding:var(--space-card) var(--space-card) var(--space-card);flex:none;position:relative}.student-launch-header h2{margin:0 var(--space-card) var(--space-card) 0;font-size:var(--font-size-24);letter-spacing:-.025em;line-height:1.3}.student-launch-close{width:var(--size-control-compact);height:var(--size-control-compact);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:22px;right:20px}.student-launch-close:hover{background:var(--color-surface-hover)}.student-launch-lesson{align-items:center;gap:var(--space-section);padding:var(--space-card);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:flex}.student-launch-lesson>svg{color:var(--color-link);flex:none}.student-launch-lesson strong{font-size:var(--font-size-16);overflow-wrap:anywhere;display:block}.student-launch-lesson small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);display:block}.student-launch-tools{padding:0 var(--space-card) var(--space-3);flex:none}.student-launch-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-subtle);border-radius:var(--radius-card);margin-bottom:var(--space-card);display:flex}.student-launch-tabs button{min-width:0;min-height:var(--size-control);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-14);cursor:pointer;background:0 0;border:0;flex:1}.student-launch-tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 8%,transparent)}.student-launch-tabs button:disabled{cursor:default}.student-launch-tabs button span{font-size:var(--font-size-12);padding:var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);margin-left:var(--space-1);display:inline-block}.student-launch-search{align-items:center;gap:var(--space-3);padding:0 var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-muted);display:flex}.student-launch-search input{width:100%;min-width:0;min-height:var(--size-control);color:var(--color-text);font:inherit;font-size:var(--font-size-14);background:0 0;border:0;outline:none;flex:1}.student-launch-search input::placeholder{color:var(--color-text-muted)}.student-launch-search:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.student-launch-list{padding:0 var(--space-card) var(--space-card);gap:var(--space-list);min-height:0;display:grid;overflow-y:auto}.student-launch-row{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;display:flex}.student-launch-row:hover{background:var(--color-surface-hover)}.student-launch-row.selected{background:var(--color-surface-selected);border-color:var(--color-focus)}.student-launch-avatar{width:var(--size-avatar-list);height:var(--size-avatar-list);border-radius:var(--radius-card);background:var(--color-surface-subtle);color:var(--color-link);flex:none;place-items:center;font-weight:600;display:grid}.student-launch-person{flex:1;min-width:0}.student-launch-person strong{font-size:var(--font-size-15);overflow-wrap:anywhere;display:block}.student-launch-person small{margin-top:var(--space-2);font-size:var(--font-size-13);color:var(--color-text-muted);display:block}.student-launch-row input{width:18px;height:18px;accent-color:var(--color-accent);flex:none;margin:0}.student-launch-footer{padding:var(--space-card) var(--space-card) var(--space-card);border-top:1px solid var(--color-border);background:var(--color-surface);flex:none}.student-launch-selection{font-size:var(--font-size-13);color:var(--color-text-muted);overflow-wrap:anywhere;margin-bottom:var(--space-card)}.student-launch-actions{align-items:center;gap:var(--space-inline);flex-wrap:wrap;display:flex}.student-launch-actions>.button.primary{margin-left:auto}.student-launch-dialog .button{min-height:var(--size-control);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-dialog);border-radius:var(--radius-control);font-size:var(--font-size-14);display:inline-flex}.student-launch-add,.student-launch-back{align-items:center;gap:var(--space-2);color:var(--color-link);padding:var(--space-2) 0;font:inherit;font-size:var(--font-size-13);cursor:pointer;background:0 0;border:0;display:inline-flex}.student-launch-hint{font-size:var(--font-size-13);margin:0 0 var(--space-card);line-height:1.5}.student-launch-empty{padding:var(--space-card) 0;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:1.5}.student-launch-create{padding:0 var(--space-card) var(--space-card);overflow-y:auto}.student-launch-create footer{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-card);display:flex}.student-launch-dialog button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.student-launch-row:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=600px){.student-launch-header{padding:var(--space-card) var(--space-card) var(--space-card)}.student-launch-tools,.student-launch-list{padding-left:var(--space-card);padding-right:var(--space-card)}.student-launch-footer{padding:var(--space-card) var(--space-card) var(--space-card)}.student-launch-header h2{font-size:var(--font-size-24)}.student-launch-tabs button{padding:var(--space-2) var(--space-1);font-size:var(--font-size-13)}.student-launch-tabs button span{width:fit-content;margin:var(--space-1) auto 0;display:block}.student-launch-actions>.student-launch-add{flex-basis:100%;order:3}.student-launch-dialog .button{min-height:var(--size-control)}}.block-menu-popover.exercise-action-menu{box-sizing:border-box;width:max-content;padding:var(--space-3);border-radius:var(--radius-card);z-index:20;gap:var(--space-1);box-shadow:0 12px 36px color-mix(in srgb,var(--color-shadow-color) 10.98%,transparent)}.exercise-action-menu button{align-items:center;gap:var(--space-3);min-height:var(--size-control);padding:var(--space-3) var(--space-3);font-size:var(--font-size-14);cursor:pointer;width:100%;line-height:1.4;display:flex}.exercise-action-menu button svg{color:var(--color-text-muted);flex:none}.exercise-action-menu button:disabled{opacity:.45;cursor:default}.exercise-action-menu button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.exercise-action-menu hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-2) var(--space-1)}.exercise-action-menu .exercise-action-visibility{background:var(--color-surface);border-radius:var(--radius-control);min-height:64px}.exercise-action-visibility span{text-align:left}.exercise-action-visibility small{color:var(--color-text);font-size:var(--font-size-12);margin-top:var(--space-1);display:block}.exercise-action-order{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1);display:flex}.exercise-action-order>span{color:var(--color-text);font-size:var(--font-size-13);margin-right:var(--space-2)}.exercise-action-menu .exercise-action-order button{background:var(--color-surface);padding:var(--space-2);justify-content:center;gap:var(--space-2);flex:1}.exercise-action-transfer{position:relative}.exercise-action-chevron{margin-left:auto}.exercise-action-submenu{width:260px;max-height:340px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 12px 36px color-mix(in srgb,var(--color-shadow-color) 10.98%,transparent);z-index:21;position:absolute;top:0;overflow-y:auto}.exercise-action-submenu.right{left:calc(100% + 8px)}.exercise-action-submenu.left{right:calc(100% + 8px)}.exercise-action-caption{color:var(--color-text);font-size:var(--font-size-13);padding:var(--space-2) var(--space-3);display:block}.exercise-action-submenu button span{overflow-wrap:anywhere;text-align:left}.exercise-action-menu .exercise-action-delete,.exercise-action-menu .exercise-action-delete svg{color:var(--color-danger)}.exercise-action-position{padding:var(--space-2) var(--space-3);font-size:var(--font-size-13);color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.exercise-action-position select{width:70px}.lesson-block-toolbar:has(.exercise-action-menu){z-index:30}.exercise-action-menu button:not(:disabled):hover,.exercise-action-menu button[aria-expanded=true]{background:var(--color-surface-hover);color:var(--color-text)}.exercise-action-menu button:not(:disabled):hover svg,.exercise-action-menu button[aria-expanded=true] svg{color:var(--color-link)}.exercise-action-menu button:not(:disabled):active{background:var(--color-surface-selected)}.exercise-action-menu button:disabled:hover{background:0 0}.exercise-action-menu .exercise-action-delete:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-danger)}.exercise-action-menu .exercise-action-delete:not(:disabled):hover svg{color:var(--color-danger)}.exercise-position-submenu{flex-direction:column;width:320px;max-height:min(540px,65vh);display:flex;overflow:visible}.exercise-position-help{font-size:var(--font-size-12);color:var(--color-text);padding:0 var(--space-3) var(--space-3)}.exercise-position-list{min-height:0;max-height:350px;overflow:auto}.exercise-position-row{align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--font-size-13);border-radius:var(--radius-small);overflow-wrap:anywhere;display:flex}.exercise-position-row.current{background:var(--color-surface);color:var(--color-link)}.exercise-position-number{color:var(--color-text);flex:none;min-width:24px}.exercise-position-row small{font-size:var(--font-size-12);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-card);flex:none;margin-left:auto}.exercise-action-menu .exercise-position-insert{min-height:28px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-12);color:var(--color-link);border-top:1px solid var(--color-border);border-radius:0;justify-content:center}.exercise-position-shortcuts{gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-2);display:flex}.exercise-position-shortcuts button{background:var(--color-surface);justify-content:center}.exercise-action-menu .exercise-position-row{gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-3);text-align:left;flex-wrap:nowrap;width:100%}.exercise-position-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.exercise-action-menu .exercise-position-row.current:disabled{opacity:1;background:var(--color-surface);color:var(--color-link)}.exercise-position-submenu{width:340px;max-height:min(430px,65vh);top:0}.exercise-position-list{max-height:280px}.exercise-position-number{text-align:left;min-width:32px}.exercise-position-submenu{width:300px}.exercise-action-quick{justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-1);display:flex}.exercise-action-menu .exercise-action-quick button{width:44px;height:var(--size-control);min-height:var(--size-control);background:var(--color-surface);border-radius:var(--radius-control);justify-content:center;padding:0}.exercise-action-menu .exercise-action-quick button:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-link)}.exercise-action-menu .exercise-action-quick button:disabled{background:var(--color-surface)}.exercise-action-quick{grid-template-columns:repeat(4,var(--size-control-touch));gap:var(--space-2);padding:var(--space-1) var(--space-1);display:grid}.exercise-action-menu .exercise-action-quick button{width:100%;height:var(--size-control)}.exercise-action-submenu button small{font-size:var(--font-size-12);color:var(--color-text-muted);margin-top:var(--space-1);text-align:left;display:block}@media (width<=760px),(height<=850px){.block-menu-popover.exercise-action-menu{width:max-content;max-width:calc(100vw - 32px);max-height:75dvh;overflow-y:auto}.exercise-action-submenu.right,.exercise-action-submenu.left{box-sizing:border-box;width:100%;max-height:240px;margin-block:var(--space-inline);position:static}}.lp-audio-player{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;color:var(--color-text);border-radius:16px;padding:16px}.lp-audio-controls{align-items:center;gap:12px;display:flex}.lp-audio-controls strong{flex:1}.lp-audio-controls span{font-variant-numeric:tabular-nums;font-size:12px}.lp-audio-play{background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px}.lp-audio-player input[type=range]{width:100%;accent-color:var(--color-link);margin:12px 0}.lp-audio-active{margin:8px 0;font-size:18px}.lp-audio-transcript summary{cursor:pointer}.lp-audio-transcript button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 3px}.lp-audio-transcript .is-current{color:var(--color-link);background:var(--color-surface-subtle)}.lp-audio-hint{color:var(--color-text-muted);font-size:12px}.lp-audio-player button:active{transform:scale(.97)}.lp-audio-player button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.lp-audio-player button:active{transform:none}}.lp-audio-mark-tools{white-space:nowrap;opacity:.7;font-size:12px}.lp-audio-transcript .lp-audio-text-marker{color:var(--color-link);background:var(--color-surface-subtle);padding:3px 5px}.lp-audio-transcript .is-outside{opacity:.45}.lp-audio-marker-actions{gap:12px;display:flex}.lp-audio-marker-actions button,.lp-audio-marker-row button{font:inherit;color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:4px}.lp-audio-marker-editor{margin-top:8px;font-size:12px}.lp-audio-marker-row{grid-template-columns:24px 85px 1fr 28px;gap:6px;margin-top:6px;display:grid}.lp-audio-marker-row input{border:1px solid var(--color-border);border-radius:5px;min-width:0;padding:5px}.lp-audio-active{font-size:15px}.lp-audio-play{width:36px;height:36px}.lp-audio-controls strong{font-size:13px}.lp-audio-player input[type=range]{margin:8px 0}.lp-audio-transcript{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:auto;border-top:1px solid var(--color-border);max-height:clamp(160px,34dvh,320px);margin-top:10px;padding-top:8px;font-size:14px;line-height:1.7;position:relative;overflow:auto}.lp-audio-transcript>summary{z-index:5;background:var(--color-surface);padding:6px 0;font-size:13px;font-weight:600;position:sticky;top:-8px}.lp-audio-follow-control{z-index:5;background:var(--color-surface);min-height:24px;color:var(--color-text-muted);justify-content:flex-end;font-size:11px;display:flex;position:sticky;top:25px}.lp-audio-follow-control button{color:var(--color-link);border:1px solid var(--color-border);background:var(--color-surface);padding:4px 8px;font-size:12px}.lp-audio-transcript>.lp-audio-cue{margin:10px 0}.lp-audio-active .is-current{color:var(--color-link);background:var(--color-surface-selected);border-radius:4px;padding:2px 3px}.lp-audio-controls{flex-wrap:wrap}.lp-audio-controls strong{min-width:80px}.lp-audio-controls span{white-space:nowrap}.lp-audio-floating{z-index:10000;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:min(430px,100vw - 32px);box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent);color:var(--color-text);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font:14px/1.4 Ubuntu,system-ui,sans-serif;display:flex;position:fixed;bottom:18px;right:24px}.lp-audio-floating[data-modal=true]{bottom:100px}.lp-audio-floating>div{flex:1;gap:3px;min-width:0;display:grid}.lp-audio-floating strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lp-audio-floating span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.lp-audio-floating>button:not(.lp-audio-play){color:var(--color-link);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:6px;font-size:12px}.lp-audio-floating button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=600px){.lp-audio-floating{gap:9px;right:16px}.lp-audio-floating[data-modal=true]{bottom:88px}.lp-audio-transcript{max-height:30dvh}.lp-audio-controls{gap:8px}.lp-audio-controls strong{flex-basis:calc(100% - 50px)}.lp-audio-floating:not([data-modal=true]){bottom:calc(76px + env(safe-area-inset-bottom))}}.lp-audio-player{scroll-margin-block:80px}.lp-audio-transcript .lp-audio-text-marker{color:var(--color-warning);background:var(--color-surface-subtle)}.lp-audio-marker-actions button,.lp-audio-marker-row button{color:var(--color-warning)}.teacher-editor-card [data-audio-role=teacher]{pointer-events:auto}.lp-audio-controls .audio-disclosure{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);font:inherit;cursor:pointer;border-radius:8px;padding:6px 9px;font-size:12px}.lp-audio-controls .audio-disclosure[aria-pressed=true]{background:var(--color-surface-selected)}[data-audio-role=student] .lp-audio-transcript button:disabled{opacity:1;cursor:text}.lp-audio-controls .lp-audio-status-icon{color:var(--color-on-accent);flex:none;place-items:center;font-size:14px;display:grid}.lp-audio-controls .lp-audio-rate{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);text-align:center;border-radius:7px;min-width:42px;padding:5px 10px}[data-audio-role=student] input[type=range]:disabled{opacity:1;cursor:default}[data-audio-role=student] input[type=range]{appearance:none;background:linear-gradient(to right,var(--color-accent) var(--audio-progress,0%),var(--color-surface-input) var(--audio-progress,0%));border:1px solid var(--color-border);border-radius:4px;height:6px}[data-audio-role=student] input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border-radius:50%;width:14px;height:14px}[data-audio-role=student] input[type=range]::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:14px;height:14px}.lp-audio-volume{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.lp-audio-controls .lp-audio-volume input[type=range]{appearance:auto;background:initial;border:0;width:70px;margin:0}.lp-audio-controls .lp-audio-volume input[type=range]::-webkit-slider-thumb{appearance:auto}.lesson-media[data-media-kind=audio]{box-sizing:border-box;justify-items:stretch;width:100%}.lesson-media[data-media-kind=audio]>.lp-audio-player,.lesson-media[data-media-kind=audio]>[data-audio-role]{box-sizing:border-box;width:100%;min-width:0}.lp-audio-player{box-sizing:border-box;width:100%}.lp-audio-transcript>summary{border:1px solid var(--color-border);background:var(--color-surface);width:fit-content;color:var(--color-link);border-radius:8px;padding:6px 12px;font-weight:500;line-height:1.5}.lp-audio-transcript>summary:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.lp-audio-transcript>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.audio-attached-memo{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13px}.audio-attached-memo>header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.audio-attached-memo>header>span{flex:1;font-weight:500}.audio-attached-memo small{color:var(--color-text-muted);font-size:11px}.audio-attached-memo .lesson-note{box-shadow:none;background:0 0;border:0;padding:0}.audio-attached-memo .public-block{pointer-events:auto}.audio-attached-memo p{margin:4px 0}.teacher-editor-card .lp-audio-player{pointer-events:auto}.teacher-editor-card .audio-exercise-insert{pointer-events:auto;margin:20px 0}.lesson-media:has(.audio-part-settings){position:relative}.audio-part-settings{z-index:6;pointer-events:auto;position:absolute;top:-22px;right:8px}.audio-part-settings summary{cursor:pointer;color:var(--color-text-muted);background:var(--color-surface);border-radius:6px;padding:3px 8px;list-style:none}.audio-part-settings summary::-webkit-details-marker{display:none}.audio-part-settings>div{background:var(--color-surface);border:1px solid var(--color-border);width:220px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 9.41%,transparent);border-radius:10px;padding:6px;position:absolute;top:100%;right:0}.audio-part-settings button{background:var(--color-surface);text-align:left;width:100%;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px;font-size:13px;display:block}.audio-part-settings button:hover{background:var(--color-surface-hover)}.lp-audio-transcript .lp-audio-cue.is-current{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:8px}.lp-audio-transcript .lp-audio-cue button[data-audio-start].is-current{color:var(--color-on-accent);background:var(--color-accent);box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent)}:root[data-ui-theme=dark] .lp-audio-player :is(.lp-audio-transcript>summary,.lp-audio-follow-control,.audio-part-settings summary,.audio-part-settings>div,.audio-part-settings button){background:var(--soft);color:var(--color-link);border-color:var(--line)}:root[data-ui-theme=dark] .lp-audio-player :is(.lp-audio-volume,.lp-audio-hint){color:var(--muted)}:root[data-ui-theme=dark] .lp-audio-player .lp-audio-transcript{border-color:var(--line)}:root[data-ui-theme=dark] .lp-audio-player .lp-audio-follow-control button,:root[data-ui-theme=dark] .lp-audio-player .lp-audio-transcript>summary button{background:var(--color-info-surface);color:var(--color-link);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .lp-audio-player input[type=range]{appearance:none;background:0 0}:root[data-ui-theme=dark] .lp-audio-player input[type=range]::-webkit-slider-runnable-track{background:var(--color-info-surface);border-radius:6px;height:6px}:root[data-ui-theme=dark] .lp-audio-player input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-focus);border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px}:root[data-ui-theme=dark] .lp-audio-player input[type=range]::-moz-range-track{background:var(--color-info-surface);border-radius:6px;height:6px}:root[data-ui-theme=dark] .lp-audio-player input[type=range]::-moz-range-thumb{background:var(--color-focus);border:0;border-radius:50%;width:16px;height:16px}.audio-workspace{color:var(--color-text);gap:18px;display:grid}.audio-topbar,.audio-section-heading,.audio-use-header,.audio-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-section-heading a,.audio-section-heading small{color:var(--color-text);font-size:12px}.audio-workbench{border:1px solid var(--color-border);border-radius:18px;grid-template-columns:230px minmax(0,1fr);display:grid;overflow:hidden}.audio-library{background:var(--color-surface);border-right:1px solid var(--color-border);padding:18px}.audio-file-list button{text-align:left;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:10px;gap:10px;padding:12px;display:flex}.audio-file-list button.is-selected{background:var(--color-surface-selected);border-color:var(--color-border)}.audio-file-list small{color:var(--color-text);margin-top:5px;font-size:11px;display:block}.audio-source-panel{min-width:0;padding:22px}.audio-waveform{background:var(--color-surface);height:114px;color:var(--color-text-muted);touch-action:none;cursor:crosshair;border-radius:10px;position:relative;overflow:visible}.audio-waveform svg{width:100%;height:100%}.audio-selection{border:2px solid var(--color-info-border);background:color-mix(in srgb,var(--color-accent) 13.33%,transparent);cursor:grab;touch-action:none;position:absolute;top:0;bottom:0}.audio-selection:active{cursor:grabbing}.audio-handle{background:var(--color-accent);cursor:ew-resize;touch-action:none;border:0;border-radius:5px;width:14px;position:absolute;top:27px;bottom:27px}.audio-handle:after{content:"";position:absolute;inset:-12px}.audio-handle.start{left:-8px}.audio-handle.end{right:-8px}.audio-ruler{color:var(--color-text);font-variant-numeric:tabular-nums;justify-content:space-between;margin:8px 0 16px;font-size:11px;display:flex}.audio-selection-fields{align-items:end;gap:12px;margin:12px 0;display:flex}.audio-selection-fields label{color:var(--color-text);gap:5px;font-size:12px;display:grid}.audio-selection-fields input{width:120px}.audio-help{color:var(--color-text);font-size:12px;line-height:1.6}.audio-empty{text-align:center;color:var(--color-text);padding:55px 20px}.audio-empty h3{font-size:18px}.audio-empty p{font-size:13px}.audio-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.audio-use{border:1px solid var(--color-border);border-radius:16px;margin:12px 0;padding:16px}.audio-use-header{margin-bottom:12px}.audio-use-header>.field{flex:1;min-width:80px}.audio-use-header>span{white-space:nowrap;font-size:12px}.audio-use-header>button,.audio-remove,.audio-caption-row>button{color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:8px}.audio-caption-row{grid-template-columns:90px 90px minmax(100px,1fr) 34px;gap:8px;margin-bottom:8px;display:grid}.audio-caption-row input{min-width:0}.audio-instruction{border-top:1px solid var(--color-border);padding:12px}.audio-instruction summary,.audio-library summary{cursor:pointer}.audio-workspace button:active{transform:scale(.98)}.audio-workspace button:focus-visible,.audio-selection:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (width<=760px){.audio-workbench{grid-template-columns:1fr}.audio-library{border-right:0;border-bottom:1px solid var(--color-border)}.audio-file-list{max-height:150px}.audio-use-header{flex-wrap:wrap}.audio-caption-row{grid-template-columns:75px 75px minmax(60px,1fr) 30px}.audio-selection-fields{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.audio-workspace *{scroll-behavior:auto;transition:none!important}.audio-workspace button:active{transform:none}}.audio-workspace{gap:12px}.audio-workbench{border:0;display:block;overflow:visible}.audio-library{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:12px}.audio-library>.button{width:auto}.audio-file-list{gap:8px;max-height:100px;margin:10px 0;display:flex;overflow:auto}.audio-file-list button{min-width:150px;max-width:260px;padding:8px 12px}.audio-library>.audio-help{margin:5px 0}.audio-section-heading{margin-bottom:8px}.audio-selected-source{margin-top:10px}.audio-selected-source .audio-actions{margin:8px 0;font-size:12px}.audio-uses .audio-use{margin:8px 0;padding:12px}.audio-use>.lp-audio-player{padding:10px}.audio-clip-dialog{border:1px solid var(--color-border);width:min(650px,100vw - 32px);max-height:85vh;box-shadow:0 22px 80px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);border-radius:18px;padding:0;overflow:auto}.audio-clip-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.audio-clip-dialog>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.audio-clip-dialog>header>button{cursor:pointer;background:0 0;border:0;font-size:22px}.audio-source-panel{padding:18px 20px}.audio-word-timings{margin-bottom:10px;font-size:12px}.audio-actions a{color:var(--color-link)}.audio-caption-editor{padding-top:12px}.audio-topbar{font-size:13px}.audio-topbar>.button{padding:7px 10px}.audio-use-header{flex-wrap:wrap}.audio-use-header>.field{flex:1}.audio-clip-dialog .audio-actions .primary,.audio-workspace .audio-library>.primary{background:var(--color-accent);border-color:var(--color-info-border)}.audio-library{flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.audio-library>.audio-section-heading{display:none}.audio-library>.button{flex:none}.audio-library .audio-file-list{flex:1;min-width:160px;margin:0}.audio-library .audio-file-list button{min-width:140px;padding:6px 10px}.audio-library .audio-file-list small{margin-top:2px;font-size:10px}.audio-library>details{font-size:12px}.audio-library>.audio-help{flex-basis:100%;margin:0;font-size:11px;line-height:1.3}.audio-selected-source>.lp-audio-player{padding:10px 12px}.audio-workspace .audio-topbar{margin:0}.audio-workspace .field-label{margin-bottom:0}.audio-workspace .lp-audio-player>.lp-audio-active{margin:4px 0}.audio-use-header>button{padding:5px;font-size:12px}.audio-uses>.audio-section-heading{margin:4px 0}.audio-file-list button.is-selected{border-color:var(--color-border)}.audio-workspace-v2{color:var(--color-text);gap:14px}.audio-workspace-v2 .audio-topbar{margin:4px 0 0}.audio-document-toolbar{align-items:center;gap:12px;display:flex}.audio-takes{flex:1;gap:4px;display:flex;overflow:auto}.audio-document-toolbar button,.audio-recording-heading button,.audio-link-input button{color:var(--color-text);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:8px 10px;font-size:12px}.audio-takes button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link);border-radius:8px}.audio-editing-surface{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:18px}.audio-recording-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.audio-workspace-v2 .audio-recording-heading .field{box-shadow:none;background:0 0;border:0;flex:1;min-width:0;min-height:0;padding:0;font-size:16px;font-weight:600}.audio-recording-heading span{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.audio-workspace-v2 .audio-waveform{background:var(--color-surface);height:90px;color:var(--color-text-muted);border-radius:9px}.audio-workspace-v2 .audio-selection{border-color:var(--color-info-border);background:color-mix(in srgb,var(--color-accent) 10.2%,transparent)}.audio-workspace-v2 .audio-handle{background:var(--color-accent)}.audio-workspace-v2 .audio-ruler{margin-bottom:8px}.audio-editing-surface>.lp-audio-player{background:0 0;border:0;border-radius:0;padding:0}.audio-workspace-v2 .lp-audio-play{background:var(--color-accent);flex:none;width:38px;height:38px}.audio-workspace-v2 .lp-audio-player input[type=range]{accent-color:var(--color-link)}.audio-workspace-v2 .lp-audio-controls strong{display:none}.audio-workspace-v2 .lp-audio-controls{justify-content:space-between}.audio-workspace-v2 .lp-audio-transcript{border-top:1px solid var(--color-border);max-height:280px;margin-top:16px;padding-top:14px;overflow:auto}.audio-workspace-v2 .lp-audio-transcript summary{color:var(--color-text);font-size:12px;font-weight:600}.audio-workspace-v2 .lp-audio-transcript .rich-document{color:var(--color-text);font-size:14px;line-height:1.7}.audio-workspace-v2 .lp-audio-hint{color:var(--color-text-muted);margin:8px 0;font-size:11px}.audio-workspace-v2 .lp-audio-marker-editor{border-top:1px solid var(--color-border);padding-top:10px}.audio-workspace-v2 .lp-audio-marker-actions button{color:var(--color-text);font-size:11px}.audio-text-settings,.audio-more-settings{color:var(--color-text);font-size:12px}.audio-text-settings summary,.audio-more-settings summary{cursor:pointer;padding:6px 0}.audio-text-settings-body{background:var(--color-surface);border-radius:10px;padding:14px}.audio-script-label{margin-bottom:8px;font-weight:600;display:block}.audio-link-input{gap:8px;margin:10px 0;display:flex}.audio-upload-empty{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:14px;justify-items:center;gap:14px;padding:35px;display:grid}.audio-upload-empty>span{color:var(--color-text-muted);font-size:26px}.audio-workspace-v2 .audio-more-settings .audio-file-list{max-height:120px}.audio-workspace-v2 .audio-clip-dialog .primary{background:var(--color-accent);border-color:var(--color-info-border)}.audio-workspace-v2 .button.primary{background:var(--color-accent)!important;border-color:var(--color-info-border)!important}.audio-workspace-v2 .audio-selection:focus-visible{outline-color:var(--color-focus)}.audio-workspace-v2 .audio-more-settings .rich-text-editor{margin-top:12px}@media (width<=650px){.audio-recording-heading{flex-wrap:wrap}.audio-recording-heading .field{flex-basis:100%!important}.audio-document-toolbar{flex-wrap:wrap;gap:4px}.audio-takes{flex-basis:100%}.audio-editing-surface{padding:12px}.audio-workspace-v2 .lp-audio-transcript{max-height:240px}}@media (width>=800px){.audio-editing-surface.has-transcript{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.audio-editing-surface.has-transcript .audio-recording-heading{grid-column:1/-1}.audio-editing-surface.has-transcript .audio-stage-wave{grid-area:2/1}.audio-editing-surface.has-transcript>.lp-audio-player{display:contents}.audio-editing-surface.has-transcript>.lp-audio-player>audio{display:none}.audio-editing-surface.has-transcript .lp-audio-controls{grid-area:3/1;margin-top:8px}.audio-editing-surface.has-transcript .lp-audio-player>input[type=range]{grid-area:4/1}.audio-editing-surface.has-transcript .lp-audio-transcript{border-top:0;border-left:1px solid var(--color-border);grid-area:2/2/6;max-height:300px;margin:0;padding:0 0 0 22px}.audio-editing-surface.has-transcript .lp-audio-marker-editor{grid-area:5/1}.audio-editing-surface.has-transcript .lp-audio-active,.audio-editing-surface.has-transcript .lp-audio-player>p{grid-column:1}.audio-workspace-v2 .audio-waveform{height:126px}}.audio-buffer-items{align-items:center;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}.audio-buffer-item{border:1px solid var(--color-border);background:var(--color-surface);cursor:grab;border-radius:9px;flex:none;align-items:center;gap:6px;max-width:260px;padding:5px 7px;display:flex}.audio-buffer-item:active{cursor:grabbing}.audio-buffer-item audio{display:none}.audio-buffer-play{background:var(--color-surface);width:28px;height:28px;color:var(--color-link);cursor:pointer;border:0;border-radius:50%;flex:none}.audio-buffer-assign{cursor:pointer;text-align:left;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:3px;font-size:12px;display:flex}.audio-buffer-assign span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.audio-buffer-assign small{white-space:nowrap;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:10px}.audio-buffer-grip{color:var(--color-text-muted);font-size:14px}.audio-buffer-error{color:var(--color-danger);font-size:11px}.audio-workspace-v2 .audio-drop-target{border:1px dashed var(--color-border);text-align:center;color:var(--color-text-muted);border-radius:10px;padding:10px;font-size:12px}.audio-workspace-v2 .audio-drop-target.is-dragging{background:var(--color-surface);border-color:var(--color-info-border);color:var(--color-link)}.audio-workspace-v2 .audio-drop-target:empty{border:0;height:0;padding:0}.audio-workspace-v2 .audio-drop-target.is-dragging{border:1px dashed var(--color-info-border);min-height:34px;padding:9px}.audio-workspace-v2 .audio-topbar{margin-top:0}.audio-transcript-status{background:var(--color-surface);border-radius:5px;padding:4px 7px;color:var(--color-success)!important;font-size:11px!important}.audio-workspace-v2 .audio-recording-heading{flex-wrap:wrap;gap:10px;margin-bottom:26px}.audio-workspace-v2 .audio-recognize-button{color:var(--color-link);font-size:12px}.audio-workspace-v2 .audio-recording-heading input{flex-basis:50%!important}.audio-playhead{background:var(--color-accent);z-index:3;pointer-events:none;width:2px;position:absolute;top:-8px;bottom:-6px}.audio-playhead>span{background:var(--color-accent);color:var(--color-on-accent);white-space:nowrap;border-radius:4px;padding:3px 5px;font-size:10px;position:absolute;top:-19px;left:50%;transform:translate(-50%)}.audio-workspace-v2 .lp-audio-controls span{margin-left:2px;margin-right:auto;font-size:13px}.lp-audio-controls select{border:1px solid var(--color-border);background:var(--color-surface-input);font:inherit;color:var(--color-text);border-radius:7px;padding:5px 7px;font-size:12px}.lp-audio-transcript button[data-audio-start]{-webkit-user-select:text;user-select:text;padding:2px 0;line-height:1.65}.lp-audio-transcript .is-selected-word{background:var(--color-surface-selected);color:var(--color-link)}.lp-audio-selection-menu{background:var(--color-surface);box-shadow:0 3px 14px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border:1px solid var(--color-border);z-index:4;border-radius:8px;gap:4px;width:max-content;max-width:100%;margin:5px 0 12px;padding:4px;display:flex;position:sticky;top:0}.lp-audio-selection-menu button{color:var(--color-link);white-space:nowrap;font-size:12px;padding:6px 8px!important}.audio-workspace-v2 .lp-audio-transcript>div{margin-bottom:8px;font-size:14px;line-height:1.9}.audio-workspace-v2 .lp-audio-transcript .is-current{background:0 0}.audio-workspace-v2 .lp-audio-transcript button.is-current{background:var(--color-surface);color:var(--color-link);border-radius:3px;font-weight:600}.audio-workspace-v2 .lp-audio-hint{line-height:1.5}.audio-workspace-v2 .audio-takes{gap:8px}.audio-workspace-v2 .audio-takes button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;font-size:11px}.audio-workspace-v2 .audio-takes button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-border)}@media (width<=650px){.audio-workspace-v2 .audio-recording-heading input{flex-basis:100%!important}.lp-audio-selection-menu button{font-size:11px;padding:5px!important}}.exercise-native-dialog:has(.audio-workspace-v2) .exercise-metadata-fields{gap:10px;margin-bottom:8px}.audio-workspace-v2{gap:10px}.audio-workspace-v2 .audio-recording-heading{margin-bottom:24px}.audio-workspace-v2 .audio-editing-surface{padding:16px}.audio-workspace-v2 .audio-takes button{padding:7px 10px}.audio-workspace-v2 .audio-drop-target:empty:not(.is-dragging){display:none}.exercise-native-dialog:has(.audio-workspace-v2) .exercise-metadata-fields{margin-bottom:0;padding:0}.audio-workspace-v2 .audio-topbar>.button{min-height:28px;padding:5px 10px}.audio-editing-surface.has-transcript .lp-audio-active{display:none}@media (width>=800px){.audio-editing-surface.has-transcript .lp-audio-transcript{max-height:230px}}.audio-inline-range{color:var(--color-text);align-items:center;gap:12px;margin:10px 0 2px;font-size:12px;display:flex}.audio-inline-range label{align-items:center;gap:6px;display:flex}.audio-inline-range input{border:1px solid var(--color-border);width:78px;font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 6px}.audio-inline-range button{color:var(--color-link);cursor:pointer;font:inherit;background:0 0;border:0}@media (width>=800px){.audio-workspace-v2 .audio-waveform{height:106px}}.audio-workspace-v2 .lp-audio-transcript>.lp-audio-selection-menu{box-sizing:border-box;height:36px;margin:0 0 -36px;top:36px;transform:translateY(-36px)}.audio-workspace-v2 .lp-audio-transcript>summary,.audio-workspace-v2 .lp-audio-follow-control{background:var(--color-surface)}.audio-workspace-v2 .lp-audio-transcript>.lp-audio-follow-control{margin:0}.audio-workspace-v2 .lp-audio-transcript{max-height:clamp(160px,30dvh,260px)}@media (width>=800px){.audio-editing-surface.has-transcript .lp-audio-transcript{max-height:clamp(160px,30dvh,260px)}}.audio-split-launch,.audio-parts-heading,.audio-parts-apply{border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:16px;display:flex}.audio-split-launch p,.audio-parts-heading p{color:var(--color-text);margin:4px 0 0;font-size:14px}.audio-parts-editor button:not(.button):not(.lp-audio-play){font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.audio-parts-editor .audio-waveform{pointer-events:none}.audio-parts-editor .audio-selection{display:none}.audio-parts-wave{margin:18px 0 24px;padding-bottom:30px;position:relative}.audio-parts-band{height:28px;position:absolute;bottom:0;left:0;right:0}.audio-parts-band>button{white-space:nowrap;height:28px;position:absolute;overflow:hidden;background:var(--color-surface)!important;border-right:2px solid var(--color-border)!important;font-size:12px!important}.audio-parts-band>button:nth-child(2n){background:var(--color-surface)!important}.audio-parts-band>button[aria-pressed=true]{box-shadow:inset 0 -3px var(--color-shadow-color)}.audio-parts-editor .audio-part-boundary{z-index:3;touch-action:none;width:18px;color:var(--color-link);position:absolute;top:0;bottom:0;transform:translate(-50%);border-left:2px solid var(--color-info-border)!important;background:color-mix(in srgb,var(--color-surface) 60%,transparent)!important;font-weight:700!important}.audio-parts-list{gap:14px;display:grid}.audio-text-part{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.audio-text-part.is-selected{border-color:var(--color-info-border)}.audio-text-part>header{background:var(--color-surface);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.audio-text-part>header>button{text-align:left}.audio-text-part>header span{color:var(--color-text);margin-left:8px;font-size:13px}.audio-text-part>header>div{align-items:center;gap:12px;display:flex}.audio-text-part .lp-audio-player{max-width:300px;margin:0;padding:8px}.audio-text-part .lp-audio-player strong,.audio-text-part .lp-audio-player select{display:none}.audio-part-text{overscroll-behavior:contain;max-height:240px;padding:16px;font-size:16px;line-height:1.85;overflow:auto}.audio-part-text button{border-radius:4px;padding:1px 2px}.audio-part-text button:hover,.audio-part-text button:focus-visible{background:var(--color-surface-hover)!important}.audio-part-word-action{background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.audio-part-word-action>button{color:var(--color-link)!important;font-weight:600!important}.audio-parts-apply{background:var(--color-surface);z-index:4;flex-wrap:wrap;position:sticky;bottom:0}.audio-parts-apply>span{color:var(--color-text);font-size:13px}.audio-split-result{background:var(--color-surface);padding:14px}@media (width<=700px){.audio-split-launch,.audio-text-part>header,.audio-parts-heading{flex-direction:column;align-items:stretch}.audio-text-part>header>div{flex-wrap:wrap}}.audio-parts-list{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-text-part>header,.audio-text-part>header>div{flex-direction:column;align-items:stretch}.audio-text-part .lp-audio-player{max-width:none}.audio-text-part .audio-part-text{height:180px;font-size:14px;line-height:1.7}.audio-parts-heading{border:0;padding:10px 0}.audio-parts-apply{position:static}.audio-parts-wave{margin:10px 0 16px}.audio-parts-editor .audio-waveform{height:70px}@media (width<=850px){.audio-parts-list{grid-template-columns:1fr}.audio-text-part .audio-part-text{height:auto;max-height:180px}}.audio-wave-part{background:color-mix(in srgb,var(--color-info-surface) 20%,transparent);pointer-events:none;height:70px;position:absolute;top:0}.audio-wave-part.tone-1{background:color-mix(in srgb,var(--color-teal) 20%,transparent)}.exercise-native-dialog:has(.audio-parts-editor){height:auto;max-height:calc(100dvh - 32px)}.audio-parts-rows{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;padding:18px 20px}.audio-parts-rows .audio-parts-list{grid-template-columns:1fr;gap:10px}.audio-parts-rows .audio-text-part{border-color:var(--color-border);border-radius:12px}.audio-parts-rows .audio-text-part>header{background:var(--color-surface);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px;display:grid}.audio-parts-rows .audio-part-row-name{gap:6px;display:grid}.audio-parts-rows .audio-part-row-name span{margin:0}.audio-parts-rows .audio-part-row-preview{grid-template-columns:150px 1fr;align-items:center;gap:18px;display:grid}.audio-parts-rows .audio-part-row-preview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.audio-parts-rows .audio-part-row-preview .lp-audio-player{background:0 0;border:0;padding:4px}.audio-part-expanded{border-top:1px solid var(--color-border);background:var(--color-surface);padding:16px}.audio-part-expanded .audio-editing-surface{background:var(--color-surface);margin-top:14px}.audio-part-tools{gap:18px;margin-top:14px;font-size:13px;display:flex}.audio-parts-rows .audio-parts-apply{border:0;margin-bottom:0;padding:14px 0 0}.audio-parts-rows .audio-parts-apply>span{flex-basis:100%}.audio-parts-rows .button:active{transform:scale(.98)}@media (width<=900px){.audio-parts-rows .audio-text-part>header{grid-template-columns:1fr auto}.audio-parts-rows .audio-part-row-preview{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.audio-parts-rows .button:active{transform:none}}.audio-parts-rows .audio-text-part>header{grid-template-columns:40px minmax(0,1fr) auto 36px;gap:12px;padding:12px 16px}.audio-parts-rows .audio-part-number{background:var(--color-surface);width:34px;height:34px;color:var(--color-text);border-radius:50%;place-items:center;margin:0;font-weight:600;display:grid}.audio-parts-rows .is-selected .audio-part-number{background:var(--color-accent);color:var(--color-on-accent)}.audio-parts-rows .audio-part-row-preview{display:block}.audio-part-row-preview .lp-audio-controls>span,.audio-part-row-preview .lp-audio-player>input{display:none}.audio-parts-rows .audio-part-expanded .audio-waveform{pointer-events:auto;height:126px;overflow:visible}.audio-parts-rows .audio-part-expanded .audio-selection{display:block}.audio-parts-rows .audio-text-part.is-selected{border-color:var(--color-border)}.audio-part-expanded{background:var(--color-surface)}.audio-part-expanded .audio-editing-surface{margin-top:12px}.audio-parts-rows .audio-text-part .lp-audio-player select{display:block}.audio-part-expanded .lp-audio-marker-row{grid-template-columns:28px minmax(0,1fr) 28px}.audio-track-marker{z-index:5;touch-action:none;position:absolute;top:0;bottom:0;background:var(--color-warning)!important;cursor:ew-resize!important;border:0!important;width:3px!important;padding:0!important}.audio-track-marker>span{background:var(--color-warning);color:var(--color-surface);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.audio-track-part{border-left:2px solid var(--color-info-border);border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-accent) 7.06%,transparent);pointer-events:none;z-index:2;position:absolute;inset-block:0}.audio-track-part:nth-child(2n){background:color-mix(in srgb,var(--color-accent) 14.51%,transparent)}.audio-track-part>span{background:var(--color-surface);color:var(--color-link);border-radius:4px;padding:2px 7px;font-size:12px;position:absolute;top:4px;left:6px}.audio-stage-wave:has(.audio-track-marker){padding-top:22px}.audio-workspace-v2 .lp-audio-text-marker,.audio-workspace-v2 .lp-audio-marker-row button{color:var(--color-warning);background:var(--color-surface-subtle)}.audio-workspace-v2 .lp-audio-marker-editor.is-visual .lp-audio-marker-row{grid-template-columns:28px minmax(0,1fr) 28px}.audio-workspace-v2 .audio-selection{z-index:3}.audio-workspace-v2 .audio-playhead{z-index:6;pointer-events:none}.audio-workspace-v2 .audio-playhead>span{display:none}.audio-part-expanded .audio-stage-wave{grid-row:2}.audio-part-expanded .audio-help{margin:8px 0 0;font-size:12px}.audio-part-expanded .lp-audio-transcript:not([open]){min-height:36px;overflow:hidden}.audio-part-expanded .lp-audio-cue.is-outside{display:none}@media (width<=799px){.audio-parts-rows .audio-text-part>header{grid-template-columns:34px minmax(0,1fr) auto 28px}.audio-parts-rows .audio-part-row-preview{grid-area:auto}}.audio-stage-wave.shows-parts .audio-selection,.audio-stage-wave.shows-parts .audio-inline-range,.audio-parts-rows .audio-part-row-preview .lp-audio-controls select{display:none}.audio-workspace-v2 .lp-audio-marker-actions button{color:var(--color-warning)}.audio-part-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.audio-part-expanded>.audio-editing-surface,.audio-part-expanded>.audio-text-settings,.audio-part-expanded>.audio-part-tools{grid-column:1/-1}.audio-part-row-name small{color:var(--color-text-muted);font-size:12px}@media (width<=799px){.audio-part-expanded{grid-template-columns:1fr}}.audio-parts-rows .audio-part-expanded .audio-handle{touch-action:none;min-width:12px;background:var(--color-accent)!important}.audio-parts-rows .audio-part-expanded .audio-waveform>svg{border-radius:9px}.audio-parts-rows .audio-part-expanded .audio-selection{cursor:grab}.audio-stage-wave.shows-parts .audio-track-part{pointer-events:auto;cursor:grab;touch-action:none;z-index:3;border-radius:4px}.audio-stage-wave.shows-parts .audio-track-part:active{cursor:grabbing}.audio-stage-wave.shows-parts .audio-track-part:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.audio-stage-wave.shows-parts .audio-handle{touch-action:none;width:10px;min-width:10px;background:var(--color-accent)!important}.audio-stage-wave.shows-parts .audio-track-part>span{pointer-events:none;left:12px}.audio-parts-drag-help{display:none}.shows-parts .audio-parts-drag-help{color:var(--color-text-muted);margin:8px 0;font-size:12px;display:block}.audio-parts-compact .audio-text-part>header{grid-template-columns:34px minmax(0,1fr) 46px auto auto;gap:12px;padding:10px 12px}.audio-parts-compact .audio-part-row-preview .lp-audio-controls{margin:0;display:block}.audio-parts-compact .audio-part-row-preview .lp-audio-player{padding:0}.audio-parts-compact .audio-part-row-preview .lp-audio-controls>strong,.audio-parts-compact .audio-part-row-preview .lp-audio-player>input{display:none}.audio-part-text-editor{border-top:1px solid var(--color-border);max-height:320px;padding:14px;overflow:auto}.audio-central-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.audio-central-actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);cursor:pointer;border-radius:7px;padding:7px 10px}.audio-central-actions button[aria-pressed=true]{background:var(--color-surface-selected)}.audio-central-actions button:disabled{opacity:.45;cursor:default}.audio-central-part-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.audio-central-part-fields label{color:var(--color-text);min-width:0;font-size:12px}.audio-central-part-fields input{box-sizing:border-box;width:100%;margin-top:5px}.audio-stage-wave.has-visual-selection .audio-selection{z-index:4;border:2px dashed var(--color-info-border);background:color-mix(in srgb,var(--color-accent) 18.82%,transparent);display:block}.audio-stage-wave.is-selecting .audio-track-part{cursor:crosshair}.audio-stage-wave .audio-track-part.is-active{box-shadow:inset 0 0 0 2px var(--color-shadow-color);background:color-mix(in srgb,var(--color-accent) 14.9%,transparent)}.audio-primary-editor:focus{outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=799px){.audio-parts-compact .audio-text-part>header{grid-template-columns:34px minmax(0,1fr) 40px}.audio-parts-compact .audio-part-return{grid-column:2}.audio-parts-compact .audio-text-part>header>button:last-child{white-space:nowrap;grid-column:3}.audio-central-part-fields{grid-template-columns:1fr}}.audio-primary-editor .audio-central-actions{gap:6px;margin:8px 0}.audio-primary-editor .audio-central-actions button{padding:6px 8px;font-size:12px}.audio-primary-editor .audio-parts-compact.is-embedded{border:0;border-radius:0;margin:10px 0;padding:0}.audio-primary-editor .is-embedded .audio-parts-heading{margin:0 0 8px;padding:0;font-size:12px}.audio-primary-editor .is-embedded .audio-text-part>header{grid-template-columns:28px minmax(0,1fr) 32px;gap:8px;padding:7px 8px}.audio-primary-editor .is-embedded .audio-part-number{width:25px;height:25px;font-size:12px}.audio-primary-editor .audio-fragment-select{text-align:left;padding:0;font-size:13px;font-weight:600;line-height:1.4}.audio-primary-editor .audio-fragment-play{border-radius:50%;place-items:center;width:30px;height:30px;display:grid;background:var(--color-surface)!important;color:var(--color-link)!important}.audio-primary-editor .is-embedded .audio-text-part.is-muted{background:var(--color-surface);color:var(--color-text-muted)}.audio-primary-editor .is-embedded .audio-text-part.is-muted>header{background:var(--color-surface)}.audio-primary-editor .is-embedded .audio-text-part.is-selected{border-color:var(--color-info-border);background:var(--color-surface-selected)}.audio-primary-editor .is-embedded .audio-text-part.is-selected>header{background:var(--color-surface-selected)}.audio-primary-editor .is-embedded .audio-parts-apply{gap:6px;margin:8px 0 0;padding:6px 0}.audio-primary-editor .is-embedded .audio-parts-apply>span{display:none}.audio-primary-editor .is-embedded .audio-parts-apply>.button{min-height:28px;padding:6px 8px;font-size:11px}.audio-primary-editor .audio-track-part.is-muted{background:color-mix(in srgb,var(--color-surface-subtle) 50.2%,transparent);border-color:var(--color-border)}.audio-primary-editor .audio-track-part.is-muted .audio-handle{background:var(--color-surface-subtle)!important}.audio-primary-editor .audio-track-part.is-muted>span{color:var(--color-text-muted)}.audio-primary-editor .audio-track-part.is-active{background:color-mix(in srgb,var(--color-accent) 16.86%,transparent)}.audio-primary-editor .audio-central-part-fields{margin-top:10px}.audio-primary-editor .audio-central-part-fields .field{min-height:30px;padding:7px 8px}.audio-primary-editor .lp-audio-marker-actions{flex-wrap:wrap;align-items:center;gap:14px}.audio-document-toolbar>strong{color:var(--color-text-muted);margin-right:auto;font-size:13px}.audio-primary-editor .lp-audio-transcript:not([open]){min-height:28px;max-height:36px;overflow:hidden}.audio-primary-editor .audio-central-actions.is-idle{display:none}.audio-primary-editor .lp-audio-marker-actions>button:last-child{color:var(--color-link);border:1px solid var(--color-border);border-radius:6px;padding:5px 8px}.audio-primary-editor .lp-audio-marker-actions>button[aria-pressed=true]{background:var(--color-surface-selected)}.audio-wave-tools{align-items:center;gap:7px;margin:0 0 28px;display:flex}.audio-wave-tools>button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.audio-wave-tools .fragment{color:var(--color-link)}.audio-wave-tools .bookmark{color:var(--color-warning);background:var(--color-surface)}.audio-wave-tools .pause{color:var(--color-link);background:var(--color-surface)}.audio-wave-tools>button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-info-border)}.audio-wave-tools>button:disabled{opacity:.45;cursor:default}.audio-wave-tools>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.audio-primary-editor .audio-stage-wave:has(.audio-track-marker){padding-top:0}.audio-track-marker.pause{background:var(--color-accent)!important}.audio-track-marker.pause>span{background:var(--color-accent)}.audio-primary-editor .lp-audio-marker-editor{border-top:0;padding-top:0}.audio-primary-editor .is-embedded .audio-parts-apply{justify-content:flex-end}.audio-wave-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px}.audio-wave-tools>button{width:auto;min-height:36px;font:inherit;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.audio-primary-editor .audio-whole-recording{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);cursor:pointer;font:inherit;white-space:nowrap;border-radius:7px;padding:7px 10px;font-size:12px}.audio-primary-editor .audio-whole-recording[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text-muted);border-color:var(--color-border)}.audio-stage-wave.is-selecting .audio-track-part .audio-handle{pointer-events:auto}.audio-primary-editor .audio-track-part{cursor:crosshair}.audio-fragment-inline-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.audio-fragment-inline-fields input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 4px;font-size:13px}.audio-fragment-inline-fields input::placeholder{color:var(--color-text-muted);font-size:12px}.audio-fragment-inline-fields input:hover{border-color:var(--color-border)}.audio-fragment-inline-fields input:focus{outline:2px solid var(--color-focus);background:var(--color-surface-input);color:var(--color-text)}.audio-primary-editor .is-embedded .audio-part-row-name{display:block}@media (width<=600px){.audio-fragment-inline-fields{grid-template-columns:1fr;gap:0}}@media (width>=800px){.audio-primary-editor.has-transcript .lp-audio-transcript[open]{contain:size;align-self:stretch;height:auto;min-height:0;max-height:none;overflow:auto}.audio-primary-editor.has-transcript .lp-audio-transcript:not([open]){contain:none;align-self:start}}.audio-fragment-title-help{background:var(--color-surface);color:var(--color-text);border-radius:12px;margin:0 0 18px;padding:12px 16px;font-size:13px;line-height:1.5}.audio-recording-heading{flex-wrap:wrap;margin-bottom:14px}.audio-recording-heading>.audio-wave-tools{margin:0 0 0 auto}.audio-text-selector{color:var(--color-text);align-items:center;gap:8px;font-size:13px;display:flex}.audio-text-selector select{border:1px solid var(--color-border);background:var(--color-surface);min-width:130px;max-width:300px;color:var(--color-text);font:inherit;border-radius:8px;padding:8px}.audio-transcript-empty{color:var(--color-text-muted);margin:0 0 14px;font-size:12px}.audio-primary-editor.has-transcript{grid-template-columns:minmax(0,1fr);display:grid}.audio-primary-editor.has-transcript .audio-recording-heading{grid-area:1/1}.audio-primary-editor.has-transcript .lp-audio-transcript{border:1px solid var(--color-border);border-radius:12px;grid-area:2/1;margin:0 0 16px;padding:12px;contain:none!important;max-height:300px!important}.audio-primary-editor.has-transcript .lp-audio-transcript summary{display:none}.audio-primary-editor.has-transcript .audio-stage-wave{grid-area:3/1}.audio-primary-editor.has-transcript .lp-audio-controls{grid-area:4/1}.audio-primary-editor.has-transcript .lp-audio-player>input[type=range]{grid-area:5/1}.audio-primary-editor.has-transcript .lp-audio-marker-editor{grid-area:6/1}.audio-primary-editor .audio-fragment-title-help{margin:12px 0;font-size:12px}.audio-edit-mode-heading{flex-wrap:wrap;align-items:center;gap:14px;margin-right:auto;display:flex}.audio-edit-mode-heading strong{color:var(--color-text);font-size:13px}.audio-document-toolbar .media-file-picker{background:var(--color-surface-input);color:var(--color-link);border:1px solid var(--color-border);border-radius:9px}.audio-document-toolbar label:has(input[type=file]){background:var(--color-surface-input);color:var(--color-link);border:1px solid var(--color-border);border-radius:9px}.audio-document-toolbar button[aria-label=Заменить\ аудио]{background:var(--color-surface);color:var(--color-link);border:1px solid var(--color-border);border-radius:9px}.audio-scope-switch{font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px;color:var(--color-link)!important;border:1px solid var(--color-border)!important;background:var(--color-surface)!important}.audio-document-toolbar{flex-wrap:wrap}.audio-document-toolbar label.media-file-picker.audio-replace-button{border-radius:9px;background:var(--color-accent)!important;color:var(--color-on-accent)!important;border:1px solid var(--color-info-border)!important}.audio-primary-editor .audio-fragment-title-help{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);margin:14px 0;padding:14px 18px;font-size:15px;line-height:1.6}.audio-fragment-help{margin-left:auto;position:relative}.audio-primary-editor .audio-help-toggle{border-radius:50%;place-items:center;width:30px;height:30px;display:grid;border:1px solid var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-link)!important;font-size:17px!important;font-weight:600!important}.audio-fragment-help-panel{box-sizing:border-box;z-index:12;border:1px solid var(--color-border);background:var(--color-surface);width:min(360px,100vw - 80px);box-shadow:0 10px 32px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent);color:var(--color-text);border-radius:14px;padding:18px;font-size:16px;line-height:1.6;position:absolute;top:38px;right:0}.audio-fragment-help-panel p{margin:10px 0 12px;font-size:16px;line-height:1.6}.audio-fragment-help-panel strong{font-size:17px}.audio-primary-editor .is-embedded .audio-parts-heading{align-items:center}@media (width>=800px){.audio-primary-editor,.audio-primary-editor.has-transcript{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 24px;display:grid}.audio-primary-editor .lp-audio-player{display:contents}.audio-primary-editor .audio-recording-heading,.audio-primary-editor.has-transcript .audio-recording-heading{grid-area:1/2}.audio-primary-editor .audio-stage-wave,.audio-primary-editor.has-transcript .audio-stage-wave{grid-area:2/1}.audio-primary-editor .lp-audio-controls,.audio-primary-editor.has-transcript .lp-audio-controls{flex-wrap:wrap;grid-area:3/1}.audio-primary-editor .lp-audio-player>input[type=range],.audio-primary-editor.has-transcript .lp-audio-player>input[type=range]{grid-area:4/1}.audio-primary-editor .lp-audio-transcript,.audio-primary-editor.has-transcript .lp-audio-transcript{grid-area:2/2/7;min-height:0;margin:0 0 14px;padding:12px;contain:none!important;height:auto!important;max-height:300px!important}.audio-primary-editor .lp-audio-marker-editor,.audio-primary-editor.has-transcript .lp-audio-marker-editor{grid-area:5/1;min-width:0}.audio-primary-editor .audio-transcript-empty{grid-area:2/2}.audio-primary-editor .lp-audio-active,.audio-primary-editor .lp-audio-player>p{grid-column:1}.audio-primary-editor .audio-fragment-inline-fields{grid-template-columns:1fr;gap:0}}.audio-tools-heading .audio-wave-tools{justify-content:flex-start;margin:0 0 14px}.audio-transcript-tabs{flex-wrap:wrap;gap:4px;display:flex}.audio-transcript-tabs button{background:var(--color-surface);color:var(--color-text);border:1px solid #0000;border-radius:8px}.audio-transcript-tabs button[aria-selected=true]{background:var(--color-surface-selected);color:var(--color-link);border-color:var(--color-border)}.audio-recording-heading .audio-recognize-button{color:var(--color-link)}.audio-primary-editor .audio-recording-heading{align-content:start;gap:8px}@media (width>=800px){.audio-primary-editor .audio-tools-heading{grid-area:1/1}.audio-primary-editor .lp-audio-transcript{max-height:560px!important}.audio-primary-editor .audio-transcript-empty{grid-area:2/2/7}}.audio-primary-editor .audio-fragment-inline-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}.audio-primary-editor.is-transcript-hidden .audio-recording-heading,.audio-primary-editor.is-transcript-hidden .lp-audio-transcript,.audio-primary-editor.is-transcript-hidden .audio-transcript-empty{display:none!important}.audio-primary-editor.is-transcript-hidden,.audio-primary-editor.is-transcript-hidden.has-transcript{display:block}.audio-primary-editor.is-transcript-hidden .lp-audio-player{background:0 0;border:0;padding:0;display:block}.audio-primary-editor.is-transcript-hidden .audio-wave-tools{justify-content:flex-end}.audio-primary-editor.is-transcript-hidden .lp-audio-marker-editor{margin-top:14px}@media (width>=800px){.audio-primary-editor.is-transcript-visible .lp-audio-transcript{box-sizing:border-box;grid-area:2/2/6;align-self:stretch;min-height:0;overflow:auto;contain:size!important;height:auto!important;max-height:none!important;margin:0!important}.audio-primary-editor.is-transcript-visible .audio-transcript-empty{grid-area:3/2/7}}@media (width<=650px){.audio-primary-editor .audio-fragment-inline-fields{grid-template-columns:1fr;gap:0}}.audio-primary-editor .audio-tools-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.audio-primary-editor .audio-tools-heading .audio-wave-tools{justify-content:flex-start;margin:0}.audio-transcript-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.audio-transcript-actions button{font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px}.audio-transcript-actions .audio-recognize-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link)}.audio-transcript-actions .audio-recognize-button.is-ready{background:var(--color-surface);border-color:var(--color-border);color:var(--color-success)}.audio-transcript-actions button:disabled{opacity:.6;cursor:wait}@media (width>=800px){.audio-primary-editor.is-transcript-visible .audio-tools-heading{grid-area:1/1/auto/-1}.audio-primary-editor.is-transcript-visible .audio-recording-heading{grid-area:2/2}.audio-primary-editor.is-transcript-visible .audio-stage-wave{grid-row:3}.audio-primary-editor.is-transcript-visible .lp-audio-controls{grid-row:4}.audio-primary-editor.is-transcript-visible .lp-audio-player>input[type=range]{grid-row:5}.audio-primary-editor.is-transcript-visible .lp-audio-marker-editor{grid-row:6}.audio-primary-editor.is-transcript-visible .lp-audio-transcript{grid-row:3/7}}.audio-primary-editor .lp-audio-follow-control{background:0 0;min-height:24px;margin-bottom:8px;position:static;top:auto}.audio-fragment-field-labels{color:var(--color-text);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;padding:0 52px 6px 44px;font-size:12px;display:grid}.audio-primary-editor .audio-whole-part-row{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.audio-primary-editor .audio-whole-part-row.is-selected{background:var(--color-surface-selected);border-color:var(--color-info-border);color:var(--color-link)}.audio-primary-editor .audio-whole-part-row .audio-part-number{flex:none}.audio-primary-editor .is-embedded .audio-whole-part-row{text-align:left;border-radius:14px;width:100%;display:flex;border:1px solid var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;padding:12px!important}.audio-primary-editor .is-embedded .audio-whole-part-row.is-selected{background:var(--color-surface-selected)!important;border-color:var(--color-info-border)!important;color:var(--color-link)!important}.audio-transcript-actions .audio-recognize-button,.audio-transcript-actions .audio-recognize-button.is-ready{background:0 0;border:0;padding:8px 4px}.audio-transcript-actions .audio-recognize-button.is-ready{color:var(--color-success)}.audio-primary-editor .audio-parts-editor.is-embedded{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;margin-top:14px;padding:14px}.audio-fragment-field-labels{grid-template-columns:48px minmax(0,1.2fr) minmax(0,1fr);gap:8px;padding:0 40px 6px 0}.audio-fragment-field-labels span:first-child{font-size:11px}.audio-primary-editor .is-embedded .audio-parts-heading{margin-bottom:12px}.calendar-slot-icon{color:var(--color-link);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.calendar-slot-icon.is-locked{color:var(--color-text-muted)}.calendar-slot-icon svg{display:block}.calendar-slot-cell{background:var(--color-surface-subtle);color:var(--color-text-muted);border:1px solid var(--color-border);box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;display:flex}.calendar-slot-cell.is-open{background:var(--color-surface);color:var(--color-link)}.calendar-slot-cell.is-open:hover{background:var(--color-surface-hover)}.calendar-slot-cell.is-open:active{background:var(--color-surface-selected)}.calendar-slot-legend{align-items:center;gap:6px;display:inline-flex}.schedule-availability-controls{margin:12px 0}.schedule-availability-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schedule-reschedule-setting{cursor:pointer;align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.schedule-reschedule-setting span{flex-direction:column;gap:3px;display:flex}.schedule-reschedule-setting small{color:var(--color-text-muted);font-size:11px}.schedule-reschedule-setting input{appearance:none;background:var(--color-surface-input);cursor:pointer;border-radius:12px;width:38px;height:22px;transition:background .12s;position:relative}.schedule-reschedule-setting input:before{content:"";background:var(--color-surface-input);width:18px;height:18px;box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);border-radius:50%;transition:transform .12s;position:absolute;top:2px;left:2px}.schedule-reschedule-setting input:checked{background:var(--color-accent)}.schedule-reschedule-setting input:checked:before{transform:translate(16px)}.schedule-reschedule-setting input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.schedule-reschedule-setting input:disabled{opacity:.45}.availability-change-kinds{flex-wrap:wrap;gap:4px}.schedule-exceptions-dialog{width:min(560px,100vw - 32px)}.schedule-exceptions-dialog h2{letter-spacing:-.4px;font-size:19px}.schedule-exceptions-dialog input{min-width:0}.schedule-exceptions-dialog .availability-time-inputs{grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.schedule-reschedule-setting{justify-content:space-between;width:100%;margin-left:0;padding:10px 0}.schedule-availability-actions>.button{flex:1;padding:8px;font-size:12px}.schedule-exceptions-dialog .dialog-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.schedule-reschedule-setting input,.schedule-reschedule-setting input:before{transition:none}}.schedule-day-heading-wrapper{z-index:4;background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:relative;top:0}.schedule-day-heading-wrapper>.schedule-day-head{width:100%;border-bottom:0!important}.calendar-day-availability{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:28px;display:flex;padding:0!important}.calendar-day-availability:hover{background:var(--color-surface-hover);border-radius:6px}.calendar-day-availability:focus-visible{outline:2px solid var(--color-focus);border-radius:6px}.availability-day-header .calendar-day-availability{position:absolute;bottom:3px;right:3px}.availability-grid-row{pointer-events:none;justify-content:center;align-items:center;display:flex}.calendar-slot-label{justify-content:center;align-items:center;gap:5px;opacity:1!important;display:flex!important}.calendar-slot-label small{opacity:0;font-size:11px}.schedule-free-slot:hover .calendar-slot-label small,.schedule-free-slot:focus-visible .calendar-slot-label small{opacity:1}.schedule-free-slot.is-off-hours{background:var(--color-surface-subtle)!important}.schedule-free-slot:not(.is-off-hours){background:var(--color-surface)}.schedule-free-slot:disabled{opacity:1}.calendar-slot-label:has(.is-open){color:var(--color-link)}.schedule-free-slot .calendar-slot-label{width:100%;height:100%}.schedule-free-slot .calendar-slot-label small{display:none}.schedule-free-slot.is-folded .schedule-reveal-plus{width:auto;height:auto;box-shadow:none;opacity:1;background:0 0;border:0;justify-content:center;display:flex;position:static;transform:none}.schedule-day-heading-wrapper{position:sticky;top:0}.availability-day-header{position:sticky}.availability-grid-row{z-index:1}.calendar-slot-icon{opacity:0;transition:opacity .1s}.calendar-slot-cell{background:var(--color-surface-subtle);border:0;border-radius:0}.calendar-slot-cell.is-open{background:var(--color-surface)}.calendar-slot-cell:hover .calendar-slot-icon,.calendar-slot-cell:focus-visible .calendar-slot-icon,.calendar-day-availability:hover .calendar-slot-icon,.calendar-day-availability:focus-visible .calendar-slot-icon{opacity:1}.schedule-free-slot .calendar-slot-icon{opacity:0!important}.schedule-free-slot:hover .calendar-slot-icon,.schedule-free-slot:focus-visible .calendar-slot-icon{opacity:1!important}.schedule-free-slot.is-folded .schedule-reveal-plus{opacity:0}.availability-grid-row .calendar-slot-icon{opacity:0}.availability-grid-row.is-hovered .calendar-slot-icon{opacity:1}.teacher-slot-state .calendar-slot-icon{opacity:0}.slot-grid-target:hover .calendar-slot-icon,.slot-grid-target:focus-visible .calendar-slot-icon,.slot-grid-hour .schedule-range-toggle:hover .calendar-slot-icon{opacity:1}.student-slot-cell{border-bottom:1px solid color-mix(in srgb,var(--color-border) 50.2%,transparent);width:100%;left:0;right:0}@media (prefers-reduced-motion:reduce){.calendar-slot-icon{transition:none}}.student-schedule{min-width:0;padding:20px;font-family:system-ui,sans-serif}.schedule-toolbar,.schedule-dates,.schedule-toolbar-actions,.schedule-caption,.schedule-legend,.schedule-timezones{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.schedule-toolbar,.schedule-caption{justify-content:space-between;margin-bottom:14px}.schedule-dates h2{letter-spacing:-.02em;margin:0 8px;font:600 16px system-ui}.schedule-dates .icon-button{border:1px solid var(--color-border);border-radius:8px;width:30px;height:32px;padding:0}.schedule-toolbar .button{min-height:34px;box-shadow:none;border-radius:9px;padding:7px 12px;font:500 13px system-ui}.schedule-segment{background:var(--color-surface-subtle);border-radius:11px;padding:3px;display:flex}.schedule-segment button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font:500 13px system-ui}.schedule-segment button[aria-pressed=true]{background:var(--color-surface-selected);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 8.63%,transparent);color:var(--color-link)}.schedule-caption{color:var(--color-text-muted);font:12px/1.5 system-ui}.schedule-timezones strong{color:var(--color-text);font-weight:600}.schedule-timezones>span{color:var(--color-link)}.schedule-timezones small{color:var(--color-text-muted)}.schedule-legend>span{align-items:center;gap:6px;display:flex}.schedule-legend i{background:var(--color-surface-subtle);border-radius:50%;width:10px;height:10px}.schedule-legend .own{background:var(--color-accent)}.schedule-busy-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.schedule-busy-toggle input{appearance:none;background:var(--color-surface-input);cursor:pointer;border-radius:20px;width:34px;height:20px;margin:0;position:relative}.schedule-busy-toggle input:checked{background:var(--color-accent)}.schedule-busy-toggle input:before{content:"";background:var(--color-surface-input);width:14px;height:14px;box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);border-radius:50%;position:absolute;top:3px;left:3px}.schedule-busy-toggle input:checked:before{transform:translate(14px)}.schedule-scroll{border:1px solid var(--color-border);overscroll-behavior:contain;border-radius:12px;max-height:none;overflow:auto}.schedule-grid{isolation:isolate;min-width:820px;display:grid}.schedule-grid.day-view{min-width:360px}.schedule-day-head,.schedule-time-head{z-index:4;background:var(--color-surface);border:0;border-bottom:1px solid var(--color-border);min-height:60px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:12px;display:flex;position:sticky;top:0}.schedule-day-head{cursor:pointer;border-left:1px solid var(--color-border);text-transform:capitalize;gap:4px}.schedule-day-head strong{color:var(--color-text);font-size:14px}.schedule-day-head.today strong{background:var(--color-danger-surface);color:var(--color-danger);border-radius:20px;padding:4px 10px}.schedule-time-head{flex-direction:row;gap:13px;font-size:11px}.schedule-time-column{background:var(--color-surface)}.schedule-time-row{box-sizing:border-box;height:64px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);justify-content:space-around;align-items:flex-start;padding:7px 6px;font-size:11px;display:flex}.schedule-time-row span:first-child{color:var(--color-text)}.schedule-time-row span:nth-child(2){color:var(--color-link)}.schedule-day-column{border-left:1px solid var(--color-border);position:relative}.schedule-day-column.weekend,.schedule-day-column.is-today{background:var(--color-surface)}.schedule-free-slot{border:0;border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom,transparent 31px,var(--color-surface-subtle) 31px,var(--color-surface-subtle) 32px,transparent 32px);width:100%;height:64px;color:var(--color-link);cursor:pointer;text-align:center;box-sizing:border-box;display:block}.schedule-free-slot>span{opacity:0;font-size:11px}.schedule-free-slot:hover,.schedule-free-slot:focus-visible{background-color:var(--color-surface-hover);outline:2px solid var(--color-focus);outline-offset:-2px}.schedule-free-slot:hover>span,.schedule-free-slot:focus-visible>span{opacity:1}.schedule-free-slot.is-off-hours,.schedule-time-row.is-off-hours{background:var(--color-surface-subtle);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.schedule-time-row.is-off-hours{align-items:center;padding:0 6px}.schedule-range-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font:11px system-ui;display:flex}.schedule-range-toggle:hover{color:var(--color-link)}.schedule-free-slot.is-folded{position:relative;overflow:visible}.schedule-free-slot.is-folded:hover,.schedule-free-slot.is-folded:focus-visible{background:var(--color-surface-hover);outline:none}.schedule-free-slot.is-folded .schedule-reveal-plus{border:1px solid var(--color-info-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-link);z-index:3;pointer-events:none;opacity:0;box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.schedule-free-slot.fold-before .schedule-reveal-plus{bottom:-12px}.schedule-free-slot.fold-after .schedule-reveal-plus{top:-12px}.schedule-free-slot.is-folded:hover .schedule-reveal-plus,.schedule-free-slot.is-folded:focus-visible .schedule-reveal-plus{opacity:1}.schedule-fold-count{color:var(--color-text-muted);font:10px system-ui}.schedule-event{z-index:2;border:1px solid var(--color-info-border);background:var(--color-surface-subtle);text-align:left;color:var(--color-link);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;padding:5px 7px;font-size:11px;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.schedule-event strong{font-size:12px}.schedule-event.occupied{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted);cursor:default;opacity:1}.schedule-now-line{background:var(--color-danger);z-index:2;pointer-events:none;height:1px;position:absolute;left:0;right:0}.schedule-now-line span{background:var(--color-surface);color:var(--color-danger);border-radius:5px;padding:2px 5px;font-size:11px;position:absolute;top:-10px;right:4px}.schedule-day-column.is-today .schedule-now-line:before{content:"";background:var(--color-danger);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-4px}.schedule-help{color:var(--color-text-muted);margin:16px 0 0;font-size:12px}.schedule-dialog form,.student-edit-dialog form,.teacher-settings-dialog form{gap:16px;display:grid}.schedule-cancel{color:var(--color-danger);background:var(--color-surface)}.schedule-outside-warning{background:var(--color-surface-subtle);color:var(--color-warning);border-radius:8px;padding:10px 12px;font-size:13px}.schedule-zone{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.schedule-zone select{max-width:230px;font:inherit;color:var(--color-text);background:0 0;border:0;padding:4px}.schedule-zone select:disabled{opacity:.6}.teacher-settings-dialog .schedule-zone{border:0;flex-direction:column;align-items:stretch;padding:0}.teacher-settings-dialog select{border:1px solid var(--color-border);background:var(--color-surface-input);border-radius:9px;max-width:100%;padding:10px}.student-schedule button:focus-visible,.schedule-scroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=760px){.student-schedule{padding:14px}.schedule-dates{gap:4px}.schedule-dates h2{margin:0 4px;font-size:14px}.schedule-toolbar-actions{flex:1;justify-content:flex-end}.schedule-legend{gap:10px;font-size:11px}.schedule-dialog .dialog-actions{flex-wrap:wrap}.schedule-zone select{max-width:210px}}.schedule-scroll{overscroll-behavior:auto;max-height:none;overflow:auto hidden}.schedule-time-head>span{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.schedule-time-head small{text-overflow:ellipsis;max-width:52px;font-size:9px;overflow:hidden}.schedule-time-head>span:nth-child(2){color:var(--color-link)}.schedule-free-slot:not(.is-folded){overflow:hidden}.schedule-free-slot>span{line-height:1.3}.schedule-day-head.today strong{background:var(--color-accent)}.schedule-day-column.is-today{background:var(--color-surface)}.schedule-free-slot.is-off-hours{background:repeating-linear-gradient(135deg,transparent 0,transparent 7px,color-mix(in srgb,var(--color-shadow-color) 10.59%,transparent) 7px,color-mix(in srgb,var(--color-shadow-color) 10.59%,transparent) 8px),var(--color-surface-subtle);border-bottom-color:var(--color-border)}.schedule-free-slot.is-temporary{background-color:var(--color-surface-subtle);box-shadow:inset 2px 0 var(--color-shadow-color)}.schedule-free-slot.is-temporary.is-off-hours{background:repeating-linear-gradient(135deg,transparent 0,transparent 7px,color-mix(in srgb,var(--color-warning) 14.51%,transparent) 7px,color-mix(in srgb,var(--color-warning) 14.51%,transparent) 8px),var(--color-surface-subtle)}.schedule-free-slot:hover,.schedule-free-slot:focus-visible{background-color:var(--color-surface-hover)}.schedule-change-badge{color:var(--color-warning);background:var(--color-warning-surface);text-transform:none;border-radius:10px;padding:2px 7px;font:500 10px/1.4 system-ui}.schedule-legend i.working,.schedule-legend i.off,.schedule-legend i.temporary{border:1px solid var(--color-border);border-radius:3px;flex-shrink:0;width:12px;height:12px}.schedule-legend i.working{background:var(--color-surface)}.schedule-legend i.off{background:repeating-linear-gradient(135deg,var(--color-surface-subtle) 0,var(--color-surface-subtle) 3px,var(--color-border-subtle) 3px,var(--color-border-subtle) 4px)}.schedule-legend i.temporary{background:var(--color-warning-surface);border-color:var(--color-warning-border)}.schedule-now-line,.schedule-day-column.is-today .schedule-now-line:before{background:var(--color-danger)}.schedule-now-line span{background:var(--color-surface);color:var(--color-danger)}.schedule-day-head,.schedule-time-head{background:var(--color-surface);min-height:76px;font-size:13px}.schedule-day-head strong{letter-spacing:-.03em;font-size:18px}.schedule-day-head.weekend{background:var(--color-surface-subtle);color:var(--color-text-muted)}.schedule-day-head.weekend strong{color:var(--color-text)}.schedule-day-head.today{background:var(--color-surface-subtle);color:var(--color-link)}.schedule-day-head.today strong{color:var(--color-on-accent)}.schedule-day-column.weekend,.schedule-day-column.is-today{background:var(--color-surface)}.weekend .schedule-free-slot.is-off-hours{background:repeating-linear-gradient(135deg,transparent 0,transparent 7px,color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent) 7px,color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent) 8px),var(--color-surface-subtle)}.schedule-day-column.weekend{border-left:1px solid var(--color-border)}.schedule-time-row{font-size:12px}.schedule-event.own{background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent);border-radius:8px}.schedule-event.own:hover{background:var(--color-accent)}.schedule-caption{gap:10px}.schedule-legend{gap:9px 16px}.schedule-legend>span{white-space:nowrap}.schedule-toolbar .button.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-info-border);box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent)}.schedule-caption-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.schedule-legend-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font:500 12px system-ui;display:flex}.schedule-legend-button[aria-expanded=true]{background:var(--color-surface);color:var(--color-link)}.schedule-legend-panel{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:10px;margin-bottom:14px;padding:12px 14px;font:12px system-ui}.schedule-event.other-student{background:var(--color-surface-subtle);border-color:var(--color-info-border);color:var(--color-link)}.schedule-event.is-past,.schedule-free-slot.is-past,.schedule-day-head.is-past{background:var(--color-surface-subtle);color:var(--color-text-muted);opacity:.65;cursor:default}.schedule-event[draggable=true]{cursor:grab}.schedule-event[draggable=true]:active{cursor:grabbing}.lesson-past-notice{color:var(--color-text-muted);font-size:13px}.lesson-time-edit:disabled{opacity:.55;cursor:default}.schedule-event{touch-action:none;-webkit-user-select:none;user-select:none}.schedule-event:not(:disabled){cursor:grab}.schedule-event:not(:disabled):active{cursor:grabbing}.calendar-transfer-bar{border:1px solid var(--color-info-border);background:var(--color-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.calendar-transfer-bar>div{flex-direction:column;gap:4px;display:flex}.calendar-transfer-bar span{color:var(--color-text-muted);font-size:13px}.schedule-event.is-transfer-selected{outline:3px solid var(--color-info-border);outline-offset:2px;box-shadow:0 0 0 5px var(--color-shadow-color)}.calendar-gap-setting{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.calendar-gap-setting select{background:var(--color-surface-input);border:1px solid var(--color-border);color:inherit;border-radius:8px;padding:7px}.calendar-lesson-gap{z-index:2;pointer-events:none;background:repeating-linear-gradient(135deg,var(--color-surface-subtle),var(--color-surface-subtle) 4px,var(--color-border-subtle) 4px,var(--color-border-subtle) 5px);color:var(--color-text-muted);text-align:center;border-radius:4px;font-size:10px;line-height:1.2;position:absolute;left:4px;right:4px;overflow:hidden}.schedule-free-slot.is-off-hours,.schedule-time-row.is-off-hours{background:repeating-linear-gradient(135deg,transparent 0,transparent 7px,color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent) 7px,color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent) 8px),var(--color-surface-subtle)}.schedule-legend i.weekend{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:3px;flex-shrink:0;width:12px;height:12px}.student-schedule .schedule-scroll{overscroll-behavior:contain;overflow-y:auto}.reschedule-slot-picker{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);margin:0;overflow:hidden}.slot-picker-heading{padding:var(--space-3) var(--space-card);font-size:var(--font-size-14);justify-content:space-between;align-items:center;display:flex}.slot-picker-heading>div{gap:var(--space-1);display:flex}.slot-picker-heading button{width:32px;height:var(--size-control-compact);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;place-items:center;display:grid}.reschedule-slot-picker button:disabled{opacity:.4;cursor:default}.reschedule-slot-picker button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.slot-picker-selection{padding:var(--space-3) var(--space-card);background:var(--color-surface-input);color:var(--color-link);font-size:var(--font-size-14);margin:0;font-weight:600}.slot-grid-message{padding:var(--space-card) var(--space-card);color:var(--color-text-muted)}.slot-picker-grid-scroll.schedule-scroll{border:0;border-radius:0;max-height:min(52vh,600px);overflow:auto}.slot-picker-grid .schedule-day-head,.slot-picker-grid .schedule-time-head{min-height:54px;padding:7px}.slot-picker-grid{min-width:740px}.slot-picker-grid .schedule-time-row{padding:4px;font-size:11px}.slot-picker-grid .schedule-time-row.is-off-hours{padding:0}.slot-grid-hour{border-bottom:1px solid var(--color-border);box-sizing:border-box;z-index:1;background:linear-gradient(to bottom,transparent calc(50% - 1px),color-mix(in srgb,var(--color-surface-subtle) 50.2%,transparent) 50%,transparent calc(50% + 1px));position:relative}.slot-grid-hour.is-folded{background:var(--color-surface-subtle)}.slot-grid-hour .schedule-range-toggle{z-index:5;font-size:var(--font-size-13);position:relative}.slot-grid-working{background:var(--color-surface);pointer-events:none;z-index:0;position:absolute;left:0;right:0}.slot-grid-target{z-index:2;cursor:pointer;width:100%;color:var(--color-link);background:0 0;border:0;padding:0;position:absolute;left:0;right:0}.slot-grid-target span{opacity:0;font-size:var(--font-size-12)}.slot-grid-target:hover span{opacity:1}.slot-picker-grid .schedule-event{z-index:3;pointer-events:none;gap:3px;padding:4px 6px;font-size:11px}.slot-picker-grid .schedule-event strong{font-size:11px;line-height:1.2}.slot-picker-grid .schedule-event.slot-grid-current{background:var(--color-surface);border:1px dashed var(--color-info-border);color:var(--color-text-muted)}.slot-grid-preview{z-index:4;pointer-events:none;background:color-mix(in srgb,var(--color-surface-subtle) 86.27%,transparent);border:2px solid var(--color-info-border);border-radius:var(--radius-small);padding:var(--space-1) var(--space-2);box-sizing:border-box;color:var(--color-link);font-size:var(--font-size-12);justify-content:center;gap:var(--space-1);flex-direction:column;display:flex;position:absolute;left:2px;right:2px;overflow:hidden}.slot-grid-preview.outside{background:color-mix(in srgb,var(--color-surface-subtle) 92.94%,transparent);border-color:var(--color-warning-border);color:var(--color-warning)}.slot-grid-preview small{font-size:var(--font-size-12)}.slot-grid-legend{gap:var(--space-section);padding:var(--space-3) var(--space-card);color:var(--color-text-muted);font-size:var(--font-size-12);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.slot-grid-legend span{align-items:center;gap:var(--space-2);display:flex}.slot-grid-legend i{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.slot-grid-legend span:nth-child(2) i{background:var(--color-surface);border:1px solid var(--color-border)}.slot-grid-legend span:nth-child(3) i{background:var(--color-surface-subtle)}.slot-grid-legend small{font-size:var(--font-size-12);margin-left:auto}:is(.lesson-appointment-dialog:has(.reschedule-slot-picker),.student-calendar-dialog:has(.reschedule-slot-picker)){width:min(1060px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-dialog);overflow:auto}.lesson-appointment-dialog:has(.reschedule-slot-picker) .lesson-identity{padding-bottom:0}.lesson-appointment-dialog:has(.reschedule-slot-picker) .lesson-dialog-heading{margin-bottom:var(--space-dialog)}.lesson-appointment-dialog form{gap:var(--space-3)}.lesson-appointment-dialog .lesson-reschedule-before{padding:var(--space-3) var(--space-3);margin:0}.lesson-appointment-dialog .help-text{font-size:var(--font-size-13);line-height:1.4}.lesson-appointment-dialog .dialog-actions{margin-top:0}@media (width<=760px){.slot-grid-legend small{margin-left:0}:is(.lesson-appointment-dialog:has(.reschedule-slot-picker),.student-calendar-dialog:has(.reschedule-slot-picker)){padding:var(--space-dialog)}}.slot-picker-grid .schedule-event{justify-content:center}.slot-picker-grid .schedule-event strong{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.slot-grid-target{box-sizing:border-box;touch-action:none;pointer-events:auto;min-height:0!important}.slot-grid-hour:not(.is-folded){pointer-events:none}.slot-picker-grid .schedule-event{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.slot-picker-grid .schedule-event:active{cursor:grabbing}.slot-picker-grid .schedule-event.slot-grid-same{background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent)}.slot-picker-grid .schedule-event.slot-grid-other{background:var(--color-surface-subtle);border-color:var(--color-info-border);color:var(--color-link)}.slot-picker-grid .schedule-event.slot-grid-current{border:2px solid var(--color-info-border)}.slot-picker-grid .schedule-event.is-past{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted);opacity:.7;cursor:default}.slot-grid-legend .same i{background:var(--color-accent)}.slot-grid-legend .other i{background:var(--color-purple-surface)}.slot-other-actions{align-items:center;gap:var(--space-inline);padding:var(--space-3);background:var(--color-surface);flex-wrap:wrap;display:flex}.slot-other-actions strong{font-size:var(--font-size-13);margin-right:auto}.slot-grid-legend span.other i{background:var(--color-surface-subtle);border:1px solid var(--color-info-border)}.slot-grid-legend span:nth-child(3) i{background:var(--color-surface);border:1px solid var(--color-border)}.slot-grid-legend span:nth-child(4) i{background:var(--color-surface-subtle);border:1px solid var(--color-border)}.slot-grid-legend .slot-available i{background:var(--color-surface);border:1px solid var(--color-border)}.slot-grid-legend .slot-unavailable i{background:var(--color-surface-subtle);border:1px solid var(--color-border)}.student-free-area{z-index:2;cursor:crosshair;background:0 0;border:0;width:100%;padding:0;position:absolute;left:0;right:0}.slot-grid-preview.student-movable-lesson{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-info-border)}.slot-grid-preview.student-movable-lesson:active{cursor:grabbing}.student-drag-preview{z-index:8;pointer-events:none;background:var(--color-surface-subtle);border:2px solid var(--color-info-border)}.student-drag-preview.invalid{background:var(--color-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.student-original-lesson{background:var(--color-surface);border:1px dashed var(--color-border);color:var(--color-text-muted);z-index:3}.slot-picker-feedback{min-height:38px;padding:var(--space-2) var(--space-card);box-sizing:border-box;font-size:var(--font-size-13);background:var(--color-surface)}.slot-picker-feedback:has([role=alert]){background:var(--color-surface);color:var(--color-danger)}.slot-picker-feedback p{margin:0}.slot-picker-grid .schedule-event:disabled{opacity:1}.slot-picker-grid .schedule-event small{font-size:10px}.slot-picker-grid .schedule-event.student-context-lesson{background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:default;justify-content:flex-start;gap:3px;padding:5px 7px}.slot-picker-grid .student-context-lesson .student-context-time{font-size:var(--font-size-12);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:650;line-height:1.2}.slot-picker-grid .schedule-event.student-context-lesson strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-size:10px;font-weight:500;line-height:1.2;overflow:visible}.slot-picker-grid .student-movable-lesson strong{white-space:nowrap;font-variant-numeric:tabular-nums}.student-folded-range{white-space:nowrap;height:100%;color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:9px;display:flex}.slot-picker-grid .slot-grid-hour.is-folded{pointer-events:none}.slot-picker-grid .schedule-day-column{background:var(--color-surface-subtle)}.student-slot-cell{z-index:2;cursor:pointer;width:calc(100% - 4px);padding:0;position:absolute;left:2px;right:2px;min-height:0!important}.reschedule-slot-picker .student-slot-cell:disabled{opacity:1;cursor:default}.teacher-slot-state{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-grid-target span{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-surface);z-index:5;display:flex;position:relative}.slot-grid-target.outside span{background:var(--color-surface-subtle)}.slot-picker-grid .slot-grid-hour.is-folded .calendar-slot-icon{margin:auto}.schedule-drop-preview{z-index:12;border:2px dashed var(--color-info-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-link);justify-content:center;align-items:center;gap:var(--space-1);box-sizing:border-box;pointer-events:none;font-size:var(--font-size-12);flex-direction:column;display:flex;position:absolute;left:2px;right:2px}.schedule-drop-preview small{font-size:var(--font-size-12)}.slot-grid-preview.student-drag-preview{border:2px dashed var(--color-info-border);background:var(--color-surface);color:var(--color-link);pointer-events:none}.schedule-event{touch-action:none}.public-booking-page{max-width:1160px;padding:var(--space-page);color:var(--color-text);margin:0 auto}.public-booking-brand{height:48px;margin-bottom:var(--space-section);align-items:center;display:flex}.public-booking-brand .lessonpilot-brand{width:190px}.public-booking-surface{padding:var(--space-card);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:0 8px 36px color-mix(in srgb,var(--color-shadow-color) 1.96%,transparent)}.public-booking-surface h1{font-size:var(--font-size-28);letter-spacing:-.8px;margin:0;font-weight:650}.booking-description{margin:var(--space-3) 0 var(--space-section);color:var(--color-text-muted);font-size:var(--font-size-14);line-height:1.5}.booking-frequency{gap:var(--space-section);margin-bottom:var(--space-section);flex-wrap:wrap;align-items:center;display:flex}.booking-frequency>span{font-size:var(--font-size-13);color:var(--color-text-muted)}.booking-week{margin-bottom:var(--space-section);font-size:var(--font-size-14);justify-content:space-between;align-items:center;display:flex}.booking-week>div{gap:var(--space-2);display:flex}.booking-selected-slot{pointer-events:auto;background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent);cursor:pointer;font-size:var(--font-size-12);align-items:center}.booking-calendar .student-slot-cell:disabled{opacity:1}.booking-selection{gap:var(--space-section);margin:var(--space-section) 0;font-size:var(--font-size-13);flex-wrap:wrap;align-items:center;display:flex}.booking-selection>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.booking-selection button{background:var(--color-surface-input);color:var(--color-link);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:var(--font-size-12);cursor:pointer;border:0}.booking-contact{border-top:1px solid var(--color-border);padding-top:var(--space-card);gap:var(--space-section);grid-template-columns:1fr 1fr;display:grid}.booking-contact label{gap:var(--space-2);font-size:var(--font-size-13);color:var(--color-text-muted);display:grid}.booking-contact input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-input);border-radius:var(--radius-control);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-15);color:var(--color-text)}.booking-submit{justify-content:space-between;align-items:center;gap:var(--space-section);grid-column:1/-1;display:flex}.booking-submit p{font-size:var(--font-size-12);color:var(--color-text-muted);max-width:480px;line-height:1.5}.booking-submit .button{white-space:nowrap;font-size:var(--font-size-14)}.booking-error{padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-danger);font-size:var(--font-size-14);line-height:1.5}.booking-error button{margin-left:var(--space-3);color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.booking-success{padding:var(--space-card) 0;gap:var(--space-3);text-align:center;flex-direction:column;align-items:center;display:flex}.booking-success>span{background:var(--color-surface-subtle);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--space-3);border-radius:50%;place-items:center;display:grid}.booking-success p{font-size:var(--font-size-15);max-width:450px;color:var(--color-text-muted);line-height:1.6}.booking-success strong{font-size:var(--font-size-14);color:var(--color-text-muted)}.booking-loading{padding:var(--space-card) var(--space-card);text-align:center;color:var(--color-text-muted)}@media (width<=700px){.public-booking-page{padding:var(--space-page)}.public-booking-brand{margin-bottom:var(--space-section)}.public-booking-surface{padding:var(--space-card) var(--space-card);border-radius:var(--radius-panel)}.public-booking-surface h1{font-size:var(--font-size-24)}.booking-frequency{gap:var(--space-3)}.booking-frequency .schedule-segment{width:100%}.booking-frequency .schedule-segment button{font-size:var(--font-size-12);padding:var(--space-3) var(--space-2);flex:1}.booking-contact{grid-template-columns:1fr}.booking-submit{align-items:stretch;gap:var(--space-2);flex-direction:column}.booking-submit .button{width:100%;min-height:var(--size-control)}.booking-calendar .slot-picker-grid{min-width:720px}.booking-calendar .slot-picker-grid-scroll{max-height:500px}.booking-selection{align-items:flex-start;gap:var(--space-3)}}.booking-calendar .weekly-day-head{justify-content:center;min-height:58px}.booking-calendar .weekly-day-head strong{font-size:var(--font-size-18);color:inherit;background:0 0;padding:0}.booking-calendar .weekly-selected,.booking-calendar .weekly-ghost{justify-content:center;align-items:center;gap:var(--space-2);border:3px solid var(--color-border);border-radius:var(--radius-card);z-index:2;flex-direction:column;display:flex}.booking-calendar .weekly-selected{background:var(--color-accent);color:var(--color-on-accent)}.booking-calendar .weekly-ghost{background:var(--color-surface);color:var(--color-text-ghost);box-shadow:inset 0 0 0 1px var(--color-shadow-color);border-style:solid}.weekly-ghost strong{opacity:.7}.weekly-ghost small{font-size:var(--font-size-12)}.booking-suggestion{align-items:center;gap:var(--space-3);margin:var(--space-section) 0 var(--space-section);color:var(--color-text-muted);font-size:var(--font-size-14);flex-wrap:wrap;display:flex}.booking-suggestion p{width:100%;color:var(--color-text);margin:0;font-weight:600}.booking-suggestion button,.booking-back{color:var(--color-text-ghost);cursor:pointer;font:inherit;background:0 0;border:0}.booking-next{margin-top:var(--space-section);justify-content:flex-end;display:flex}.booking-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-section);display:flex}.booking-summary{gap:var(--space-3);margin:var(--space-section) 0;flex-wrap:wrap;display:flex}.booking-summary strong{background:var(--color-surface);color:var(--color-link);padding:var(--space-card) var(--space-card);border-radius:var(--radius-card);font-size:var(--font-size-15)}.public-booking-page{max-width:1400px}.public-booking-surface{padding:var(--space-card)}.booking-calendar .slot-picker-grid-scroll{max-height:none}.booking-calendar .student-slot-cell.weekly-unavailable{background:repeating-linear-gradient(135deg,var(--color-surface-subtle) 0px,var(--color-surface-subtle) 3px,var(--color-border-subtle) 3px,var(--color-border-subtle) 4px);border-color:var(--color-border)}.booking-calendar .weekly-selected,.booking-calendar .weekly-ghost{width:calc(100% - 6px);margin-top:var(--space-1);border-radius:var(--radius-control);box-sizing:border-box;inset-inline:3px;height:54px!important}.booking-calendar .weekly-selected{border:1px solid var(--color-info-border)}.booking-calendar .weekly-ghost{border:1.5px dashed var(--color-info-border);background:color-mix(in srgb,var(--color-accent) 5.5%,transparent);color:var(--color-text-ghost);box-shadow:none}.booking-calendar .weekly-ghost strong{opacity:1}.booking-calendar .weekly-selected small,.booking-calendar .weekly-ghost small{font-size:var(--font-size-12);font-weight:400}.booking-legend{align-items:center;gap:var(--space-section);padding:var(--space-card) 0;font-size:var(--font-size-13);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.booking-legend span{align-items:center;gap:var(--space-3);display:flex}.booking-legend i{border-radius:var(--radius-xs);box-sizing:border-box;flex:none;width:40px;height:24px;display:block}.booking-legend-free{border:1px solid var(--color-border);background:var(--color-surface)}.booking-legend-unavailable{background:repeating-linear-gradient(135deg,var(--color-surface-subtle) 0px,var(--color-surface-subtle) 3px,var(--color-border-subtle) 3px,var(--color-border-subtle) 4px);border:1px solid var(--color-border)}.booking-legend-ghost{background:color-mix(in srgb,var(--color-accent) 5.5%,transparent);border:1.5px dashed var(--color-info-border)}.booking-legend-selected{background:var(--color-accent)}.booking-calendar{border-bottom:1px solid var(--color-border)}.booking-steps{width:310px;max-width:100%;margin:var(--space-section) 0 var(--space-section);color:var(--color-text-muted);font-size:var(--font-size-14);display:flex}.booking-steps span{padding:0 0 var(--space-card);border-bottom:3px solid var(--color-border);flex:1}.booking-steps .is-current{border-color:var(--color-info-border);color:var(--color-link);font-weight:600}.booking-frequency .schedule-segment{gap:var(--space-3);background:0 0;padding:0}.booking-frequency .schedule-segment button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-control);box-shadow:none;padding:var(--space-3) var(--space-card)}.booking-frequency .schedule-segment button[aria-pressed=true]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-info-border)}.booking-suggestion{margin:0 0 var(--space-section);font-size:var(--font-size-13);justify-content:flex-end}.booking-selection{margin-bottom:var(--space-3)}.booking-selection p{width:100%;color:var(--color-text-muted);margin:0}.booking-selection>div:empty{display:none}.booking-next{gap:var(--space-section);margin-top:var(--space-3)}.booking-accept{border:1px solid var(--color-info-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-link);font:inherit;font-size:var(--font-size-14);padding:var(--space-3) var(--space-card);cursor:pointer;font-weight:600}.booking-next .button.primary{background:var(--color-accent);border-color:var(--color-info-border);border-radius:var(--radius-control);min-width:160px}.booking-next button:disabled{opacity:.4;cursor:default}@media (width<=700px){.public-booking-surface{padding:var(--space-card) var(--space-card)}.booking-calendar .slot-picker-grid-scroll{max-height:none}.booking-legend{gap:var(--space-section) var(--space-section);font-size:var(--font-size-12)}.booking-legend i{width:28px;height:20px}.booking-next{flex-wrap:wrap}.booking-next button{white-space:nowrap;flex:1}.booking-frequency .schedule-segment{gap:var(--space-2)}.booking-frequency .schedule-segment button{padding:var(--space-3) var(--space-2)}}.booking-calendar .student-slot-cell.weekly-selected,.booking-calendar .student-slot-cell.weekly-selected:hover,.booking-calendar .student-slot-cell.weekly-selected:focus-visible{background:var(--color-accent);color:var(--color-on-accent)}.booking-calendar .student-slot-cell.weekly-ghost,.booking-calendar .student-slot-cell.weekly-ghost:hover,.booking-calendar .student-slot-cell.weekly-ghost:focus-visible{background:color-mix(in srgb,var(--color-accent) 5.5%,transparent);color:var(--color-text-ghost)}.booking-calendar .weekly-selected{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.booking-calendar .weekly-selected:active{cursor:grabbing}.booking-calendar .student-slot-cell.is-drag-source{opacity:.45}.booking-slot-remove{z-index:5;background:var(--color-surface);width:22px;height:22px;color:var(--color-link);font-size:var(--font-size-20);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;right:6px}.booking-slot-wrap:focus-within .booking-slot-remove,.booking-slot-wrap:hover .booking-slot-remove{opacity:1}.booking-drag-preview{z-index:6;pointer-events:none;border:2px dashed var(--color-info-border);border-radius:var(--radius-control);background:var(--color-surface);gap:var(--space-2);color:var(--color-link);font-size:var(--font-size-12);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline:3px}.booking-drag-preview small{font-size:var(--font-size-12)}.booking-drag-help{font-size:var(--font-size-12);color:var(--color-text-muted);margin:var(--space-3) 0 0}@media (hover:none){.booking-slot-remove{opacity:1}}@property --class-entry-blur{syntax:"<length>";inherits:true;initial-value:0}.class-entry-content[data-class-entry-phase]{--class-entry-blur:8px}.class-entry-content[data-class-entry-phase]>*{filter:blur(var(--class-entry-blur))}.class-entry-content[data-class-entry-phase=intro]{animation:.36s ease-in-out both class-entry-page-cover}.class-entry-content[data-class-entry-phase=revealing]{animation:.6s ease-in-out both class-entry-page-reveal}@keyframes class-entry-page-cover{0%{--class-entry-blur:0px}to{--class-entry-blur:8px}}@keyframes class-entry-page-reveal{0%{--class-entry-blur:8px}to{--class-entry-blur:0px}}.class-entry-content{display:contents}.class-entry-transition{z-index:1000;isolation:isolate;background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent);color:var(--color-text);animation:.36s ease-in-out both class-entry-cover;position:fixed;inset:0;overflow:hidden}.class-entry-message{justify-content:center;align-items:center;gap:var(--space-section);padding:var(--space-page);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0}.class-entry-title{justify-content:center;align-items:center;gap:var(--space-inline);text-align:center;letter-spacing:-.055em;max-width:100%;margin:0;font-size:clamp(44px,12vw,160px);font-weight:650;line-height:1.04;display:flex}.class-entry-plane{flex:none;width:.96em;display:flex}.class-entry-plane .lessonpilot-brand{width:100%}.class-entry-title-copy{white-space:nowrap;word-spacing:.12em}.class-entry-title-accent{color:var(--color-success)}.class-entry-status{bottom:calc(var(--space-page) + var(--size-control-touch) + var(--space-section));inset-inline:var(--space-page);text-align:center;font-size:var(--font-size-14);color:var(--color-text-muted);position:absolute}.class-entry-dismiss{bottom:var(--space-page);padding:var(--space-inline) var(--space-card);min-height:var(--size-control-touch);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;position:absolute;left:50%;transform:translate(-50%)}.class-entry-dismiss:hover{background:var(--color-surface-hover)}.class-entry-dismiss:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.class-entry-transition[data-phase=revealing]{pointer-events:none;animation:.6s ease-in-out both class-entry-reveal}.class-entry-transition[data-artwork=fallback][data-phase=revealing] .class-entry-message{animation:.4s ease-in both class-entry-message-out}.class-entry-transition[data-quiet=true]{-webkit-backdrop-filter:none;background:var(--color-page);animation:none}.class-entry-transition[data-quiet=true][data-phase=revealing]{animation:.14s ease-out both class-entry-fade}.class-entry-transition[data-quiet=true][data-phase=revealing] .class-entry-message{animation:none}@keyframes class-entry-cover{0%{background:0 0}to{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent)}}@keyframes class-entry-reveal{0%{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent)}to{background:0 0}}@keyframes class-entry-title-in{0%{opacity:0;filter:blur(14px);transform:translateY(12px)scale(.98)}to{opacity:1;filter:blur();transform:none}}@keyframes class-entry-message-out{to{opacity:0;filter:blur(8px);transform:translateY(-6px)}}@keyframes class-entry-fade{to{opacity:0}}.class-entry-particles,.class-entry-canvas{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.class-entry-transition[data-artwork=particles] .class-entry-particles,.class-entry-canvas{opacity:1}.class-entry-transition:not([data-quiet=true]):not([data-artwork=fallback]) .class-entry-title{opacity:0}.class-entry-transition[data-artwork=fallback] .class-entry-title{animation:.6s ease-out both class-entry-title-in}@media (prefers-reduced-motion:reduce){.class-entry-transition,.class-entry-title{animation:none}.class-entry-transition[data-phase=revealing]{animation:.14s ease-out both class-entry-fade}.class-entry-transition[data-phase=revealing] .class-entry-message{animation:none}}@media (prefers-reduced-transparency:reduce){.class-entry-transition{background:var(--color-page);animation:none}.class-entry-transition[data-phase=revealing]{animation:.6s ease-in-out both class-entry-fade}}.class-entry-transition[data-artwork=canvas] .class-entry-canvas{opacity:1}.class-entry-content[data-class-entry-phase=exit-intro]{animation:.6s ease-in-out reverse both class-entry-page-reveal}.class-entry-content[data-class-entry-phase=exit-waiting]{--class-entry-blur:8px;animation:none}.class-entry-content[data-class-entry-phase=exit-revealing]{animation:.36s ease-in-out reverse both class-entry-page-cover}.class-entry-transition[data-direction=exit][data-phase=preparing]{background:0 0;animation:none}.class-entry-transition[data-direction=exit][data-phase=intro]{animation:.6s ease-in-out reverse both class-entry-reveal}.class-entry-transition[data-direction=exit][data-phase=waiting]{animation:none}.class-entry-transition[data-direction=exit][data-phase=revealing]{animation:.36s ease-in-out reverse both class-entry-cover}.class-entry-transition[data-direction=exit] .class-entry-dismiss{pointer-events:auto}.class-entry-transition[data-direction=exit][data-artwork=fallback] .class-entry-title{animation:.6s ease-out .9s reverse both class-entry-title-in}.class-entry-transition[data-direction=exit][data-artwork=fallback] .class-entry-message{animation:.4s ease-in .2s reverse both class-entry-message-out}.class-entry-transition[data-direction=exit][data-phase=preparing] .class-entry-message{visibility:hidden}@media (prefers-reduced-transparency:reduce){.class-entry-transition[data-direction=exit]{background:var(--color-page)}.class-entry-transition[data-direction=exit][data-phase=intro]{animation:.6s ease-in-out reverse both class-entry-fade}.class-entry-transition[data-direction=exit][data-phase=revealing]{animation:.36s ease-in-out both class-entry-fade}}.popover-pointer{box-sizing:border-box;background:var(--popover-pointer-surface,var(--color-surface));border:0 solid var(--popover-pointer-border,var(--color-border));pointer-events:none;width:14px;height:14px;display:block;position:absolute;transform:rotate(45deg)}.popover-pointer[data-side=top]{top:-8px;left:calc(var(--popover-pointer-offset,50%) - 7px);border-top-width:1px;border-left-width:1px}.popover-pointer[data-side=bottom]{bottom:-8px;left:calc(var(--popover-pointer-offset,50%) - 7px);border-bottom-width:1px;border-right-width:1px}.popover-pointer[data-side=left]{left:-8px;top:calc(var(--popover-pointer-offset,50%) - 7px);border-bottom-width:1px;border-left-width:1px}.popover-pointer[data-side=right]{right:-8px;top:calc(var(--popover-pointer-offset,50%) - 7px);border-top-width:1px;border-right-width:1px}[data-side=left]>.popover-pointer[data-follow-placement=horizontal]{border:0 solid var(--popover-pointer-border,var(--color-border));border-top-width:1px;border-right-width:1px;left:auto;right:-8px}[data-side=above]>.popover-pointer[data-follow-placement]{right:auto;left:calc(var(--popover-pointer-offset,50%) - 7px);border:0 solid var(--popover-pointer-border,var(--color-border));border-bottom-width:1px;border-right-width:1px;top:auto;bottom:-8px}.popover-pointer[data-position=fixed]{position:fixed;bottom:auto;right:auto}[data-side=below]>.popover-pointer[data-follow-placement=horizontal]{bottom:auto;right:auto;left:calc(var(--popover-pointer-offset,50%) - 7px);border:0 solid var(--popover-pointer-border,var(--color-border));border-top-width:1px;border-left-width:1px;top:-8px}.student-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.student-avatar-icon{flex:none;width:55%;min-width:18px;height:55%;min-height:18px}.student-avatar-emoji{font-size:inherit;place-items:center;line-height:1;display:grid}.student-avatar-trigger{width:var(--size-avatar-profile);height:var(--size-avatar-profile);border:1px solid var(--color-border);background:var(--color-surface-selected);color:var(--color-link);font-size:var(--font-size-32);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.student-avatar-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-link)}.student-avatar-trigger:active{background:var(--color-surface-selected)}.student-avatar-trigger:disabled{opacity:.5;cursor:default}.student-avatar-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.student-avatar-picker{box-sizing:border-box;width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-dialog);border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);overflow:auto}.student-avatar-picker::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 35%,transparent)}.student-avatar-picker header{justify-content:space-between;align-items:center;gap:var(--space-inline);margin-bottom:var(--space-section);display:flex}.student-avatar-picker h2{font-size:var(--font-size-20);margin:0}.student-avatar-picker header button{width:var(--size-control);height:var(--size-control);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.student-avatar-options{gap:var(--space-inline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.student-avatar-options button{aspect-ratio:1;min-width:0;min-height:var(--size-control-touch);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-size-28);padding:var(--space-2);cursor:pointer;place-items:center;display:grid}.student-avatar-options button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-link);color:var(--color-link)}.student-avatar-options button:hover,.student-avatar-picker header button:hover{background:var(--color-surface-hover)}.student-avatar-picker button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-avatar-photo-actions{gap:var(--space-inline);margin-top:var(--space-section);flex-wrap:wrap;display:flex}.student-avatar-picker .button{min-height:var(--size-control-touch)}.student-avatar-character{background-image:url(/avatars/worlds-atlas-v1.png);background-repeat:no-repeat;background-size:400% 500%;flex:none;width:100%;height:100%;display:block}.student-avatar-categories{gap:var(--space-1);margin-bottom:var(--space-section);flex-wrap:wrap;display:flex}.student-avatar-categories button{border-radius:var(--radius-small);padding:var(--space-2) var(--space-2);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-13);cursor:pointer;min-height:var(--size-control-compact);background:0 0;border:0}.student-avatar-categories button[aria-selected=true]{background:var(--color-surface-selected);color:var(--color-link);font-weight:600}.student-avatar-categories button:hover{background:var(--color-surface-hover)}.student-avatar-options button{padding:0;overflow:hidden}.student-avatar-add-photo{width:var(--size-control-touch);height:var(--size-control-touch);border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-link);cursor:pointer;place-items:center;display:grid}.student-avatar-add-photo:hover{background:var(--color-surface-selected);border-color:var(--color-link)}@media (pointer:coarse){.student-avatar-categories button{min-height:var(--size-control-touch)}}.student-avatar-control{align-items:center;gap:var(--space-identity);flex-direction:column;min-width:0;display:flex}.student-avatar-picker{width:min(640px,100vw - 32px)}.student-avatar-options{grid-template-columns:repeat(5,minmax(0,1fr))}.student-avatar-current{align-items:center;gap:var(--space-identity);padding:var(--space-card);margin-bottom:var(--space-section);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:flex}.student-avatar-current-preview{width:var(--size-avatar-class);height:var(--size-avatar-class);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-link);cursor:pointer;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.student-avatar-current>div{gap:var(--space-inline);min-width:0;display:grid}.student-avatar-current>div>span{font-size:var(--font-size-13);color:var(--color-text-muted)}.student-avatar-current-actions{align-items:center;gap:var(--space-inline);flex-wrap:wrap;display:flex}.student-avatar-current .student-avatar-add-photo{width:auto;height:auto;min-height:var(--size-control);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-14);background:var(--color-surface);color:var(--color-link);display:inline-flex}.student-avatar-current-preview:hover{border-color:var(--color-link);background:var(--color-surface-hover)}@media (width<=480px){.student-avatar-options{grid-template-columns:repeat(4,minmax(0,1fr))}.student-avatar-current{padding:var(--space-3)}}.student-avatar-upload{width:min(460px,100vw - 32px)}.student-avatar-character{clip-path:inset(0 0 6%)}.student-avatar-current .student-avatar-add-photo:hover{background:var(--color-surface-hover);border-color:var(--color-link)}.student-avatar-picker:not(.student-avatar-upload) .student-avatar-options{aspect-ratio:5/4;grid-template-rows:repeat(4,minmax(0,1fr));align-content:start}.student-avatar-picker:not(.student-avatar-upload) .student-avatar-options button{aspect-ratio:auto;height:100%}@media (width<=480px){.student-avatar-picker:not(.student-avatar-upload) .student-avatar-options{aspect-ratio:4/5;grid-template-rows:repeat(5,minmax(0,1fr))}}.student-avatar-auto{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.student-avatar-auto[data-tone=info]{background:var(--color-info-surface);color:var(--color-info)}.student-avatar-auto[data-tone=purple]{background:var(--color-purple-surface);color:var(--color-purple)}.student-avatar-auto[data-tone=teal]{background:var(--color-teal-surface);color:var(--color-teal)}.student-avatar-auto[data-tone=warning]{background:var(--color-warning-surface);color:var(--color-warning)}.student-avatar-auto[data-tone=success]{background:var(--color-success-surface);color:var(--color-success)}.student-avatar-auto[data-tone=danger]{background:var(--color-danger-surface);color:var(--color-danger)}.classroom-participants-panel{z-index:125;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 28px var(--color-shadow);box-sizing:border-box;padding:0;position:fixed;overflow:visible}.participant-content>header{align-items:start;gap:var(--space-inline);display:flex}.classroom-participants-panel h2{font-size:var(--font-size-18);margin:0}.classroom-participants-panel header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14)}.participant-close,.participant-back{background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-small);width:var(--size-control-compact);height:var(--size-control-compact);cursor:pointer;border:0;place-items:center;display:grid}.participant-close{margin-left:auto}.participant-group{gap:var(--space-inline);padding-block:var(--space-inline);display:grid}.participant-group+.participant-group{border-top:1px solid var(--color-border)}.participant-group h3{font-size:var(--font-size-14);color:var(--color-text-muted);margin:0;font-weight:400}.participant-group h3>span{margin-left:var(--space-inline);color:var(--color-text);font-weight:400}.participant-row{align-items:center;gap:var(--space-identity);width:100%;padding:var(--space-1) 0;border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;border:0;display:flex}.participant-row>svg{color:var(--color-text-muted);flex:none;margin-left:auto}.class-participant-avatar{width:var(--size-avatar-list);height:var(--size-avatar-list);background:var(--color-info-surface);color:var(--color-link);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.class-participant-avatar[data-role=student]{background:var(--color-success-surface);color:var(--color-success)}.class-participant-avatar>i{box-sizing:border-box;border:2px solid var(--color-surface);background:var(--color-text-muted);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.class-participant-avatar[data-connected=true]>i{background:var(--color-action-success)}.participant-copy{flex:1;min-width:0}.participant-name-role{align-items:center;gap:var(--space-inline);flex-wrap:wrap;display:flex}.participant-copy strong{font-weight:500;font-size:var(--font-size-14);overflow-wrap:anywhere}.participant-copy small{margin-top:var(--space-1);font-size:var(--font-size-13);color:var(--color-text-muted);overflow-wrap:anywhere;display:block}.participant-role{padding:var(--space-1) var(--space-inline);border-radius:var(--radius-xs);font-size:var(--font-size-12);background:var(--color-info-surface);color:var(--color-link);display:inline-flex}.participant-role[data-role=student]{background:var(--color-success-surface);color:var(--color-success)}.participant-members-link{align-items:center;gap:var(--space-inline);padding-top:var(--space-section);border-top:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-14);text-decoration:none;display:flex}.participant-detail{justify-items:start;gap:var(--space-list);padding-top:var(--space-section);display:grid}.participant-detail h3,.participant-detail p{margin:0}.participant-email-copy{align-items:center;gap:var(--space-inline);overflow-wrap:anywhere;background:var(--color-surface);color:var(--color-link);font:inherit;cursor:pointer;border:0;flex-wrap:wrap;padding:0;display:flex}.classroom-participants-panel :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=760px){.participant-row{padding-inline:0}.participant-name-role{gap:var(--space-1)}}.participant-content>.participant-group:first-of-type{padding-top:0}.participant-content>.participant-group:last-child{padding-bottom:0}.class-participant-avatar>:is(img,.student-avatar-character){object-fit:cover;border-radius:50%;width:100%;height:100%}.participant-role{background:var(--color-info-surface);color:var(--color-link)}.participant-members-link{min-height:var(--size-control);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface-subtle);border:0;justify-content:center;font-weight:400}.participant-members-link:hover{background:var(--color-surface-hover)}.participant-content{padding:var(--space-identity);max-height:inherit;box-sizing:border-box;border-radius:inherit;overflow:auto}.classroom-participants-panel .participant-row{min-height:var(--size-control-touch);box-sizing:border-box;gap:var(--space-inline)}.classroom-participants-panel .participant-row .class-participant-avatar{width:var(--size-avatar-small);height:var(--size-avatar-small)}.classroom-participants-panel .participant-members-link{box-sizing:border-box;min-height:var(--size-control-compact);padding:var(--space-1) var(--space-row-inline)}.classroom-participants-panel h2,.classroom-participants-panel .participant-detail h3{font-weight:500}.classroom-participants-panel .participant-role{font-weight:400}.classroom-participants-panel .participant-name-role{align-items:flex-start;gap:var(--space-1);flex-direction:column}.classroom-participants-panel:focus{outline:none}.classroom-participants-panel .participant-row{padding:var(--space-inline) var(--space-row-inline);border-radius:var(--radius-card);box-shadow:none;gap:var(--space-identity);outline:none}.classroom-participants-panel .participant-row:focus{outline:none}.classroom-participants-panel .participant-row:is(:hover,:focus-visible){background:var(--color-info-surface);box-shadow:inset 0 0 0 1px var(--color-info-border)}.classroom-participants-panel .participant-row:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus)}.classroom-participants-panel .participant-row:active{background:var(--color-surface-selected)}.classroom-participants-panel .participant-row .participant-role{padding-block:0;line-height:1.5}.classroom-participants-panel .participant-row:is(:hover,:focus-visible) .class-participant-avatar>i{border-color:var(--color-info-surface)}.classroom-participants-panel .participant-row:active .class-participant-avatar>i{border-color:var(--color-surface-selected)}.participant-row-chevron{width:var(--size-icon-small);height:var(--size-icon-small);opacity:0}.participant-row:is(:hover,:focus-visible,:active) .participant-row-chevron{opacity:1}.classroom-participant-dialog{box-sizing:border-box;width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-dialog);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:0 12px 40px var(--color-shadow);overflow:auto}.classroom-participant-dialog::backdrop{background:var(--color-backdrop)}.classroom-participant-dialog>header{align-items:center;gap:var(--space-identity);display:flex}.classroom-participant-dialog h2{font-size:var(--font-size-20);margin:0;font-weight:600}.classroom-participant-dialog .participant-detail{align-items:center;gap:var(--space-section);padding-top:var(--space-section);display:flex}.classroom-participant-dialog .class-participant-avatar{width:96px;height:96px;font-size:var(--font-size-32)}.classroom-participant-dialog .class-participant-avatar>i{border-width:3px;width:20px;height:20px}.participant-dialog-identity{justify-items:start;gap:var(--space-identity);flex:1;min-width:0;display:grid}.classroom-participant-dialog h3{font-size:var(--font-size-24);overflow-wrap:anywhere}.classroom-participant-dialog .participant-email-copy{max-width:100%;padding:var(--space-inline) var(--space-identity);border-radius:var(--radius-small);background:var(--color-surface-subtle);color:var(--color-text-muted);text-align:start;flex-wrap:nowrap}.participant-email-copy>span{overflow-wrap:anywhere;min-width:0}.participant-email-copy>svg{flex:none}.participant-dialog-status{align-items:center;gap:var(--space-inline);color:var(--color-text-muted);display:flex}.participant-dialog-status>i{background:var(--color-text-muted);border-radius:50%;width:12px;height:12px}.participant-dialog-status[data-connected=true]{color:var(--color-success)}.participant-dialog-status[data-connected=true]>i{background:var(--color-action-success)}.participant-copy-result{font-size:var(--font-size-13);margin:var(--space-inline) 0;color:var(--color-text-muted)}.participant-copy-result:empty{display:none}.participant-dialog-class{align-items:start;gap:var(--space-section);border-top:1px solid var(--color-border);padding-block:var(--space-section);margin-top:var(--space-section);display:flex}.participant-dialog-class>span{align-items:center;gap:var(--space-inline);color:var(--color-text-muted);flex:none;display:flex}.participant-dialog-class>strong{overflow-wrap:anywhere;margin-left:auto;font-weight:500}.participant-profile-link{align-items:center;gap:var(--space-inline);box-sizing:border-box;flex-wrap:wrap;width:100%;text-decoration:none;display:flex}.participant-profile-link>svg{margin-left:auto}.participant-new-tab{width:100%;font-size:var(--font-size-12)}.participant-email-empty{color:var(--color-text-muted);font-size:var(--font-size-14)}.classroom-participant-dialog :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=760px){.classroom-participant-dialog{padding:var(--space-card)}.classroom-participant-dialog .class-participant-avatar{width:var(--size-avatar-profile);height:var(--size-avatar-profile)}.classroom-participant-dialog h3{font-size:var(--font-size-20)}}.classroom-participant-dialog .class-participant-avatar>i{display:none}.classroom-participant-dialog .participant-detail{padding-top:var(--space-dialog-section);align-items:flex-start}.classroom-participant-dialog .participant-role{background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-16);padding:0}.classroom-participant-dialog .participant-dialog-status{font-size:var(--font-size-16);margin-top:var(--space-inline)}.classroom-participant-dialog .participant-dialog-identity{gap:var(--space-identity)}.classroom-participant-dialog .participant-profile-link{font-size:var(--font-size-16);min-height:var(--size-control-touch);justify-content:space-between;font-weight:500}.classroom-participant-dialog .participant-copy-result{margin-block:var(--space-inline)}.classroom-shell{background:var(--color-page);min-height:100dvh;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.classroom-header-host{z-index:40;min-height:56px;position:sticky;top:0}.classroom-header{align-items:center;gap:var(--space-inline);min-height:56px;padding:var(--space-inline) var(--space-page);background:var(--color-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);display:flex}.classroom-header button{font:inherit;font-size:var(--font-size-14);cursor:pointer;flex:none}.classroom-brand{flex:none;place-items:center;width:36px;display:grid}.classroom-brand img{width:36px;height:var(--size-control-compact);object-fit:contain}.classroom-materials,.classroom-class-button,.classroom-lesson-symbol{justify-content:center;align-items:center;gap:var(--space-inline);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);height:var(--size-control-compact);padding:0 var(--space-identity);display:flex}.classroom-lesson-symbol{width:32px;font-size:var(--font-size-14);flex:none;padding:0}.classroom-navigation{justify-content:center;align-self:stretch;gap:var(--space-inline);min-width:0;margin-inline:auto;display:flex}.classroom-navigation button{color:var(--color-text-muted);padding:var(--space-inline) var(--space-identity);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.classroom-navigation button[aria-current]{color:var(--color-link);border-bottom-color:var(--color-accent)}.classroom-people{align-items:center;gap:var(--space-1);flex:none;display:flex}.classroom-avatar{width:var(--size-avatar-tiny);height:var(--size-avatar-tiny);background:var(--color-info-surface);color:var(--color-link);font-size:var(--font-size-13);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;position:relative}.classroom-avatar i{border:2px solid var(--color-surface);background:var(--color-text-muted);border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.classroom-avatar[data-connected=true] i{background:var(--color-action-success)}.classroom-class-button{padding:0 calc(var(--space-3) / 2);gap:var(--space-1)}.classroom-exit{width:36px;height:var(--size-control-compact);border-radius:var(--radius-small);background:var(--color-action-danger);color:var(--color-on-action-danger);border:0;place-items:center;display:grid}.classroom-exit:hover{background:var(--color-action-danger-hover)}.classroom-header button:not(.classroom-exit):hover,.classroom-class-panel button:hover{background:var(--color-surface-hover)}.classroom-header button:focus-visible,.classroom-class-panel button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.classroom-header button:disabled,.classroom-class-panel button:disabled{opacity:.5;cursor:default}.classroom-save-status{font-size:var(--font-size-12);color:var(--color-text-muted)}.classroom-main{max-width:1600px;padding:var(--space-page);min-width:0;margin-inline:auto}.classroom-class-panel{z-index:120;padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 28px var(--color-shadow);overscroll-behavior:contain;font-size:var(--font-size-14);position:fixed;overflow:auto}.classroom-panel-title,.classroom-person{align-items:center;gap:var(--space-identity);display:flex}.classroom-panel-title strong,.classroom-person strong{font-size:var(--font-size-14);overflow-wrap:anywhere;display:block}.classroom-class-panel small{font-size:var(--font-size-12);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.classroom-participants,.classroom-role-options{gap:var(--space-list);padding-block:var(--space-card);border-block:1px solid var(--color-border);margin-top:var(--space-section);display:grid}.classroom-role-options{border-top:0;margin:0}.classroom-role-options button{font:inherit}.classroom-menu-exit{align-items:center;gap:var(--space-inline);width:100%;margin-top:var(--space-inline);padding:var(--space-row-block) var(--space-identity);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-danger);font:inherit;cursor:pointer;text-align:start;border:0;display:flex}.classroom-shell .classroom-main .lesson-workspace{min-width:0;max-width:none;margin:0;padding:0}.classroom-shell .classroom-main .lesson-editor-columns,.classroom-shell .classroom-main .student-lesson-columns{gap:var(--space-section);grid-template-columns:minmax(0,1fr) 250px;align-items:start;max-width:none;margin:0;display:grid}.classroom-shell .classroom-main .lesson-editor-main{--lesson-block-inset:calc(var(--space-card) + var(--space-page));padding:var(--space-card) var(--lesson-block-inset);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none;min-width:0}.classroom-shell .classroom-main .lesson-main-heading h1{font-size:var(--font-size-24);letter-spacing:-.02em;line-height:1.3}.classroom-shell .classroom-main .lesson-sections-panel{padding:var(--space-card);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none}.classroom-shell .classroom-main .lesson-block{padding-block:var(--space-section)}.classroom-shell .classroom-main .student-live-material{border:0;min-width:0;margin:0;padding:0}.classroom-shell .classroom-main .student-task-toolbar:empty{display:none}.classroom-shell .homework-flat .lesson-editor-columns,.classroom-shell .classroom-main .student-lesson-columns.homework-flat{grid-template-columns:minmax(0,1fr)}.classroom-shell .sidebar-collapsed .lesson-editor-columns,.classroom-shell .classroom-main .student-lesson-columns.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 56px}@media (width<=760px){.classroom-header{padding:var(--space-inline) var(--space-identity);gap:var(--space-1);overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.classroom-header-host{min-height:56px}.classroom-navigation{gap:var(--space-inline);flex:none;width:auto}.classroom-navigation button{padding:var(--space-inline);min-height:var(--size-control)}.classroom-people{margin-left:auto}.classroom-brand,.classroom-brand img{width:28px;height:28px}.classroom-materials{padding:0 var(--space-inline)}.classroom-lesson-symbol{width:28px}.classroom-people>.classroom-avatar{width:24px;height:24px;font-size:var(--font-size-12)}.classroom-class-button,.classroom-exit{min-width:44px;height:var(--size-control-touch)}.classroom-main{padding:var(--space-identity)}.classroom-shell .classroom-main .lesson-editor-main{--lesson-block-inset:var(--space-card)}.classroom-shell .classroom-main .lesson-editor-columns,.classroom-shell .classroom-main .student-lesson-columns,.classroom-shell .sidebar-collapsed .lesson-editor-columns,.classroom-shell .classroom-main .student-lesson-columns.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.classroom-shell .classroom-main .lesson-main-heading h1{font-size:var(--font-size-20)}.classroom-shell .classroom-main .lesson-sections-panel{max-width:100%;position:static}.classroom-save-status{white-space:nowrap;flex:none}}@media (width<=360px){.classroom-materials span{display:none}.classroom-materials{width:36px}.classroom-header .classroom-lesson-symbol{width:24px}}.classroom-role-options .material-settings-popover{width:auto;max-width:100%;box-shadow:none;margin-top:var(--space-section);border:0;padding:0;position:static}.classroom-role-options>button{text-align:start;padding:var(--space-inline) var(--space-identity)}.classroom-shell .classroom-main .lesson-workspace{width:100%;display:block}.classroom-shell .classroom-main .student-sections{padding:var(--space-card);border-radius:var(--radius-card);max-height:calc(100dvh - 96px);top:72px}.classroom-shell .classroom-main .material-sidebar{top:72px}.classroom-people>.classroom-avatar{width:var(--size-avatar-small);height:var(--size-avatar-small);font-size:var(--font-size-16)}.classroom-header .classroom-class-button,.classroom-header .classroom-exit{height:var(--size-control-compact);min-width:var(--size-control-compact)}.classroom-cover{width:var(--size-avatar-tiny);height:var(--size-avatar-tiny);border-radius:var(--radius-xs);background:var(--color-info-surface);color:var(--color-link);font-size:var(--font-size-18);place-items:center;font-weight:600;display:grid;overflow:hidden}.classroom-cover img{object-fit:cover;width:100%;height:100%}@media (width<=760px){.classroom-people>.classroom-avatar{width:var(--size-avatar-small);height:var(--size-avatar-small);font-size:var(--font-size-16)}.classroom-materials span{display:none}.classroom-materials{width:var(--size-control-compact)}}.classroom-avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.classroom-avatar>i{border:2px solid var(--color-surface);box-sizing:border-box;width:12px;height:12px;bottom:0;right:0}.presence-bubbles{pointer-events:none;position:absolute;inset:0}.presence-bubbles b{background:var(--color-action-success);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.presence-enter{animation:.65s cubic-bezier(.2,.8,.2,1) class-presence-enter}.presence-enter .presence-bubbles:before{content:"";border:2px solid var(--color-action-success);opacity:0;border-radius:50%;animation:1.2s ease-out class-presence-ring;position:absolute;inset:-4px}.presence-enter .presence-bubbles b{animation:1.5s ease-out 1.2s 3 class-presence-bubble}.presence-enter .presence-bubbles b:nth-child(2){animation-delay:1.4s}.presence-enter .presence-bubbles b:nth-child(3){animation-delay:1.6s}.presence-leave{animation:.65s ease-in forwards class-presence-leave}@keyframes class-presence-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes class-presence-ring{0%{opacity:0;transform:scale(.88)}20%,65%{opacity:1}to{opacity:0;transform:scale(1.18)}}@keyframes class-presence-bubble{0%{opacity:.8;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(10px,-24px)scale(1.2)}}@keyframes class-presence-leave{to{opacity:0;transform:translateY(-8px)scale(.85)}}@media (prefers-reduced-motion:reduce){.classroom-avatar,.presence-bubbles b,.presence-bubbles:before{animation:none!important}}:root[data-teacher-motion=reduce] .classroom-avatar,:root[data-teacher-motion=reduce] .presence-bubbles b,:root[data-teacher-motion=reduce] .presence-bubbles:before{animation:none}.presence-leave .presence-bubbles b{background:var(--color-text-muted);animation:.65s ease-out class-presence-bubble}@media (prefers-reduced-motion:reduce){.presence-leave .presence-bubbles b{animation:none}}:root[data-teacher-motion=reduce] .presence-leave .presence-bubbles b{animation:none}button.classroom-avatar{cursor:pointer;border:0;padding:0;font-family:inherit}.classroom-avatar[data-role=student]{background:var(--color-success-surface);color:var(--color-success)}.classroom-add-student{width:var(--size-control-compact);height:var(--size-control-touch);border-radius:var(--radius-small);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.classroom-add-student>svg{transform:scaleX(-1)}@media (width<=360px){.classroom-people{gap:var(--space-1)}.classroom-header .classroom-class-button{padding-inline:var(--space-1)}.classroom-class-button>svg{display:none}.classroom-people>.classroom-avatar{width:var(--size-avatar-tiny);height:var(--size-avatar-tiny)}}.classroom-shell .classroom-main .lesson-main-heading{height:auto;min-height:0;margin:0 0 var(--space-heading);gap:var(--space-inline)}.classroom-avatar>.student-avatar-character{border-radius:50%}.classroom-exit>svg{width:var(--size-icon);height:var(--size-icon)}@media (pointer:coarse){.classroom-header .classroom-class-button,.classroom-header .classroom-exit{min-height:var(--size-control-touch);min-width:var(--size-control-touch)}.classroom-people>.classroom-avatar:after{content:"";inset:calc((var(--size-avatar-small) - var(--size-control-touch)) / 2);position:absolute}}.classroom-class-panel .classroom-panel-title{padding-bottom:var(--space-section)}.classroom-class-panel .classroom-panel-title>.classroom-cover{width:var(--size-avatar-list);height:var(--size-avatar-list);font-size:var(--font-size-24)}.classroom-class-panel .classroom-panel-title strong{font-size:var(--font-size-18)}.classroom-role-options{gap:var(--space-inline);padding-top:0}.classroom-role-options .classroom-menu-action{align-items:center;gap:var(--space-identity);border-radius:var(--radius-control);background:var(--color-surface);width:100%;color:var(--color-text);padding:var(--space-row-block) var(--space-row-inline);cursor:pointer;text-align:start;border:0;display:flex}.classroom-menu-action strong{font-weight:500;font-size:var(--font-size-16)}.classroom-menu-action>svg:last-child{color:var(--color-text-muted);flex:none;margin-left:auto}.classroom-action-icon{width:var(--size-control-touch);height:var(--size-control-touch);color:var(--color-text-muted);flex:none;place-items:center;display:grid}.classroom-role-options .classroom-menu-invite{background:var(--color-info-surface)}.classroom-menu-invite .classroom-action-icon{background:var(--color-accent);color:var(--color-on-accent);border-radius:50%}.classroom-role-options .classroom-menu-invite:hover{background:var(--color-surface-selected)}.classroom-menu-exit{width:100%;padding:var(--space-row-block) var(--space-row-inline);gap:var(--space-identity)}.classroom-avatar-tooltip{z-index:1300;box-sizing:border-box;width:max-content;max-width:min(300px,100vw - 16px);padding:var(--space-inline) var(--space-identity);border:1px solid var(--color-tooltip-surface);border-radius:var(--radius-control);background:var(--color-tooltip-surface);color:var(--color-tooltip-text);box-shadow:0 4px 16px var(--color-shadow);font-size:var(--font-size-14);overflow-wrap:anywhere;pointer-events:none;--popover-pointer-surface:var(--color-tooltip-surface);--popover-pointer-border:var(--color-tooltip-surface);position:fixed}.classroom-avatar-tooltip strong{font-weight:600}.classroom-avatar-tooltip>span:not(.popover-pointer){margin-top:var(--space-1);font-size:var(--font-size-13);display:block}.classroom-header button.classroom-brand{border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;padding:0}:root[data-ui-theme=dark] .student-page{background:var(--bg);color:var(--text)}:root[data-ui-theme=dark] .student-page .lesson-workspace{color:var(--text)}:root[data-ui-theme=dark] .student-page :is(.student-header,.lesson-editor-main,.student-sections,.choice-option,.tf-card,.tf-option,.pair-link-card,.vocabulary-learning-card,.category-card,.category-column,.ordering-bank-card,.ordering-slot,.ordering-confirm,.gap-drop-target,.inline-answer-trigger,.external-link){background:var(--surface);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .student-page :is(.exercise-auto-number,.audio-answer-player,.audio-response-empty,.shared-video-frame,.lp-audio-player,.activity-hint,.category-bank,.written-response-count,.gap-answer-hints,.word-chip,.ordering-tray,.tf-number,.quiz-finish){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .student-page :is(.student-sections button,.student-header h1,.lesson-editor-main h1,.lesson-editor-main h2,.lesson-editor-main h3,.exercise-auto-number,.pair-link-text,.choice-option-text,.category-target-button){color:var(--text)}:root[data-ui-theme=dark] .student-page :is(.student-sections button.active,.student-sections button[aria-current=true],.choice-option.selected,.pair-link-card.is-selected,.tf-option:has(input:checked)){background:var(--color-info-surface);color:var(--color-link);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .student-page :is(.notes-block,.note-block){background:var(--color-warning-surface);color:var(--color-warning);border-color:var(--color-warning-border)}:root[data-ui-theme=dark] .student-page :is(.lesson-block,.lesson-section,.audio-answer-player,.student-sections,.student-header){border-color:var(--line)}:root[data-ui-theme=dark] .student-page :is(.audio-answer-player small,.activity-hint,.written-response-count,.lp-audio-hint){color:var(--muted)}:root[data-ui-theme=dark] .student-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .student-page .public-block.lesson-note{background:var(--color-warning-surface);color:var(--color-warning);border-color:var(--color-warning-border)}:root[data-ui-theme=dark] .student-page .ordering-slot.ordering-hole{background:var(--soft);color:var(--muted);border-color:var(--line)}:root[data-ui-theme=dark] .student-page :is(.audio-response-limit,.audio-answer-time,.audio-answer-controls button,.audio-answer-controls strong,.audio-answer-controls span,.student-sections-controls h2){color:var(--text)}:root[data-ui-theme=dark] .student-page .audio-answer-controls{border-color:var(--line)}.student-brand-lockup{align-items:center;gap:var(--space-3);white-space:nowrap;vertical-align:middle;flex:none;display:inline-flex}.student-brand-lockup .student-brand-role{border-left:1px solid var(--color-border);padding-left:var(--space-3);color:var(--color-success);font-size:var(--font-size-20);letter-spacing:-.025em;font-weight:750;line-height:1.25}.student-brand-lockup .lessonpilot-brand{width:176px}.auth-form-brand .student-brand-lockup .lessonpilot-brand{width:194px}@media (width<=900px){.student-brand-lockup{gap:var(--space-2)}.student-brand-lockup .lessonpilot-brand{width:148px}.student-brand-lockup .student-brand-role{padding-left:var(--space-2);font-size:var(--font-size-16)}}@media (width<=420px){.auth-form-brand .student-brand-lockup .lessonpilot-brand{width:176px}}.student-home .student-home-header{align-items:center;gap:var(--space-section);box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding:12px max(24px,50% - 720px);display:grid}.student-home .student-home-header nav{align-self:center;gap:var(--space-1);width:auto;min-width:0;height:auto}.student-home .student-home-header nav button{white-space:nowrap;font-size:var(--font-size-14);padding:var(--space-2) var(--space-3)}.student-home-header-session{align-items:center;gap:var(--space-section);min-width:0;display:flex}.student-home-header-session .lesson-clock-display{width:260px;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--soft);box-sizing:border-box;margin:0}.student-home-header-session .lesson-clock-title{justify-content:space-between;gap:var(--space-2)}.student-account-menu{min-width:0;color:inherit;position:relative}.student-account-menu summary{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;list-style:none;display:flex}.student-account-menu summary::-webkit-details-marker{display:none}.student-account-menu summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-control)}.student-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:var(--font-size-14);overflow:hidden}.student-account-panel{z-index:130;width:280px;max-width:calc(100vw - 32px);padding:var(--space-card);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:0 12px 36px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);box-sizing:border-box;position:absolute;top:calc(100% + 12px);right:0}.student-account-full-name{padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;font-size:var(--font-size-14);display:block}.student-account-content>button{align-items:center;gap:var(--space-3);width:100%;min-height:var(--size-control);border-radius:var(--radius-control);color:inherit;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.student-account-content>button:hover{background:var(--soft)}.student-account-preferences{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-block:1px solid var(--line);display:flex}.student-account-preferences label{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-13);flex:1;display:flex}.student-home-header .student-lesson-notice{box-sizing:border-box;max-width:min(340px,100vw - 32px);top:auto;bottom:16px;right:16px}@media (width<=1100px){.student-home .student-home-header{gap:var(--space-2) var(--space-section);grid-template-columns:auto minmax(0,1fr)}.student-home .student-home-header nav{grid-area:2/1}.student-home-header-session{grid-area:1/2/3;justify-content:flex-end}.student-home-header-session .lesson-clock-display{width:220px}.student-account-name{max-width:120px}}@media (width<=700px){.student-home .student-home-header{padding:var(--space-3) var(--space-card);grid-template-columns:minmax(0,1fr) auto}.student-home-header-session{display:contents}.student-account-menu{grid-area:1/2;justify-self:end;max-width:150px}.student-account-name{max-width:80px}.student-account-menu summary{gap:var(--space-1)}.student-account-menu .student-home-avatar{width:var(--size-avatar-small);height:var(--size-avatar-small)}.student-home .student-home-header nav{flex-wrap:wrap;grid-area:2/1/auto/-1}.student-home-header-session .lesson-clock-display{grid-area:3/1/auto/-1;width:100%}.student-home-header-session .lesson-clock-details{box-sizing:border-box;max-width:calc(100vw - 32px);position:fixed;top:auto;bottom:20px;right:16px}}.student-account-menu .student-home-avatar{background:var(--color-surface-subtle);color:var(--color-text-muted);width:var(--size-avatar-list);height:var(--size-avatar-list);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.student-account-content>button.student-account-logout{color:var(--color-danger)}.student-account-content>button.student-account-logout:hover{background:var(--color-danger-surface)}.student-account-content>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-account-content>button:disabled{opacity:.5;cursor:default}.student-navigation-header{z-index:20;align-items:center;gap:var(--space-page);padding:var(--space-3) var(--space-page);border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) minmax(0,auto);display:grid;position:sticky;top:0}.student-brand{color:inherit;flex:none;min-width:0;text-decoration:none;display:inline-flex}.student-brand .lessonpilot-brand{width:176px}.student-main-navigation{align-items:center;gap:var(--space-inline);border-left:1px solid var(--color-border);min-width:0;padding-left:var(--space-page);display:flex}.student-main-navigation a{min-height:var(--size-control);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:var(--font-size-16);color:var(--color-text-muted);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.student-main-navigation a:hover{background:var(--color-surface-hover);color:var(--color-text)}.student-main-navigation a[aria-current=page]{background:var(--color-surface-selected);color:var(--color-link)}.student-main-navigation a:active{background:var(--color-surface-hover)}.student-main-navigation a:focus-visible,.student-brand:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-control)}.student-navigation-header>.student-account-menu{grid-area:1/3;justify-self:end;max-width:320px}.student-navigation-header .student-account-name{white-space:normal;overflow-wrap:anywhere;max-width:none;color:var(--color-text);font-weight:500;font-size:var(--font-size-14);line-height:1.4}.student-navigation-header .student-home-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.student-navigation-header .student-account-panel{color:var(--color-text)}.student-lesson-status{padding:var(--space-2) var(--space-page);color:var(--color-text-muted);justify-content:flex-end;display:flex}.student-history-action{justify-content:center;gap:var(--space-inline);display:flex}@media (width<=900px){.student-navigation-header{gap:var(--space-identity) var(--space-section);padding:var(--space-3) var(--space-card);grid-template-columns:auto minmax(0,1fr)}.student-navigation-header>.student-account-menu{grid-column:2;max-width:100%}.student-navigation-header .student-main-navigation{border:0;flex-wrap:wrap;grid-area:2/1/auto/-1;padding:0}.student-brand .lessonpilot-brand{width:148px}.student-main-navigation a{min-height:var(--size-control-touch);font-size:var(--font-size-15)}.student-navigation-header .student-home-avatar{width:var(--size-avatar-small);height:var(--size-avatar-small)}.student-navigation-header .student-account-menu summary{gap:var(--space-2)}.student-lesson-status{padding:var(--space-2) var(--space-card)}}.student-page>.student-lesson-notice{top:auto;bottom:var(--space-section);right:var(--space-section);max-width:min(340px,calc(100vw - 2 * var(--space-section)));box-sizing:border-box}.student-account-panel{background:var(--color-surface);border-color:var(--color-border);width:320px}.student-account-chevron{color:var(--color-text-muted);flex:none}.student-account-identity{align-items:center;gap:var(--space-identity);padding-bottom:var(--space-section);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.student-account-identity>div{min-width:0}.student-account-identity .student-account-full-name{font-size:var(--font-size-16);padding:0;line-height:1.4}.student-account-caption{margin-top:var(--space-1);font-size:var(--font-size-13);color:var(--color-text-muted);display:block}.student-account-action-arrow{color:var(--color-text-muted);flex:none;margin-left:auto}.student-account-setting{padding-top:var(--space-section);margin-top:var(--space-2);border-top:1px solid var(--color-border)}.student-account-setting-row{justify-content:space-between;align-items:center;gap:var(--space-identity);display:flex}.student-account-setting-row>span,.student-account-setting-title{align-items:center;gap:var(--space-inline);font-size:var(--font-size-14);display:flex}.student-account-setting-row svg,.student-account-setting-title svg{color:var(--color-text-muted);flex:none}.student-account-setting .ui-language-switch{width:auto;min-width:0;max-width:55%;font-size:var(--font-size-13)}.student-account-theme-options{gap:var(--space-1);padding:var(--space-1);margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.student-account-theme-options button{min-height:var(--size-control-compact);border-radius:var(--radius-small);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-13);cursor:pointer;padding:var(--space-2) var(--space-1);background:0 0;border:0}.student-account-theme-options button:hover{background:var(--color-surface-hover);color:var(--color-text)}.student-account-theme-options button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link);font-weight:600}.student-account-theme-options button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-account-theme-options button:disabled{opacity:.5;cursor:default}.student-account-content>button.student-account-logout{margin-top:var(--space-section);border-top:1px solid var(--color-border);padding-top:var(--space-section);border-radius:0}@media (pointer:coarse){.student-account-theme-options button,.student-account-content>button{min-height:var(--size-control-touch)}}.student-account-content{max-height:var(--student-account-available-height,calc(100dvh - 160px));overscroll-behavior:contain;overflow-y:auto}.student-account-content>button:focus-visible{outline-offset:-2px}.student-directory-shell .student-navigation-header{gap:var(--space-identity);min-height:76px;display:flex}.student-directory-shell .student-navigation-header>.student-account-menu{margin-left:auto}.student-menu-toggle{width:var(--size-control);height:var(--size-control);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.student-menu-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.student-menu-toggle:active{background:var(--color-surface-selected)}.student-menu-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-sidebar{align-items:center;gap:var(--space-inline);width:var(--size-avatar-class);padding:var(--space-card) 0;border-right:1px solid var(--color-border);background:var(--color-surface);box-sizing:border-box;flex-direction:column;flex:none;display:flex}.student-sidebar[hidden]{display:none}.student-sidebar a,.student-sidebar button{width:var(--size-control-touch);height:var(--size-control-touch);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;text-decoration:none;display:grid;position:relative}.student-sidebar a[aria-current=page]{color:var(--color-link);background:var(--color-surface-selected)}.student-sidebar a[aria-current=page]:before{content:"";inset-block:var(--space-2);left:calc((var(--size-control-touch) - var(--size-avatar-class)) / 2);border-radius:var(--radius-small);background:var(--color-accent);width:3px;position:absolute}.student-sidebar hr{width:var(--size-avatar-list);border:0;border-top:1px solid var(--color-border);margin:var(--space-1) 0}.student-sidebar a:hover,.student-sidebar button:hover{background:var(--color-surface-hover);color:var(--color-link)}.student-sidebar a:active,.student-sidebar button:active{background:var(--color-surface-selected)}.student-sidebar a:focus-visible,.student-sidebar button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=700px){.student-directory-shell .student-navigation-header{gap:var(--space-inline);padding:var(--space-2) var(--space-3)}.student-directory-shell .student-brand .lessonpilot-brand{width:120px}.student-directory-shell .student-brand-role,.student-directory-shell .student-account-name{display:none}.student-directory-shell .student-menu-toggle{width:var(--size-control-touch);height:var(--size-control-touch)}.student-directory-layout>.student-home-main{padding:var(--space-card)}}.student-account-controls{align-items:center;gap:var(--space-inline);grid-area:1/3;justify-self:end;min-width:0;display:flex}.student-account-controls .student-account-menu summary{width:var(--size-control-compact);min-height:var(--size-control-touch);border-radius:var(--radius-control);justify-content:center}.student-account-controls .student-account-menu summary:hover{background:var(--color-surface-hover)}.student-account-controls .student-account-panel{width:240px}.student-account-controls .student-account-content>button.student-account-logout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:0;margin:0}.student-header-preferences{align-items:center;gap:var(--space-inline);margin-left:auto;display:flex}.student-directory-shell .student-navigation-header>.student-account-controls{margin-left:0}.student-navigation-header{display:flex}@media (width<=700px){.student-directory-shell .student-navigation-header,.student-navigation-header{flex-wrap:wrap}.student-header-preferences{flex-basis:100%;order:4;justify-content:flex-end}.student-navigation-header .student-brand{flex:1}.student-navigation-header .student-account-controls{flex:none}.student-account-controls .student-account-name{display:none}.student-header-preferences .ui-theme-switch,.student-header-preferences .ui-language-switch{min-height:var(--size-control-touch)}}.student-account-controls .student-account-menu summary{gap:var(--space-inline);width:auto;padding:var(--space-1);min-height:var(--size-control-touch)}.student-account-profile strong{overflow-wrap:anywhere;text-align:left;min-width:0;font-size:var(--font-size-16)}.student-account-profile-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.student-account-profile-role{font-size:var(--font-size-13);color:var(--color-success);font-weight:400}.student-account-controls .student-account-content>button.student-account-profile{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-inline)}.student-account-controls .student-account-content>button.student-account-logout{border-top:1px solid var(--color-border);border-radius:0}.student-waiting-main{align-content:start;gap:var(--space-section);display:grid}.student-waiting-room .student-waiting-content{gap:var(--space-heading);box-sizing:border-box;justify-self:center;width:100%;max-width:760px;display:grid}.student-waiting-room .student-waiting-content>h2{font-size:var(--font-size-24);margin:0}.student-waiting-status{text-align:center;justify-items:center;gap:var(--space-heading);padding:var(--space-section);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.student-waiting-status>svg{color:var(--color-link)}.student-waiting-room .student-waiting-status>h3{font-size:var(--font-size-20);color:var(--color-text);margin:0}.student-waiting-status>p{max-width:440px;color:var(--color-text-muted);margin:0;line-height:1.5}.student-waiting-room .student-home-header.student-waiting-header{gap:var(--space-inline)}@media (width<=700px){.student-waiting-room .student-waiting-header .student-header-page{flex-basis:100%;order:3}.student-waiting-room .student-waiting-header>.student-account-menu{margin-left:auto}}.student-avatar-upload{box-sizing:border-box;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-dialog);border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);overflow:auto}.student-avatar-upload::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 35%,transparent)}.student-avatar-upload>header{justify-content:space-between;align-items:center;gap:var(--space-inline);margin-bottom:var(--space-section);display:flex}.student-avatar-upload>header>h2{font-size:var(--font-size-20);margin:0}.student-avatar-upload>header>button{width:var(--size-control);height:var(--size-control);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.student-avatar-upload>header>button:hover{background:var(--color-surface-hover)}.student-avatar-upload button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-avatar-upload .student-avatar-drop-zone{border:1px dashed var(--color-border);background:var(--color-surface-subtle);margin:0;padding:0;display:block;overflow:hidden}.student-avatar-upload .student-avatar-drop-zone>span{display:none}.student-avatar-upload .student-avatar-drop-zone.is-over{background:var(--color-surface-selected);border-color:var(--color-link)}.student-avatar-drop-target{align-items:center;gap:var(--space-inline);width:100%;padding:var(--space-dialog);box-sizing:border-box;color:var(--color-text);text-align:center;flex-direction:column;display:flex}.student-avatar-drop-target strong{font-size:var(--font-size-16);font-weight:600;line-height:1.4}.student-avatar-drop-target>span:not(.student-avatar-upload-emblem):not(.student-avatar-upload-action),.student-avatar-drop-target small{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:1.5}.student-avatar-upload-emblem{width:var(--size-avatar-class);height:var(--size-avatar-class);border-radius:var(--radius-panel);background:var(--color-surface-selected);color:var(--color-link);place-items:center;display:grid}.student-avatar-upload-action{align-items:center;gap:var(--space-inline);min-height:var(--size-control);padding:0 var(--space-3);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-14);display:flex}.student-avatar-upload .student-avatar-upload-back{margin-top:var(--space-section);gap:var(--space-inline);display:inline-flex}.media-file-picker{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.media-file-picker input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-file-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.media-file-picker.is-disabled{opacity:.5;cursor:default}.media-file-picker.is-disabled input{cursor:default}.media-file-drop-zone{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-card);margin:var(--space-3) 0;border:1px dashed var(--color-border);border-radius:var(--radius-card);color:var(--color-text);background:var(--color-surface);text-align:center;flex-wrap:wrap;display:flex}.media-file-drop-zone.is-over{border-color:var(--accent);background:var(--color-surface);color:var(--color-link)}.media-file-drop-zone[aria-disabled=true]{opacity:.6}.image-crop-dialog{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-dialog);width:min(700px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-dialog);color:var(--color-text);background:var(--color-surface);box-shadow:0 24px 80px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);overflow:auto}.image-crop-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 33.33%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-crop-dialog header,.image-crop-dialog footer{justify-content:space-between;align-items:center;gap:var(--space-identity);display:flex}.image-crop-dialog h3{margin:0 0 var(--space-1)}.image-crop-dialog small,.image-crop-dialog p{color:var(--color-text)}.image-crop-dialog header button{background:var(--color-surface);width:var(--size-control);height:var(--size-control);font-size:var(--font-size-24);border:0;border-radius:50%}.image-crop-stage{width:fit-content;max-width:100%;margin:var(--space-section) auto;touch-action:none;cursor:crosshair;line-height:0;position:relative;overflow:hidden}.image-crop-stage>img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:40vh;display:block}.image-crop-selection{border:2px solid var(--color-info-border);box-shadow:0 0 0 1000px color-mix(in srgb,var(--color-shadow-color) 40%,transparent);cursor:move;box-sizing:border-box;position:absolute}.image-crop-handle{background:var(--color-surface);border:2px solid var(--color-info-border);border-radius:var(--radius-xs);box-sizing:border-box;width:18px;height:18px;position:absolute}.image-crop-handle-nw{cursor:nwse-resize;top:0;left:0}.image-crop-handle-ne{cursor:nesw-resize;top:0;right:0}.image-crop-handle-se{cursor:nwse-resize;bottom:0;right:0}.image-crop-handle-sw{cursor:nesw-resize;bottom:0;left:0}.image-crop-result{align-items:center;gap:var(--space-section);font-size:var(--font-size-13);color:var(--color-text);margin:var(--space-section) 0;display:flex}.image-crop-result svg{flex:none;width:160px;height:100px}.image-crop-dialog footer{justify-content:flex-end}.image-crop-format{align-items:center;gap:var(--space-inline);font-size:var(--font-size-14);flex-wrap:wrap;font-weight:500;display:flex}.image-crop-format-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.image-crop-format-buttons button{font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);cursor:pointer}.image-crop-format-buttons button[aria-pressed=true]{color:var(--color-link);background:var(--color-surface-selected);border-color:var(--color-info-border)}.image-crop-format-buttons button:hover:not(:disabled){background:var(--color-surface-hover)}.image-crop-format-buttons button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.image-crop-format-buttons button:disabled{opacity:.5;cursor:default}.image-crop-handle-n{cursor:ns-resize;background:0 0;border:0;width:auto;height:12px;top:-2px;left:18px;right:18px}.image-crop-handle-s{cursor:ns-resize;background:0 0;border:0;width:auto;height:12px;bottom:-2px;left:18px;right:18px}.image-crop-handle-e{cursor:ew-resize;background:0 0;border:0;width:12px;height:auto;top:18px;bottom:18px;right:-2px}.image-crop-handle-w{cursor:ew-resize;background:0 0;border:0;width:12px;height:auto;top:18px;bottom:18px;left:-2px}.image-crop-handle-n:after,.image-crop-handle-s:after{content:"";background:var(--color-surface);border:1px solid var(--color-info-border);border-radius:var(--radius-xs);width:24px;height:6px;position:absolute;top:0;left:calc(50% - 12px)}.image-crop-handle-e:after,.image-crop-handle-w:after{content:"";background:var(--color-surface);border:1px solid var(--color-info-border);border-radius:var(--radius-xs);width:6px;height:24px;position:absolute;top:calc(50% - 12px);right:0}.student-profile-page{align-content:start;max-width:1040px;margin:0 auto}.student-profile-page-heading{gap:var(--space-heading);display:grid}.student-profile-page h1{font-size:var(--font-size-28);letter-spacing:-.025em;margin:0;line-height:1.2}.student-profile-page h2{font-size:var(--font-size-18);letter-spacing:-.01em;margin:0;line-height:1.4}.student-profile-back{align-items:center;gap:var(--space-inline);padding:var(--space-1) 0;color:var(--color-link);font:inherit;cursor:pointer;min-height:var(--size-control);background:0 0;border:0;justify-self:start;display:flex}.student-profile-surface{gap:var(--space-section);padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:minmax(0,200px) minmax(0,1fr);min-width:0;display:grid}.student-profile-photo{align-items:center;gap:var(--space-identity);padding:var(--space-card);border-right:1px solid var(--color-border);flex-direction:column;min-width:0;display:flex}.student-profile-details,.student-profile-personal,.student-profile-security,.student-profile-page fieldset{gap:var(--space-section);align-content:start;min-width:0;display:grid}.student-profile-page fieldset{border:0;margin:0;padding:0}.student-profile-field{gap:var(--space-identity);grid-template-columns:minmax(0,140px) minmax(0,1fr);align-items:center;min-width:0;display:grid}.student-profile-field>span{color:var(--color-text-muted);font-size:var(--font-size-14)}.student-profile-page .field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--size-control);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-input);color:var(--color-text);padding:var(--space-2) var(--space-3);font:inherit}.student-profile-page .field::placeholder{color:var(--color-text-muted)}.student-profile-save{justify-content:flex-end;display:flex}.student-profile-security{padding-top:var(--space-card);border-top:1px solid var(--color-border)}.student-profile-password-action{align-items:center;gap:var(--space-identity);font-size:var(--font-size-14);flex-wrap:wrap;display:flex}.student-profile-password-action>span{color:var(--color-text-muted)}.student-profile-password-action>button{margin-left:auto}.student-profile-password-form p{color:var(--color-text-muted);font-size:var(--font-size-13);margin:0;line-height:1.5}.student-profile-page .button{padding:var(--space-2) var(--space-3);gap:var(--space-inline);font:inherit;font-size:var(--font-size-14)}.student-profile-page button:disabled{opacity:.5;cursor:default}.student-profile-page :is(button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-profile-back:hover{color:var(--color-accent-hover)}.student-profile-notice{color:var(--color-success);font-size:var(--font-size-14);margin:0}.student-sidebar button[aria-current=page]{background:var(--color-surface-selected);color:var(--color-link)}@media (width<=700px){.student-profile-surface{grid-template-columns:minmax(0,1fr)}.student-profile-photo{padding:0 0 var(--space-card);border-right:0;border-bottom:1px solid var(--color-border)}.student-profile-field{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.student-profile-save .button{width:100%}.student-profile-page .button{min-height:var(--size-control-touch);white-space:normal}.student-profile-password-action>button{margin-left:0}}.student-profile-photo .student-avatar-trigger{width:var(--size-avatar-profile-large);height:var(--size-avatar-profile-large)}.student-profile-photo .student-avatar-edit-label{max-width:100%}.student-home.student-directory-shell{background:var(--color-page)}.student-directory-layout{align-items:stretch;min-height:calc(100dvh - 76px);display:flex}.student-directory-layout>.student-home-main{box-sizing:border-box;flex:1;width:100%;min-width:0}.student-home-focus{align-content:start;width:100%;max-width:1040px;margin:0 auto}.student-home-focus .student-home-greeting{gap:var(--space-heading);text-align:left;margin:0;display:grid}.student-home-focus .student-home-greeting p{font-size:var(--font-size-15);color:var(--color-text-muted);margin:0;line-height:1.5}.student-home-focus .student-home-greeting h1{font-size:var(--font-size-28);letter-spacing:-.025em;margin:0;line-height:1.2}.student-home-featured{gap:var(--space-list);width:100%;min-width:0;display:grid}.student-directory-shell .student-home-entry{padding:var(--space-card);gap:var(--space-section);border-radius:var(--radius-card);box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.student-home-class-identity{gap:var(--space-identity);align-items:center;min-width:0;display:flex}.student-home-class-identity>div{gap:var(--space-1);min-width:0;display:grid}.student-home-entry .student-home-class-identity h2{font-size:var(--font-size-24);letter-spacing:-.02em;margin:0;line-height:1.25}.student-home-class-identity p{color:var(--color-text-muted);font-size:var(--font-size-15);overflow-wrap:anywhere;margin:0}.student-home-class-cover{width:var(--size-avatar-class);height:var(--size-avatar-class);border-radius:var(--radius-card);background:var(--color-surface-selected);color:var(--color-link);font-size:var(--font-size-28);flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.student-home-countdown{gap:var(--space-inline);padding-top:var(--space-card);border-top:1px solid var(--color-border);color:var(--color-text);flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;display:flex}.student-home-countdown>svg{color:var(--color-link);flex:none}.student-home-countdown strong{font-size:var(--font-size-15);font-weight:600;display:block}.student-home-countdown span{color:var(--color-text-muted);font-size:var(--font-size-14);margin-top:var(--space-1);display:block}.student-home-prepare{gap:var(--space-inline);align-items:center;margin-left:auto;display:flex}.student-home .student-home-focus .student-home-enter{min-height:var(--size-control);font-size:var(--font-size-15);gap:var(--space-inline);padding:var(--space-2) var(--space-3);white-space:nowrap;background:var(--color-accent);border-color:var(--color-accent);grid-area:1/2;width:auto;position:static}.student-home .student-home-focus .student-home-enter>svg{flex:none;position:static}.student-home .button.primary:active{background:var(--color-accent-active)}.student-home button:focus-visible,.student-home-disclosure summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.student-home .student-home-enter:disabled{opacity:.5;cursor:wait}@media (width<=700px){.student-home-entry{grid-template-columns:minmax(0,1fr)}.student-home-entry .student-home-class-identity h2{font-size:var(--font-size-20)}.student-home .student-home-focus .student-home-enter{width:100%;min-height:var(--size-control-touch);grid-area:auto/1}.student-home-countdown{grid-row:auto}.student-home-prepare{margin-left:0}}.student-home-disclosure{max-width:520px;margin:var(--space-section) auto 0;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.student-home-disclosure[open]{max-width:1040px}.student-home-disclosure summary{align-items:center;gap:var(--space-section);padding:var(--space-card) var(--space-card);cursor:pointer;font-weight:600;list-style:none;display:flex}.student-home-disclosure summary::-webkit-details-marker{display:none}.student-home-disclosure summary>svg{color:var(--color-link);flex:none}.student-home-disclosure summary:hover{background:var(--color-surface-hover);border-radius:var(--radius-panel)}.student-home-disclosure-chevron{margin-left:auto}.student-home-disclosure[open] .student-home-disclosure-chevron{transform:rotate(180deg)}.student-home .student-home-disclosure .student-calendar{box-shadow:none;border:0;border-top:1px solid var(--color-border);border-radius:0 0 16px 16px;margin:0}.student-home-past-body{padding:0 var(--space-card) var(--space-card);border-top:1px solid var(--color-border)}.student-home-past-body ul{margin:0;padding:0;list-style:none}.student-home-past-body li{padding:var(--space-card) 0;justify-content:space-between;gap:var(--space-section);align-items:center;display:flex}.student-home-past-body li+li{border-top:1px solid var(--color-border)}.student-home-past-body li p{margin:var(--space-2) 0 0;font-size:var(--font-size-14);color:var(--color-text-muted)}.student-home-past-body>.student-home-muted{margin-top:var(--space-section)}.student-home-material-reader{margin:var(--space-section) 0;border:0;min-width:0;padding:0}.student-home-material-reader section{gap:var(--space-section);margin-bottom:var(--space-section);display:grid}.student-home .student-home-header .student-home-section-title{font-size:var(--font-size-18);margin:0;font-weight:600}@media (width<=700px){.student-home-focus{margin-top:var(--space-section)}.student-directory-shell .student-home-entry{padding:var(--space-card)}.student-home-class-identity{gap:var(--space-identity)}.student-home-teacher-avatar{width:var(--size-avatar-class);height:var(--size-avatar-class)}.student-home-entry .student-home-class-identity h2{font-size:var(--font-size-20)}.student-home-disclosure summary{padding:var(--space-card) var(--space-card)}.student-home-past-body{padding:0 var(--space-card) var(--space-card)}.student-home-past-body li{flex-wrap:wrap}}.student-home .student-home-header.student-waiting-header{flex-wrap:wrap;display:flex}.student-home .student-waiting-header .ui-theme-switch{flex:none;width:40px;min-width:40px}@media (width<=700px){.student-waiting-header .student-header-page{flex-basis:100%;order:3}.student-waiting-header .ui-language-switch{margin-left:auto}}.answer-annotation{min-width:0;position:relative}.answer-annotation-text{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.answer-annotation-segment.has-comment{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.answer-annotation-segment:focus-visible,.answer-annotation button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.annotation-color-text{color:inherit}.annotation-color-danger{color:var(--color-danger)}.annotation-color-success{color:var(--color-success)}.annotation-color-warning{color:var(--color-warning)}.annotation-color-info{color:var(--color-info)}.answer-annotation-segment.is-highlighted{background:var(--color-warning-surface)}.answer-annotation-popup{z-index:1500;box-sizing:border-box;gap:var(--space-heading);width:min(320px,100vw - 16px);padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);color:var(--color-text);--popover-pointer-surface:var(--color-surface-raised);--popover-pointer-border:var(--color-border);display:grid;position:fixed}.answer-annotation-popup q{white-space:pre-wrap;max-height:100px;color:var(--color-text-muted);padding-inline-end:var(--space-section);display:block;overflow:auto}.answer-annotation-popup p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.answer-annotation-popup form{align-items:end;gap:var(--space-inline);display:flex}.answer-annotation-popup textarea{width:100%;min-width:0;min-height:64px;padding:var(--space-inline);background:var(--color-surface-input);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);font:inherit;resize:vertical}.answer-annotation-popup button,.answer-annotation-block-control{min-width:var(--size-control-compact);min-height:var(--size-control-compact);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.answer-annotation-popup button:hover,.answer-annotation-block-control:hover{background:var(--color-surface-hover)}.answer-annotation-popup button:disabled{color:var(--color-text-disabled);cursor:default}.answer-annotation-popup .answer-annotation-close{right:var(--space-inline);top:var(--space-inline);border:0;min-width:24px;min-height:24px;position:absolute}.answer-annotation-error{align-items:center;gap:var(--space-inline);color:var(--color-danger);font-size:var(--font-size-13);flex-wrap:wrap;display:flex}@media (pointer:coarse){.answer-annotation-popup button,.answer-annotation-block-control{min-width:var(--size-control-touch);min-height:var(--size-control-touch)}}.answer-annotation-popup p{max-height:min(40dvh,240px);overflow:auto}.annotation-task-label,.annotation-answer-label{font-size:var(--font-size-14);color:var(--color-text-muted);margin-bottom:var(--space-heading);font-weight:600;display:block}.annotation-answer-label{grid-column:1/-1}.written-response.is-annotation-review{margin-top:var(--space-section)}.written-response.is-annotation-review .written-response-answer{display:block;position:relative}.written-response.is-annotation-review .annotated-written-response{min-height:156px;padding:var(--space-card);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);padding-inline-end:calc(var(--size-control) + var(--space-card));line-height:1.6}.written-response.is-annotation-review .error-indicator-trigger{width:var(--size-control-compact);height:var(--size-control-compact);color:var(--color-text-muted);background:var(--color-surface);border:0}.homework-review-answer[data-answer-result] .written-response.is-annotation-review .annotated-written-response{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.homework-exercise-heading[hidden]{display:none}.answer-annotation-popup{box-shadow:0 8px 24px var(--color-shadow)}.annotation-popup-title{font-size:var(--font-size-14);padding-inline-end:var(--space-section)}.answer-annotation-popup q{background:var(--color-surface-subtle);padding:var(--space-inline);border-radius:var(--radius-small)}.answer-annotation-popup form button[type=submit]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.rich-editor-header.is-selection-only .rich-selection-bubble{align-items:center;column-gap:var(--space-1);grid-template-columns:max-content max-content;row-gap:0;display:grid}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions{flex-wrap:nowrap;grid-area:1/1}.rich-editor-header.is-selection-only .rich-selection-bubble>button{grid-area:1/2}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-color-palette{grid-area:2/1/auto/-1}.rich-selection-panel{box-sizing:border-box;width:0;min-width:100%;max-width:100%;padding-top:var(--space-heading);grid-area:2/1/auto/-1}.annotation-selection-comment{gap:var(--space-inline);border-top:1px solid var(--color-border);padding-top:var(--space-heading);font-size:var(--font-size-14);display:grid}.annotation-selection-heading{justify-content:space-between;align-items:center;gap:var(--space-inline);display:flex}.annotation-selection-comment q{background:var(--color-surface-subtle);padding:var(--space-inline);border-radius:var(--radius-small);white-space:pre-wrap;max-height:80px;color:var(--color-text-muted);overflow:auto}.annotation-selection-comment form{align-items:center;gap:var(--space-inline);display:flex}.annotation-selection-comment input{width:0;min-width:0;padding:var(--space-inline);font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);flex:1}.rich-editor-header .annotation-selection-comment button[type=submit]{background:var(--color-accent);color:var(--color-on-accent);flex:none}.rich-selection-panel[hidden]{display:none}::highlight(answer-active-selection){background:var(--color-info-border);color:var(--color-text)}.rich-editor-header .rich-color-palette .rich-more-colors{width:auto;min-width:0;padding-inline:var(--space-inline);font:inherit;font-size:var(--font-size-13);white-space:nowrap}.rich-editor-header .annotation-selection-comment button[type=submit]{width:auto;min-height:var(--size-control-compact);padding-inline:var(--space-inline);font:inherit;font-size:var(--font-size-13);white-space:nowrap}.annotation-selection-comment form{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);gap:0;overflow:hidden}.annotation-selection-comment form:focus-within{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:1px}.annotation-selection-comment input{background:var(--color-surface);min-height:var(--size-control-compact);box-sizing:border-box;box-shadow:none;border:0;border-radius:0;outline:none}.rich-editor-header .annotation-selection-comment button[type=submit]{width:var(--size-control-compact);min-width:var(--size-control-compact);border:0;border-inline-start:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);border-radius:0;padding:0}.rich-editor-header .annotation-selection-comment button[type=submit]:hover{background:var(--color-surface-hover)}.rich-editor-header .annotation-selection-comment button[type=submit]:disabled{color:var(--color-text-disabled)}.annotation-selection-comment form,.annotation-selection-comment form:focus-within{gap:var(--space-inline);background:0 0;border:0;outline:0;overflow:visible}.annotation-comment-input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.annotation-comment-input:focus-within{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}.annotation-comment-input input{flex:1;min-width:0}.rich-editor-header .annotation-comment-input button{width:var(--size-control-compact);height:var(--size-control-compact);color:var(--color-text-muted);background:0 0;border:0;flex:none}.rich-editor-header .annotation-selection-comment button[type=submit]{color:var(--color-link);min-width:var(--size-control-compact);background:0 0;border:0;padding:0}.annotation-comment-audio{width:100%;min-width:0;max-height:var(--size-control);display:block}.rich-editor-header .rich-selection-bubble .rich-color-palette[data-expanded=false]{box-sizing:border-box;width:0;min-width:100%;max-width:100%}.rich-recent-label{font-size:var(--font-size-13);color:var(--color-text-muted);margin-bottom:var(--space-heading);font-weight:400;display:block}.rich-selection-bubble .rich-color-palette[data-expanded=false] .rich-color-grid{gap:var(--space-inline);grid-template-columns:repeat(6,minmax(0,1fr));align-items:center}.rich-editor-header .rich-selection-bubble .rich-color-palette[data-expanded=false] .rich-color-swatch{width:calc(var(--size-control-compact) - var(--space-inline));height:calc(var(--size-control-compact) - var(--space-inline));border:1px solid var(--color-border-subtle)}.rich-editor-header .rich-selection-bubble .rich-color-palette .rich-color-swatch[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:3px}.rich-editor-header .rich-color-palette .rich-more-colors{border-top:1px solid var(--color-border);width:100%;padding:var(--space-heading) 0 0;margin-top:var(--space-section);color:var(--color-link);border-radius:0;justify-content:flex-start;align-items:center;height:auto;display:flex}.annotation-comment-input{position:relative;overflow:visible}.annotation-microphone{flex:none;align-items:center;display:flex}.annotation-microphone>[role=alert],.annotation-microphone>small[role=status]{left:0;right:0;top:calc(100% + var(--space-inline));z-index:2;padding:var(--space-inline);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text);white-space:normal;font-size:var(--font-size-13);position:absolute}.rich-editor-header .annotation-comment-input button[aria-pressed=true]{color:var(--color-danger);background:var(--color-danger-surface)}@media (pointer:coarse){.rich-editor-header .annotation-comment-input button,.rich-editor-header .annotation-selection-comment button[type=submit]{min-height:var(--size-control-touch);min-width:var(--size-control-touch)}}.annotation-comment-input input:is(:focus,:focus-visible){box-shadow:none;outline:none}.rich-editor-header.is-selection-only .rich-selection-bubble{width:min(calc(var(--size-control) * 9),calc(100vw - 16px));box-sizing:border-box;gap:var(--space-inline);padding:var(--space-inline) var(--space-heading);grid-template-columns:minmax(0,1fr) auto}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions{justify-content:space-between;min-width:0}.rich-editor-header .rich-selection-bubble>.rich-color-palette[data-expanded]{top:calc(100% + var(--space-inline));width:100%;min-width:0;max-width:100%;padding:var(--space-card);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 8px 24px var(--color-shadow);--popover-pointer-surface:var(--color-surface);--popover-pointer-border:var(--color-border);margin:0;position:absolute;left:0;right:0}.rich-selection-bubble .rich-color-palette[data-expanded=false] .rich-color-grid{justify-items:start;gap:var(--space-inline)}.rich-recent-label{margin-bottom:var(--space-card)}.rich-editor-header .rich-color-palette .rich-more-colors{gap:var(--space-1);padding-top:var(--space-card);margin-top:var(--space-card);font-size:var(--font-size-14)}.rich-editor-header .rich-color-palette .rich-more-colors svg{width:var(--size-icon-small);height:var(--size-icon-small)}.rich-editor-header.is-selection-only .rich-format-divider{width:1px;height:var(--space-section);margin-inline:var(--space-1);background:var(--color-border);flex:none;display:block}.rich-editor-header.is-selection-only .rich-selection-bubble>[data-selection-comment]{border-inline-start:1px solid var(--color-border);width:var(--size-control);border-radius:0;padding-inline-start:var(--space-inline)}.rich-editor-header.is-selection-only .rich-color-letter{box-sizing:border-box;max-width:100%;font-size:var(--font-size-24);border-bottom-width:3px;line-height:1;display:block}.rich-editor-header.is-selection-only .rich-highlight-trigger{position:relative;overflow:hidden}.rich-editor-header.is-selection-only .rich-highlight-trigger svg{width:var(--size-icon);height:var(--size-icon);flex:none}.rich-editor-header.is-selection-only .rich-highlight-line{left:var(--space-1);right:var(--space-1);border-radius:var(--radius-xs);height:3px;bottom:0}.rich-editor-header.is-selection-only .rich-selection-panel{top:calc(100% + var(--space-inline));width:100%;min-width:0;padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 8px 24px var(--color-shadow);--popover-pointer-surface:var(--color-surface);--popover-pointer-border:var(--color-border);position:absolute;left:0;right:0}.rich-selection-panel .annotation-selection-comment{border-top:0;padding-top:0}.rich-editor-header.is-selection-only .rich-selection-bubble>[data-selection-comment]{border-inline-start:0;position:relative}.rich-editor-header.is-selection-only .rich-selection-bubble>[data-selection-comment]:before{content:"";left:calc(0px - var(--space-1));width:1px;height:var(--space-section);background:var(--color-border);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rich-editor-header.is-selection-only .rich-selection-bubble{gap:var(--space-inline);flex-wrap:nowrap;display:flex}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions{display:contents}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions>.rich-format-divider{display:none}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions>button,.rich-editor-header.is-selection-only .rich-selection-bubble>[data-selection-comment]{flex:1 1 0;width:auto;min-width:0;padding-inline:0;position:relative}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions>button:nth-of-type(3):before{content:"";left:calc(0px - var(--space-1));width:1px;height:var(--space-section);background:var(--color-border);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-color-palette[data-expanded],.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-selection-panel{box-sizing:border-box;width:auto;min-width:0;max-width:none;padding:var(--space-card);grid-area:auto;margin:0;left:-1px;right:-1px}.rich-editor-header.is-selection-only .rich-selection-bubble{width:min(calc(var(--size-control) * 7),calc(100vw - 16px));gap:var(--space-1);padding:var(--space-1) var(--space-inline)}.rich-editor-header.is-selection-only .rich-selection-bubble>.rich-format-actions>button:nth-of-type(3):before,.rich-editor-header.is-selection-only .rich-selection-bubble>[data-selection-comment]:before{left:calc(0px - var(--space-1) / 2)}.rich-editor-header .rich-selection-bubble .rich-color-palette[data-expanded=false] .rich-color-swatch{width:calc(var(--size-control-compact) - var(--space-inline));height:calc(var(--size-control-compact) - var(--space-inline))}.written-edit-trigger,.written-history-trigger{width:var(--size-control-compact);height:var(--size-control-compact);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.written-edit-trigger{right:calc(var(--size-control-compact) + var(--space-inline));top:var(--space-1);position:absolute}.written-edit-trigger:hover,.written-history-trigger:hover{background:var(--color-surface-hover);color:var(--color-text)}.written-edit-trigger:focus-visible,.written-history-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.written-version-history{right:var(--space-1);top:var(--space-1);z-index:2;position:absolute}.written-version-popover{top:calc(100% + var(--space-inline));width:min(calc(var(--size-control) * 8),calc(100vw - 32px));max-height:50vh;padding:var(--space-card);gap:var(--space-heading);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:0 8px 24px var(--color-shadow);--popover-pointer-surface:var(--color-surface);--popover-pointer-border:var(--color-border);display:grid;position:absolute;right:0;overflow:auto}.written-version-entry{padding:var(--space-inline);background:var(--color-surface-subtle);border-radius:var(--radius-small)}.written-version-entry>div{justify-content:space-between;gap:var(--space-inline);color:var(--color-text-muted);font-size:var(--font-size-13);display:flex}.written-version-entry p{margin:var(--space-1) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.written-version-checks{min-height:var(--size-control-compact);border-top:1px solid var(--color-border);padding-top:var(--space-inline);position:relative}.written-response.is-annotation-review .written-version-history,.written-response.is-annotation-review .written-edit-trigger{top:calc(var(--font-size-14) * 1.5 + var(--space-heading) + var(--space-1))}.written-response.is-annotation-review .annotated-written-response{padding-inline-end:calc(var(--size-control-compact) * 2 + var(--space-card) + var(--space-inline))}.written-version-popover{max-height:none;overflow:visible}.written-version-list{gap:var(--space-list);max-height:40vh;display:grid;overflow:auto}.written-version-checks{display:none}.written-version-checks:has(.error-indicator){justify-content:space-between;align-items:center;gap:var(--space-inline);display:flex}.written-response.is-annotation-review .written-version-checks .error-indicator{position:static}.written-version-popover{z-index:1500;box-sizing:border-box;position:fixed;top:auto;right:auto;overflow:auto}.written-response .answer-annotation:has(>.answer-annotation-text[contenteditable=true]){display:block}.written-response .answer-annotation-text[contenteditable=true]{min-height:calc(var(--size-control) * 3);cursor:text;outline:none;display:block}.written-response .annotated-written-response:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}.written-response .written-response-count{margin:var(--space-inline) 0 0;gap:var(--space-inline);font-size:var(--font-size-12);background:0 0;order:0;padding:0}.native-personal{color:var(--personal-text);border-radius:var(--personal-radius);background:var(--personal-background);padding:var(--personal-padding);border:1px solid var(--personal-accent);height:auto;min-height:0}.native-personal.native-personal .public-block{color:var(--personal-text);background:0 0;min-height:0;margin:0;padding:0}.native-personal .rich-document{font-size:calc(1em * var(--personal-scale))}.native-personal .rich-document p{margin:0 0 12px}.native-personal .rich-document p:last-child{margin-bottom:0}.native-personal.layout-inline .rich-document{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.native-personal.layout-inline .rich-document p{align-items:center;gap:8px;margin:0;display:flex}.native-personal.layout-stack .rich-document p{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.native-personal .personal-gap-control{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}.personal-native-check{background:var(--color-surface);border:1px solid var(--color-accent);width:40px;height:40px;color:var(--color-accent);font:inherit;cursor:pointer;border-radius:10px;flex:none}.personal-native-check:disabled{opacity:.45;cursor:default}.personal-root{white-space:nowrap;align-items:center;font-size:1.5em;line-height:1.3;display:inline-flex;position:relative}.personal-root>sup{align-self:flex-start;margin-top:2px;font-size:.4em}.personal-root-sign{font-size:1.3em}.personal-radicand{border-top:1px solid;margin-left:-2px;padding:0 4px}.native-personal-thumbnail{border-radius:10px;justify-content:center;align-items:center;width:65px;height:65px;font-size:20px;display:flex;overflow:hidden}.personal-variant-thumbnail .native-personal{pointer-events:none;font-size:7px;padding:6px!important}.personal-variant-thumbnail .personal-native-check{width:16px;height:16px}.personal-variant-thumbnail input{max-width:25px}.personal-authoring-help{white-space:pre-wrap;overflow-wrap:anywhere}.visual-formula-chip{cursor:pointer;vertical-align:middle;border:1px solid #0000;border-radius:8px;align-items:center;padding:4px 8px;display:inline-flex}.visual-formula-chip:hover,.visual-formula-chip:focus-visible{border-color:var(--color-focus);background:var(--color-surface-hover);outline:0}.visual-formula-editor{border:1px solid var(--line);background:var(--color-surface);border-radius:12px;gap:12px;margin:12px;padding:16px;display:grid}.visual-formula-editor header{justify-content:space-between;align-items:center;display:flex}.visual-formula-editor label{gap:6px;display:grid}.visual-formula-sample{background:var(--color-surface);border-radius:10px;padding:12px}.visual-gap-bottom-toolbar{flex-wrap:wrap;gap:12px}.native-personal:has(>.personal-card-check){align-items:center;gap:16px;display:flex}.native-personal:has(>.personal-card-check)>.exercise-feedback-frame{flex:1;min-width:0}.personal-card-check{flex:none;align-self:flex-end;margin-left:auto}.lesson-workspace{color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lesson-workspace .lesson-editor-main{--lesson-block-inset:40px;border:1px solid var(--color-border);box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);background:var(--color-surface);border-radius:24px;padding:28px 40px 36px}.lesson-workspace .lesson-block.is-untitled>.lesson-block-toolbar{justify-content:flex-end;min-height:0;margin:0}.lesson-workspace .public-block .block-number,.lesson-workspace .lesson-block>.public-block>.exercise-heading,.lesson-workspace .lesson-block>.exercise-feedback-frame>.public-block>.exercise-heading{display:none}.lesson-workspace.student-workspace{width:min(1016px,100% - 160px);margin:28px auto;display:block}.student-lesson-columns{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:28px;display:grid}.student-sections{top:var(--sidebar-top,88px);max-height:calc(100dvh - var(--sidebar-top,88px) - 48px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;min-width:0;padding:16px;display:flex;position:sticky}.student-sections h2{letter-spacing:-.2px;color:var(--color-text);margin:0;font-size:17px;line-height:28px}.student-sections nav{overscroll-behavior-y:contain;scrollbar-width:thin;gap:2px;min-height:0;padding:0 6px 4px;display:grid;overflow-y:auto}.student-sections button{width:100%;min-height:44px;color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 8px;font-size:15px;line-height:21px;display:flex}.student-sections button svg{flex:none}.student-sections button span{overflow-wrap:anywhere;min-width:0}.student-sections button:hover{background:var(--color-surface-hover)}.student-sections button[aria-current=true]{background:var(--color-surface);color:var(--color-link)}.student-sections button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.student-sections button:disabled{opacity:.5;cursor:default}.student-section-symbol{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.student-section-symbol small{background:var(--color-surface);min-width:13px;color:inherit;border-radius:4px;padding:0 2px;font-size:9px;font-weight:600;line-height:12px;position:absolute;bottom:-7px;right:-8px}.student-lesson-columns.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 64px}.student-sections.is-collapsed{padding:8px 4px}.student-sections.is-collapsed button.student-sections-toggle{flex-basis:40px;width:40px;height:40px;min-height:40px}.student-sections.is-collapsed nav{align-items:center;gap:6px;padding:0 2px 4px}.student-sections.is-collapsed nav>button{width:44px;min-height:44px;color:var(--color-text-muted);border-radius:12px;justify-content:center;padding:0}.student-sections.is-collapsed nav>button[aria-current=true]{background:var(--color-surface-subtle);color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-shadow-color)}.student-workspace .student-live-material{border:0;gap:24px;min-width:0;margin:0;padding:0;display:grid}.student-workspace .lesson-content-column{width:100%;max-width:none;margin:0;padding:0}.student-workspace .lesson-block-wrap{border:0;margin:0}.student-workspace .lesson-block>.public-block{margin:.4rem 0}.student-workspace .lesson-block-toolbar .exercise-auto-number{margin:0}@media (width<=1100px){.lesson-workspace.student-workspace{width:min(960px,100% - 160px)}.student-lesson-columns{grid-template-columns:minmax(0,1fr) 220px;gap:20px}}@media (width<=1023px){.lesson-workspace.student-workspace{width:calc(100% - 32px)}}@media (width<=760px){.lesson-workspace .lesson-editor-main{--lesson-block-inset:22px;padding:22px}}.lesson-block-management{flex:none;align-items:center;gap:6px;display:flex}.lesson-block-management:empty{display:none}.lesson-workspace .lesson-editor-main{container-type:inline-size}@container (width<=600px){.lesson-block-management .lesson-block-attention span{display:none}}.lesson-block-toolbar .lesson-block-management span{display:inline}.lesson-workspace .lesson-block.is-untitled>.lesson-block-toolbar{z-index:4;min-height:0;margin:0;padding:0;display:flex;position:absolute;top:30px;left:auto;right:12px}.lesson-workspace .lesson-block.is-untitled>.lesson-block-toolbar .lesson-block-management{background:var(--color-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--color-shadow-color) 3.92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-workspace .lesson-block.is-untitled .public-block.lesson-note[data-note-color]{padding-right:112px}.lesson-workspace .lesson-block.is-untitled .public-block:not(.lesson-note)>p:first-of-type{padding-right:100px}.lesson-workspace .lesson-block.is-untitled .external-link{box-sizing:border-box;min-height:108px}.lesson-workspace .lesson-block.is-untitled .external-link-link{padding-top:46px}.lesson-workspace .exercise-insert:has(+.lesson-block-wrap .lesson-block.is-untitled){border-top-color:#0000}@media (pointer:coarse){.lesson-workspace .lesson-block.is-untitled .public-block.lesson-note[data-note-color]{padding-right:124px}}.lesson-workspace .lesson-block-wrap:has(+.lesson-block-wrap .lesson-block.is-untitled)>.exercise-insert{border-top-color:#0000}.lesson-workspace .lesson-block.is-untitled:has(.lp-audio-player)>.lesson-block-toolbar{justify-content:flex-end;min-height:36px;margin:0 0 12px;position:relative;inset:auto}.student-lesson-columns.homework-flat{grid-template-columns:minmax(0,1fr)}.section-navigation-sidebar .section-navigation-panel{min-height:0;max-height:inherit;box-sizing:border-box;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;align-self:stretch;display:flex}.section-navigation-panel .lesson-sidebar-controls{justify-content:space-between;align-items:center;gap:var(--space-inline);margin-bottom:var(--space-inline);display:flex}.section-navigation-panel .lesson-sidebar-controls h2{font-size:var(--font-size-18);margin:0}.section-navigation-panel .lesson-sidebar-toggle{width:var(--size-control-touch);height:var(--size-control-touch);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.section-navigation-panel .lesson-sidebar-toggle:hover{background:var(--color-surface-hover)}.section-navigation-panel .lesson-sidebar-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.section-navigation-panel .lesson-sidebar-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.section-navigation-panel.is-collapsed .lesson-sidebar-controls{justify-content:center}:root .classroom-shell .classroom-main .student-sections.section-navigation-sidebar{background:0 0;border:0;border-radius:0;padding:0}.student-sections.section-navigation-sidebar .section-navigation-panel{padding:var(--space-card)}.student-sections.section-navigation-sidebar.is-collapsed .section-navigation-panel{padding:var(--space-inline) var(--space-1)}@media (width<=760px){:is(.classroom-shell .classroom-main :is(.lesson-editor-columns,.student-lesson-columns):has(>.section-navigation-sidebar),.class-selection-preview.lesson-workspace>.lesson-editor-columns:has(>.section-navigation-sidebar)){gap:var(--space-inline);grid-template-columns:minmax(0,1fr) 64px;align-items:start;display:grid;position:relative}.classroom-shell .classroom-main :is(.lesson-editor-columns,.student-lesson-columns)>.section-navigation-sidebar,.class-selection-preview.lesson-workspace>.lesson-editor-columns>.section-navigation-sidebar{top:var(--section-navigation-top,72px);width:64px;max-height:calc(100dvh - var(--section-navigation-top,72px) - var(--space-card));z-index:30;order:0;grid-area:1/2;margin:0;position:sticky}:is(.classroom-shell .classroom-main :is(.lesson-editor-columns,.student-lesson-columns):has(>.section-navigation-sidebar)>:is(.lesson-editor-main,.student-live-material),.class-selection-preview.lesson-workspace>.lesson-editor-columns>.lesson-editor-main){box-sizing:border-box;grid-area:1/1;min-width:0}:is(.classroom-shell .classroom-main :is(.lesson-editor-columns,.student-lesson-columns)>.section-navigation-sidebar:has(.section-navigation-panel:not(.is-collapsed)),.class-selection-preview.lesson-workspace>.lesson-editor-columns>.section-navigation-sidebar:has(.section-navigation-panel:not(.is-collapsed))){justify-self:end;width:min(280px,100vw - 32px)}.section-navigation-sidebar .section-navigation-panel .section-links,.student-sections.section-navigation-sidebar .section-navigation-panel nav{display:grid;overflow-x:visible}.student-sections.section-navigation-sidebar .section-navigation-panel nav>button{width:100%;max-width:none}.classroom-shell .classroom-main .section-navigation-sidebar .section-navigation-panel.is-collapsed{padding:var(--space-inline) var(--space-1)}}.student-class-loading .student-class-skeleton-title{width:65%;height:var(--font-size-24)}.student-class-loading .student-class-skeleton-subtitle{width:55%;height:var(--font-size-18)}.student-class-loading .student-class-skeleton-task{gap:var(--space-section);display:grid}.student-class-loading .student-class-skeleton-copy{gap:var(--space-inline);display:grid}.student-class-skeleton-copy>.skeleton-block:last-child{width:70%}.student-class-loading .student-class-skeleton-answer{height:calc(var(--size-control) * 3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);animation:none}.student-class-loading .student-class-skeleton-sections{gap:var(--space-list);display:grid}.student-class-skeleton-section{align-items:center;gap:var(--space-inline);min-height:var(--size-control);min-width:0;display:flex}.student-class-loading .student-class-skeleton-section-icon{width:var(--size-icon);height:var(--size-icon);flex:none}.student-class-loading .student-class-skeleton-section-label{width:75%}.student-class-loading .is-collapsed .student-class-skeleton-section{justify-content:center}.student-class-loading .is-collapsed :is(.student-class-skeleton-subtitle,.student-class-skeleton-section-label){display:none}@media (width<=760px){.student-class-loading .student-class-skeleton-sections>.student-class-skeleton-subtitle,.student-class-loading .student-class-skeleton-section-label{display:none}.student-class-loading .student-class-skeleton-section{justify-content:center}}.auth-page{--auth-ink:var(--color-text);--auth-muted:var(--color-text-muted);--auth-line:var(--color-border);--auth-glass:var(--color-header);--auth-field:var(--color-surface-input);--auth-accent:var(--color-link);--auth-glow:var(--color-focus);isolation:isolate;min-height:100svh;color:var(--auth-ink);background:var(--color-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.auth-workspace{min-height:100svh;padding:104px var(--space-page) var(--space-page);flex-direction:column;align-items:center;display:flex;position:relative}.auth-header{justify-content:flex-end;display:flex;position:absolute;inset:24px 32px auto}.auth-header>.lessonpilot-brand{display:none}.auth-preferences{gap:var(--space-3);align-items:center;display:flex}.auth-theme,.auth-header .ui-language-switch{border:1px solid var(--auth-line);background:var(--auth-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:36px;color:var(--auth-muted);border-radius:var(--radius-card)}.auth-theme{cursor:pointer;place-items:center;width:36px;display:grid}.auth-header .ui-language-switch{font-size:var(--font-size-12);padding:0 var(--space-3);position:static}.auth-form-wrap{width:min(100%,424px);padding:var(--space-card) var(--space-card) var(--space-card);border:1px solid var(--auth-line);border-top-color:var(--color-info-border);border-radius:var(--radius-dialog);background:var(--auth-glass);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);box-shadow:0 22px 90px var(--color-shadow), 0 1px 0 color-mix(in srgb,var(--color-surface-raised) 30%,transparent) inset;margin:auto 0}.auth-intro{text-align:center}.auth-form-brand{margin:0 0 var(--space-section);justify-content:center;display:flex}.auth-form-brand .lessonpilot-brand{width:194px}.auth-page[data-theme=light] .lessonpilot-brand-light{display:block}.auth-page[data-theme=light] .lessonpilot-brand-dark,.auth-page[data-theme=dark] .lessonpilot-brand-light{display:none}.auth-page[data-theme=dark] .lessonpilot-brand-dark{display:block}.auth-intro h1{margin:0 0 var(--space-3);font-size:var(--font-size-32);letter-spacing:-.045em;color:var(--auth-ink);font-weight:550;line-height:1.2}.auth-intro>p{max-width:280px;margin:0 auto var(--space-section);color:var(--auth-muted);font-size:var(--font-size-13);line-height:1.65}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);font-size:var(--font-size-12);color:var(--auth-ink);flex-direction:column;font-weight:500;display:flex}.auth-field+.auth-field{margin-top:var(--space-2)}.auth-form input{width:100%;min-width:0;height:var(--size-control);border:1px solid var(--auth-line);border-radius:var(--radius-control);background:var(--auth-field);color:var(--auth-ink);padding:var(--space-2) var(--space-3);font:400 var(--font-size-14) -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}.auth-form input::placeholder{color:var(--auth-muted);opacity:.7}.auth-form input:focus{border-color:var(--auth-glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent);outline:none}.auth-password{gap:var(--space-2);align-items:center;display:flex}.auth-password input{flex:1}.auth-reveal{border-radius:var(--radius-small);width:32px;height:42px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.auth-reveal:hover{color:var(--auth-accent);background:var(--color-surface-hover)}.auth-hint{font-size:var(--font-size-12);color:var(--auth-muted);margin:0;line-height:1.6}.auth-submit{height:47px;margin-top:var(--space-3);padding:0 var(--space-card);border:1px solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-13);cursor:pointer;box-shadow:0 5px 24px var(--color-shadow);justify-content:space-between;align-items:center;font-weight:600;transition:box-shadow .2s,transform .2s,filter .2s;display:flex}.auth-submit:hover{box-shadow:0 5px 30px var(--color-shadow);background:var(--color-accent-hover);transform:translateY(-1px)}.auth-submit:active{background:var(--color-accent-active);transform:none}.auth-page button:disabled{opacity:.6;cursor:wait}.auth-page :is(button,a,select):focus-visible{outline:2px solid var(--auth-glow);outline-offset:4px}.auth-error{color:var(--color-danger);font-size:var(--font-size-12);background:0 0;border:0;margin:0;padding:0;line-height:1.5}.auth-switch{margin:var(--space-section) 0 var(--space-section);color:var(--auth-muted);text-align:center;font-size:var(--font-size-12);line-height:1.8}.auth-switch button{font:inherit;color:var(--auth-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.auth-switch button:hover{text-decoration:underline}.auth-project{margin:var(--space-section) 0 0;text-align:center;font-size:var(--font-size-12)}.auth-project a{align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--auth-accent);border-radius:var(--radius-small);text-decoration:none;display:inline-flex}.auth-project a:hover{text-decoration:underline}.auth-project a:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}.auth-student{justify-content:space-between;gap:var(--space-2);padding-top:var(--space-card);border-top:1px solid var(--auth-line);color:var(--auth-muted);font-size:var(--font-size-12);display:flex}.auth-student a{align-items:center;gap:var(--space-1);color:var(--auth-ink);text-decoration:none;display:flex}.auth-student a:hover{color:var(--auth-accent)}.auth-footer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-section);color:var(--auth-muted);font-size:var(--font-size-12);text-align:center;display:flex}.auth-artwork{z-index:-1;pointer-events:none;color:var(--color-chart-1);position:fixed;inset:0;overflow:hidden}.auth-nebula{opacity:.6;border-radius:50%;width:120vmax;height:80vmax;animation:28s ease-in-out infinite alternate auth-drift;position:absolute}.auth-nebula-cyan{background:radial-gradient(ellipse, color-mix(in srgb,var(--color-accent) 18.04%,transparent), transparent 65%);top:-15vmax;left:-60vmax}.auth-nebula-violet{background:radial-gradient(ellipse, color-mix(in srgb,var(--color-purple) 22.35%,transparent), transparent 65%);animation-delay:-14s;bottom:-30vmax;right:-50vmax}.auth-page[data-theme=dark] .auth-nebula-cyan{background:radial-gradient(ellipse, color-mix(in srgb,var(--color-accent) 50.2%,transparent), color-mix(in srgb,var(--color-info-surface) 12.55%,transparent) 45%, transparent 65%)}.auth-page[data-theme=dark] .auth-nebula-violet{background:radial-gradient(ellipse, color-mix(in srgb,var(--color-purple) 41.96%,transparent), color-mix(in srgb,var(--color-purple-surface) 12.55%,transparent) 45%, transparent 65%)}.auth-particle-fallback,.auth-particle-canvas{width:100%;height:100%;position:absolute;inset:0}.auth-particle-canvas{opacity:0;transition:opacity .18s}.auth-artwork.is-active .auth-particle-canvas{opacity:1}.auth-burst-flash{pointer-events:none;opacity:0;background:radial-gradient(ellipse 290px 150px at 50% 52%, var(--color-surface-subtle), color-mix(in srgb,var(--color-info-surface) 31.37%,transparent) 35%, transparent 75%);position:absolute;inset:0}.auth-page[data-intro=true] .auth-burst-flash{opacity:var(--auth-flash,0)}.auth-artwork.is-active .auth-particle-fallback{opacity:.3}.auth-atmosphere-shade{background:radial-gradient(ellipse at 50% 45%, transparent 25%, color-mix(in srgb,var(--color-surface-subtle) 6.27%,transparent) 70%, color-mix(in srgb,var(--color-surface-subtle) 28.63%,transparent));position:absolute;inset:0}.auth-page[data-theme=dark] .auth-atmosphere-shade{background:radial-gradient(ellipse at 50% 45%, transparent 15%, color-mix(in srgb,var(--color-page) 13.33%,transparent) 65%, color-mix(in srgb,var(--color-page) 60%,transparent))}.auth-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite auth-spin}.auth-page{--auth-reveal:0;background:var(--color-page)}.auth-page[data-intro=true] .auth-form-wrap{opacity:var(--auth-reveal);pointer-events:none}.auth-page[data-intro=true] .auth-footer{opacity:0}.auth-footer{transition:opacity 1s}.auth-skip-intro{z-index:2;align-items:center;gap:var(--space-3);border:1px solid var(--auth-line);border-radius:var(--radius-dialog);padding:var(--space-3) var(--space-card);color:var(--auth-muted);background:var(--auth-glass);cursor:pointer;font-size:var(--font-size-12);display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%)}.auth-title-fallback{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.auth-title-fallback .lessonpilot-brand{width:min(72vw,360px)}.auth-page[data-intro=true] .auth-artwork:not(.is-active) .auth-title-fallback{animation:2s both auth-title-arrival}@keyframes auth-title-arrival{0%{opacity:0;filter:blur(35px);transform:scale(1.3)}30%,60%{opacity:.9;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(30px);transform:scale(1.12)}}.auth-page[data-audience=student]{--auth-accent:var(--color-teal);--auth-glow:var(--color-teal-border)}.auth-page[data-audience=student] .auth-form-wrap{border-top:2px solid var(--auth-glow)}.auth-role-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-section);border:1px solid var(--color-teal-border);border-radius:var(--radius-panel);background:var(--color-teal-surface);color:var(--auth-accent);font-size:var(--font-size-12);font-weight:600;display:inline-flex}.auth-access-note{align-items:center;gap:var(--space-3);padding:var(--space-card);border:1px solid var(--color-teal-border);border-radius:var(--radius-control);margin:var(--space-section) 0;background:var(--color-teal-surface);color:var(--auth-muted);display:flex}.auth-access-note svg{color:var(--auth-accent);flex:none}.auth-access-note p{font-size:var(--font-size-12);margin:0;line-height:1.6}@keyframes auth-drift{to{transform:translate(8%,6%)rotate(10deg)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=600px){.auth-workspace{padding:86px var(--space-page) var(--space-page)}.auth-header{top:18px;left:20px;right:20px}.auth-form-wrap{padding:var(--space-card) var(--space-card) var(--space-card);border-radius:var(--radius-dialog);border-top-color:var(--color-info-border);box-shadow:0 22px 90px var(--color-shadow), 0 1px 0 color-mix(in srgb,var(--color-surface-raised) 30%,transparent) inset}.auth-intro h1{font-size:var(--font-size-28)}.auth-form-brand .lessonpilot-brand{width:183px}.auth-form input{font-size:var(--font-size-16)}.auth-footer{margin-top:var(--space-section);font-size:9px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}.auth-submit:hover{background:var(--color-accent-hover);box-shadow:0 5px 30px var(--color-shadow);transform:none}.auth-page[data-intro=true] .auth-form-wrap{opacity:1;pointer-events:auto}.auth-page[data-intro=true] .auth-footer{opacity:1}.auth-skip-intro,.auth-title-fallback,.auth-burst-flash{display:none}}.auth-form input[aria-invalid=true],.auth-form input[aria-invalid=true]:focus{border-color:var(--color-danger);background:var(--color-danger-surface);box-shadow:0 0 0 1px var(--color-danger-border)}.auth-form[data-credentials-invalid=true] input[name=login],.auth-form[data-credentials-invalid=true] .auth-password{animation:.32s ease-in-out auth-credentials-shake}@keyframes auth-credentials-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.auth-form[data-credentials-invalid=true] input[name=login],.auth-form[data-credentials-invalid=true] .auth-password{animation:none}}:root[data-teacher-motion=reduce] .auth-form[data-credentials-invalid=true] :is(input[name=login],.auth-password){animation:none}.action-confirmation-dialog.modal{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);width:min(420px,100vw - 32px);color:var(--color-text);padding:var(--space-dialog)}.action-confirmation-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent)}.action-confirmation-dialog.modal h2{font-size:var(--font-size-18);margin:0 0 var(--space-heading);line-height:1.35}.action-confirmation-dialog>p{color:var(--color-text-muted);font-size:var(--font-size-14);margin:0;line-height:1.5}.action-confirmation-dialog .dialog-actions{gap:var(--space-inline);margin-top:var(--space-section);flex-wrap:wrap}.action-confirmation-dialog button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.action-confirmation-dialog.modal{height:fit-content;max-height:calc(100dvh - 32px);margin:auto;position:fixed;inset:0}.homework-status-footer{gap:var(--space-heading);margin-block-start:var(--space-section);display:grid}.homework-status-footer>p{align-items:center;gap:var(--space-inline);color:var(--color-text-muted);margin:0;display:flex}.homework-status-footer>p>svg{width:var(--size-icon);height:var(--size-icon);flex:none}.homework-status-footer[data-status=needs_revision]>p>svg{color:var(--color-danger)}.homework-status-footer[data-status=completed]>p>svg{color:var(--color-success)}.homework-status-footer .actions{gap:var(--space-inline);flex-wrap:wrap;display:flex}.homework-version-picker{gap:var(--space-inline);max-width:100%;margin-block-start:var(--space-section);display:grid}.homework-status-summary{justify-content:space-between;align-items:center;gap:var(--space-inline);padding:var(--space-row-block) var(--space-row-inline);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);min-width:0;margin-block-end:var(--space-section);display:flex}.homework-status-identity{align-items:center;gap:var(--space-identity);flex:none;display:inline-flex}.homework-status-badge{padding:var(--space-1) var(--space-inline);border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-size-13);white-space:nowrap;border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.homework-status-badge[data-status=submitted]{background:var(--color-warning-surface);border-color:var(--color-warning-border);color:var(--color-warning)}.homework-status-badge[data-status=completed]{background:var(--color-success-surface);border-color:var(--color-success-border);color:var(--color-success)}.homework-status-badge[data-status=needs_revision]{background:var(--color-danger-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.homework-status-summary svg{width:var(--size-icon);height:var(--size-icon);flex:none}.homework-status-summary time{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-13);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.homework-status-summary[data-status=submitted]{border-color:var(--color-warning-border)}.homework-status-summary[data-status=submitted] svg{color:var(--color-warning)}.homework-status-summary[data-status=completed]{border-color:var(--color-success-border)}.homework-status-summary[data-status=completed] svg{color:var(--color-success)}.homework-status-summary[data-status=needs_revision] svg{color:var(--color-danger)}.student-lesson-columns.homework-flat:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 260px}.student-lesson-columns.homework-flat.sidebar-collapsed:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 160px}.lesson-workspace.homework-flat>.lesson-editor-columns:has(>.section-navigation-sidebar){gap:var(--space-section);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}.lesson-workspace.homework-flat.sidebar-collapsed>.lesson-editor-columns:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 160px}.lesson-workspace.homework-flat>.lesson-editor-columns:has(>.section-navigation-sidebar)>.lesson-editor-main{grid-area:1/1}.lesson-workspace.homework-flat>.lesson-editor-columns:has(>.section-navigation-sidebar)>.section-navigation-sidebar{grid-area:1/2;min-width:0}@media (width>=761px){.classroom-shell .classroom-main .student-lesson-columns.homework-flat:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 260px}.classroom-shell .classroom-main .student-lesson-columns.homework-flat.sidebar-collapsed:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 160px}}.homework-navigation-sidebar.is-collapsed .homework-navigation-card{grid-template-columns:minmax(0,1fr)}.homework-navigation-sidebar.is-collapsed .homework-navigation-card>strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-13);overflow:hidden}.homework-navigation-sidebar.is-collapsed .student-homework-navigation nav>button{padding:var(--space-2)}.homework-navigation-sidebar .homework-navigation-card>.homework-status-badge{justify-self:start}.homework-navigation-sidebar .section-navigation-panel{max-height:inherit}@media (width<=1100px){.classroom-shell .classroom-main .lesson-workspace.homework-flat>.lesson-editor-columns:has(>.homework-navigation-sidebar){gap:var(--space-inline);grid-template-columns:minmax(0,1fr) 160px;position:relative}.classroom-shell .classroom-main .lesson-workspace.homework-flat>.lesson-editor-columns>.homework-navigation-sidebar{width:160px;top:var(--section-navigation-top,72px);max-height:calc(100dvh - var(--section-navigation-top,72px) - var(--space-card));z-index:30;justify-self:end;position:sticky}.classroom-shell .classroom-main .lesson-workspace.homework-flat>.lesson-editor-columns>.homework-navigation-sidebar:not(.is-collapsed){width:min(260px,100vw - 32px)}}.homework-navigation-sidebar .student-homework-navigation nav>button>.homework-navigation-card{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.homework-navigation-sidebar .homework-navigation-card>strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.homework-navigation-sidebar .homework-navigation-card>time{font-size:var(--font-size-12)}.student-lesson-columns.homework-flat .section-navigation-sidebar.is-collapsed{width:160px}@media (width<=760px){.classroom-shell .classroom-main .student-lesson-columns.homework-flat:has(>.section-navigation-sidebar){grid-template-columns:minmax(0,1fr) 160px}.classroom-shell .classroom-main .student-lesson-columns.homework-flat>.section-navigation-sidebar{width:160px}}.student-homework-navigation .homework-navigation-card>.homework-status-badge{background:0 0;border:0;padding:0}.homework-status-summary{justify-content:flex-start;gap:var(--space-inline);background:0 0;border:0;border-radius:0;flex-wrap:wrap;padding:0}.homework-status-summary time{margin-inline-start:auto}.homework-status-summary[data-status=in_progress]>.homework-status-identity>svg{display:none}.homework-status-summary[data-status=in_progress] .homework-status-badge{color:var(--color-text-muted);background:0 0;border:0;border-radius:0;padding:0;font-weight:500}.student-homework-navigation{min-width:0}.student-homework-navigation h3{margin:var(--space-heading) 0 var(--space-inline);font-size:var(--font-size-14);color:var(--color-text-muted)}.student-homework-navigation p{color:var(--color-text-muted);margin:0}.student-homework-navigation nav>button{align-items:flex-start}.student-homework-navigation nav>button>svg{flex:none}.student-homework-navigation nav>button>span{gap:var(--space-1);text-align:start;min-width:0;display:grid}.student-homework-navigation nav>button strong{overflow-wrap:anywhere;font-weight:500}.student-homework-navigation nav>button small{font-size:var(--font-size-12);color:var(--color-text-muted);overflow-wrap:anywhere}.student-homework-navigation nav>button[aria-current=page]{background:var(--color-surface-selected);color:var(--color-link)}.student-homework-navigation nav{gap:var(--space-list);display:grid}.student-homework-navigation nav>button{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-row-block) var(--space-row-inline);background:var(--color-surface);color:var(--color-text);width:100%}.student-homework-navigation nav>button:hover{background:var(--color-surface-hover)}.student-homework-navigation nav>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.student-homework-navigation nav>button>span.homework-navigation-card{align-items:start;gap:var(--space-inline);grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.student-homework-navigation .homework-navigation-card>strong{color:var(--color-text);font-size:var(--font-size-14);font-weight:600}.student-homework-navigation .homework-navigation-card>time{color:var(--color-text-muted);font-size:var(--font-size-13);grid-column:1/-1}.student-homework-navigation nav>button[aria-current=page]{border-color:var(--color-accent);box-shadow:inset var(--space-1) 0 var(--color-accent)}.student-homework-navigation nav{gap:0}.student-homework-navigation nav>button{border:0;border-bottom:1px solid var(--color-border);padding:var(--space-row-block) var(--space-row-inline);box-shadow:none;background:0 0;border-radius:0}.student-homework-navigation nav>button:last-child{border-bottom:0}.student-homework-navigation nav>button>span.homework-navigation-card{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.student-homework-navigation .homework-navigation-card>strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-13);font-weight:500;display:block;overflow:hidden}.student-homework-navigation .homework-navigation-card>.homework-status-badge{font-size:var(--font-size-12);background:0 0;border:0;border-radius:0;padding:0;font-weight:500}.student-homework-navigation .homework-status-badge[data-status=submitted]{color:var(--color-warning)}.student-homework-navigation .homework-status-badge[data-status=completed]{color:var(--color-success)}.student-homework-navigation .homework-status-badge[data-status=needs_revision]{color:var(--color-danger)}.student-homework-navigation nav>button[aria-current=page]{box-shadow:inset var(--space-1) 0 var(--color-accent)}.student-sections.is-collapsed .student-homework-navigation nav{align-items:stretch;gap:0;padding:0}.student-sections.is-collapsed .student-homework-navigation nav>button{width:100%;max-width:none;min-height:var(--size-control-touch);padding:var(--space-2);border-radius:0;justify-content:flex-start}.student-material-dialog{padding:var(--space-dialog);border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 28px var(--color-shadow);box-sizing:border-box;max-width:calc(100vw - 16px);margin:0;display:none;position:fixed;overflow:visible}.student-material-dialog[open]{gap:var(--space-dialog-section);flex-direction:column;display:flex}.student-material-dialog::backdrop{background:var(--color-backdrop)}.student-material-dialog.is-full{width:min(880px,100vw - 24px);height:min(760px,100dvh - 24px);margin:auto;inset:0;overflow:hidden}.student-material-dialog header{align-items:center;gap:var(--space-inline);display:flex}.student-material-dialog h2{font-size:var(--font-size-20);flex:1;margin:0}.student-material-dialog h3{font-size:var(--font-size-14);margin:0}.student-material-dialog section{gap:var(--space-heading);flex-direction:column;min-height:0;display:flex}.student-material-row{align-items:center;gap:var(--space-identity);padding:var(--space-row-block) var(--space-row-inline);border-bottom:1px solid var(--color-border);display:flex}.student-material-row>div{gap:var(--space-inline);flex:1;min-width:0;display:grid}.student-material-row strong{overflow-wrap:anywhere;font-size:var(--font-size-14)}.student-material-row small{color:var(--color-text-muted);font-size:var(--font-size-13)}.student-material-row.is-current{background:var(--color-info-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.student-material-current{flex-shrink:0}.student-material-results{flex:1;overflow:hidden}.student-material-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.student-material-search{align-items:center;gap:var(--space-inline);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-row-block) var(--space-row-inline);display:flex}.student-material-search input{background:var(--color-surface);color:var(--color-text);width:100%;min-width:0;font:inherit;border:0}.student-material-views{gap:var(--space-inline);display:flex}.student-material-views [aria-pressed=true]{background:var(--color-info-surface);color:var(--color-link)}.student-material-dialog summary{cursor:pointer;align-items:center;gap:var(--space-inline);padding:var(--space-row-block) var(--space-row-inline);font-weight:600;display:flex}.student-material-dialog summary:before{content:"›"}.student-material-dialog details[open]>summary:before{transform:rotate(90deg)}.student-material-unit{padding-inline-start:var(--space-card)}.student-material-all{gap:var(--space-inline);justify-content:center;align-items:center;width:100%;display:flex}.student-material-dialog button:focus-visible,.student-material-dialog summary:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}@media (width<=760px){.student-material-dialog{padding:var(--space-card)}.student-material-row{gap:var(--space-inline)}.student-material-row>.button{padding:var(--space-inline)}.student-material-dialog.is-full{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}.student-material-current-icon{color:var(--color-link);flex-shrink:0}:root{--error-indicator-gap:5px;--error-indicator-width:16px}.error-indicator{vertical-align:middle;color:var(--color-danger);font-size:var(--font-size-12);flex-shrink:0;align-self:center;align-items:center;display:inline-flex;position:relative}.error-indicator .answer-attempts{gap:var(--space-1);flex-direction:column;align-items:center;display:flex}.error-indicator .answer-attempts>span{border:1px solid var(--color-border-strong);background:var(--color-border-strong);box-sizing:border-box;border-radius:50%;width:5px;height:5px}.error-indicator .answer-attempts>span.used{background:var(--color-danger);border-color:var(--color-danger-border)}.error-indicator .answer-attempts>.error-overflow{width:auto;min-width:7px;height:12px;color:var(--color-danger);line-height:12px;font-size:var(--font-size-12);text-align:center;background:0 0;border:0;border-radius:0;font-weight:600}.error-indicator-trigger{width:var(--error-indicator-width);min-height:var(--size-control-compact);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.error-indicator-trigger:after{content:"";position:absolute;inset:0 -10px}.error-indicator-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.error-indicator-popover{z-index:1000;gap:var(--space-section);box-sizing:border-box;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--space-dialog);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised);box-shadow:0 8px 28px var(--color-shadow);color:var(--color-text);font-size:var(--font-size-14);white-space:normal;overflow-wrap:anywhere;text-align:left;flex-direction:column;line-height:1.4;display:flex;position:fixed;overflow:auto}.answer-history-section{gap:var(--space-heading);flex-direction:column;display:flex}.answer-history-section+.answer-history-section,.answer-history-review{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-section)}.answer-history-heading{justify-content:space-between;align-items:center;gap:var(--space-inline);display:flex}.answer-history-section strong{font-size:var(--font-size-14);color:var(--color-text-muted);font-weight:600}.answer-history-heading small,.answer-history-empty,.answer-history-row time{font-size:var(--font-size-12);color:var(--color-text-muted)}.answer-history-list{gap:var(--space-list);overscroll-behavior:contain;flex-direction:column;max-height:240px;display:flex;overflow:auto}.answer-history-entry{gap:var(--space-1);flex-direction:column;display:flex}.answer-history-row{align-items:center;gap:var(--space-inline);padding:var(--space-2) 0;min-width:0;color:var(--color-text);font:inherit;text-align:left;display:flex}button.answer-history-row{border-radius:var(--radius-small);cursor:pointer;width:100%;padding:var(--space-2);background:0 0;border:0}button.answer-history-row:hover{background:var(--color-surface-hover)}button.answer-history-row[aria-pressed=true]{background:var(--color-surface-selected)}.answer-history-value{flex:1;min-width:0}.answer-history-mark{background:var(--color-surface-subtle);width:16px;height:16px;color:var(--color-text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.answer-history-mark[data-result=correct]{background:var(--color-success-surface);color:var(--color-success)}.answer-history-mark[data-result=incorrect]{background:var(--color-danger-surface);color:var(--color-danger)}.answer-history-close{right:var(--space-1);top:var(--space-1);border-radius:var(--radius-small);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute}.answer-history-close:hover{background:var(--color-surface-hover)}.answer-history-review{gap:var(--space-inline);flex-direction:column;display:flex}.answer-history-composer{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-input);padding:var(--space-1);display:flex}.answer-history-composer :is(input,textarea){width:100%;min-width:0;min-height:var(--size-control-compact);padding:0 var(--space-2);color:var(--color-text);font:inherit;background:0 0;border:0}.answer-history-composer :is(input,textarea)::placeholder{color:var(--color-text-muted)}.answer-history-icon{width:var(--size-control-compact);height:var(--size-control-compact);color:var(--color-text-muted);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.answer-history-icon:hover{background:var(--color-surface-hover)}.answer-history-icon[aria-pressed=true]{color:var(--color-danger);background:var(--color-danger-surface)}.answer-history-save{justify-content:center;align-items:center;gap:var(--space-inline);min-height:var(--size-control-compact);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border:0;display:inline-flex}.answer-history-save:hover{background:var(--color-accent-hover)}.error-indicator-popover button:disabled{opacity:.5;cursor:default}.error-indicator-popover button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.answer-history-recording{align-items:center;gap:var(--space-1);display:flex}.answer-history-recording audio,.answer-history-entry audio{width:100%;min-width:0;height:var(--size-control)}.answer-history-verdicts{gap:var(--space-inline);display:flex}.answer-history-verdicts button{min-height:var(--size-control-compact);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2);font:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;flex:1}.answer-history-verdicts [data-result=correct][aria-pressed=true]{border-color:var(--color-success-border);background:var(--color-success-surface);color:var(--color-success)}.answer-history-verdicts [data-result=incorrect][aria-pressed=true]{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.answer-history-comment{color:var(--color-text-muted);padding-inline-start:var(--space-page)}.answer-history-error{color:var(--color-danger);font-size:var(--font-size-13)}@media (pointer:coarse){.error-indicator-trigger{min-height:var(--size-control-touch)}.answer-history-icon,.answer-history-close{min-width:var(--size-control-touch);min-height:var(--size-control-touch)}.answer-history-close{align-self:flex-end;position:static}.answer-history-verdicts button,.answer-history-save{min-height:var(--size-control-touch)}}body:has(.error-indicator-popover) .teacher-gap-tooltip{display:none}.written-response-answer{align-items:center;gap:var(--space-inline);min-width:0;display:flex}.written-response-answer textarea{flex:1;min-width:0}.written-response-history{flex-shrink:0;align-items:center;margin-inline-start:auto;display:flex}.written-response-history .error-indicator-trigger{min-width:var(--size-control-compact)}.answer-history-compose-row{align-items:center;gap:var(--space-inline);min-width:0;display:flex}.answer-history-compose-row>.answer-history-composer{flex:1;min-width:0}.answer-history-add-comment{width:100%;min-height:var(--size-control-compact);padding:0 var(--space-2);color:var(--color-text-muted);text-align:left;font:inherit;cursor:text;background:0 0;border:0}.answer-history-send{color:var(--color-accent)}.answer-history-pointer{z-index:999;--popover-pointer-surface:var(--color-surface-raised);--popover-pointer-border:var(--color-border-subtle)}.answer-history-composer input:is(:focus,:focus-visible){box-shadow:none;outline:none}.answer-history-composer textarea{resize:vertical;box-sizing:border-box;flex:1;line-height:1.4}.answer-history-composer textarea:not(.field):is(:focus,:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px;box-shadow:none;border:0}.answer-history-composer textarea:not(.field){box-shadow:none;border-radius:var(--radius-control);background:0 0;border:0;outline:none}.error-indicator .answer-attempts>span.success{background:var(--color-success);border-color:var(--color-success-border)}.answer-review-trigger{min-width:var(--size-control-compact);min-height:var(--size-control-compact);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.answer-review-trigger:hover{background:var(--color-surface-hover);color:var(--color-text)}.answer-review-trigger:focus-visible,.answer-review-panel button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.answer-review-backdrop{z-index:550;pointer-events:none;padding:var(--space-dialog);background:0 0;justify-content:flex-end;display:flex;position:fixed;inset:0}.answer-review-panel{pointer-events:auto;width:min(420px,100%);max-height:calc(100dvh - 120px);margin-top:calc(var(--space-major) * 2);box-sizing:border-box;align-self:flex-start;gap:var(--space-section);padding:var(--space-dialog);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-dialog);box-shadow:0 12px 40px color-mix(in srgb,var(--color-shadow-color) 18%,transparent);font-size:var(--font-size-14);outline:none;flex-direction:column;display:flex;overflow:auto}.answer-review-panel h2,.answer-review-panel h3,.answer-review-panel p{margin:0}.answer-review-panel h2{font-size:var(--font-size-18)}.answer-review-panel h3{font-size:var(--font-size-14)}.answer-review-row{align-items:center;gap:var(--space-inline);flex-wrap:wrap;display:flex}.answer-review-row>h2,.answer-review-row>strong{margin-right:auto}.answer-review-row audio{flex:1;width:100%;min-width:0}.answer-review-history{border-block:1px solid var(--color-border-subtle);padding:var(--space-card) 0}.answer-review-history summary{cursor:pointer}.answer-review-history>div{padding:var(--space-2) 0}.answer-review-history time,.answer-review-muted,.answer-review-panel small{color:var(--color-text-muted);font-size:var(--font-size-12)}.answer-review-messages{gap:var(--space-list);display:grid}.answer-review-message{padding:var(--space-row-block) var(--space-row-inline);background:var(--color-surface-subtle);border-radius:var(--radius-card);overflow-wrap:anywhere}.answer-review-message[data-author=student]{background:var(--color-info-surface)}.answer-review-message p{margin-top:var(--space-2);white-space:pre-wrap}.answer-review-message audio{width:100%;margin-top:var(--space-2)}.answer-review-composer{align-items:flex-end;gap:var(--space-inline);display:flex}.answer-review-composer textarea{resize:vertical;min-width:0;min-height:var(--size-control);max-height:160px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-input);color:var(--color-text);border-radius:var(--radius-control);font:inherit;box-sizing:border-box;flex:1}.answer-review-composer textarea::placeholder{color:var(--color-text-muted)}.answer-review-composer textarea:focus-visible{outline:2px solid var(--color-focus)}.answer-review-panel button:disabled{opacity:.5;cursor:default}.answer-review-error{color:var(--color-danger);background:var(--color-danger-surface);padding:var(--space-card);border-radius:var(--radius-card)}.answer-essay{gap:var(--space-list);display:grid}.answer-essay-view,.answer-essay-editor{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);line-height:1.6}.answer-essay-editor{min-height:160px}.answer-essay-editor:focus{outline:2px solid var(--color-focus)}.answer-essay-toolbar{gap:var(--space-inline);flex-wrap:wrap;display:flex}.answer-essay-toolbar button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:var(--size-control-compact);min-height:var(--size-control-compact);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.answer-essay [data-color=danger]{color:var(--color-danger)}.answer-essay [data-color=success]{color:var(--color-success)}.answer-essay [data-color=info]{color:var(--color-info)}.answer-essay [data-color=warning],.answer-essay [data-color=highlight]{color:var(--color-warning)}.answer-essay [data-highlight=true]{background:var(--color-warning-surface)}.answer-essay [data-marks~=bold]{font-weight:700}.answer-essay [data-marks~=italic]{font-style:italic}.answer-essay [data-marks~=underline]{text-decoration:underline}.answer-essay [data-marks~=strike]{text-decoration:line-through}.answer-essay [data-marks~=underline][data-marks~=strike]{text-decoration:underline line-through}.answer-review-actions{justify-content:flex-end;gap:var(--space-inline);display:flex}@media (width<=767px){.answer-review-backdrop{padding:var(--space-2);background:var(--color-backdrop);pointer-events:auto;align-items:flex-end}.answer-review-panel{width:100%;max-height:92dvh;padding:var(--space-card);align-self:flex-end;margin-top:0}.answer-review-trigger{min-width:var(--size-control-touch);min-height:var(--size-control-touch)}}.answer-review-marks{gap:var(--space-inline);display:flex}.answer-review-marks button{justify-content:center;align-items:center;gap:var(--space-inline);min-height:var(--size-control);border:1px solid var(--color-success-border);background:var(--color-success-surface);color:var(--color-success);border-radius:var(--radius-control);font:inherit;cursor:pointer;flex:1;display:flex}.answer-review-marks button+button{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-surface)}.answer-review-marks button[aria-pressed=true]{outline-offset:-3px;outline:2px solid}.answer-review-marks button:hover{filter:brightness(.95)}.answer-review-status{font-size:var(--font-size-12);color:var(--color-text-muted);margin-right:auto}.answer-review-pending{border-color:var(--color-warning-border)}.answer-review-pending .answer-review-status{color:var(--color-warning);background:var(--color-warning-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}.answer-voice{align-items:center;gap:var(--space-inline);flex:1;min-width:0;display:flex}.answer-voice>audio{display:none}.answer-voice-play{min-width:var(--size-control);min-height:var(--size-control);background:var(--color-info-surface);color:var(--color-accent);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.answer-voice-wave{min-width:0;height:var(--size-control);flex:1;position:relative}.answer-voice-wave svg{width:100%;height:100%;fill:var(--color-text-muted);stroke:var(--color-text-muted)}.answer-voice-wave input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.answer-voice-wave:focus-within{outline:2px solid var(--color-focus);border-radius:var(--radius-control)}.answer-voice>span{font-size:var(--font-size-12);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.answer-voice small{color:var(--color-danger)}.answer-review-backdrop{padding:0;display:block}.answer-review-panel{z-index:1;max-height:calc(100dvh - 16px);margin:0;position:fixed}.exercise-answer-review{justify-content:flex-end;gap:var(--space-inline);display:flex}@media (width<=767px){.answer-review-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:0}}.answer-review-answer-trigger{color:var(--color-text-muted);background:0 0;border:0;padding:0}.answer-review-answer-trigger .answer-attempts{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.answer-review-answer-trigger .answer-attempts>span{background:var(--color-border-strong);border-radius:50%;width:5px;height:5px}.answer-review-pointer{z-index:0;--popover-pointer-surface:var(--color-surface-raised)}.student-task{position:relative}.lesson-block:has(>.task-questions-teacher){position:relative}.lesson-block>.task-questions-teacher{z-index:1;position:absolute;inset-block-start:var(--space-section);inset-inline-end:0}.task-question-trigger,.task-question-close{justify-content:center;align-items:center;gap:var(--space-inline);width:var(--size-control);min-height:var(--size-control);padding:var(--space-inline);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex}.task-questions-student>.task-question-trigger{top:var(--space-inline);right:calc(var(--size-control) + var(--space-inline) * 2);z-index:1;opacity:0;pointer-events:none;position:absolute}.student-task:hover .task-question-trigger,.task-questions.is-open>.task-question-trigger{opacity:1;pointer-events:auto}.task-question-trigger:hover,.task-question-close:hover{background:var(--color-surface-subtle)}.task-question-trigger:focus-visible,.task-question-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;opacity:1;pointer-events:auto}.task-question-panel{z-index:1201;box-sizing:border-box;gap:var(--space-heading);padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);display:grid;position:fixed;overflow:auto}.task-question-heading{justify-content:space-between;align-items:center;gap:var(--space-heading);display:flex}.task-question-message{gap:var(--space-inline);display:grid}.task-question-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.task-question-panel>.button{justify-content:center;justify-self:stretch;width:100%}.student-task-toolbar{justify-content:space-between;align-items:center;gap:var(--space-inline);margin-bottom:var(--space-section);flex-wrap:wrap;display:flex}.student-task-toolbar .student-channel-tabs{flex:1;margin:0}.student-task-toolbar .student-homework-actions{align-items:center;gap:var(--space-inline);display:flex}.student-task-toolbar .student-homework-actions p:empty{display:none}@media (hover:none),(pointer:coarse){.task-questions-student>.task-question-trigger{opacity:1;pointer-events:auto}}@media (width<=760px){.student-task-toolbar .student-homework-actions{width:100%}.task-question-panel{padding:var(--space-list)}}.student-task .prompt{padding-inline-end:var(--space-input-leading)}.task-question-pointer{z-index:1200}.task-question-voice-preview{align-items:center;gap:var(--space-inline);min-width:0;display:flex}.task-question-voice-preview .answer-voice{flex:1;min-width:0}:is(.student-task:has(.task-questions-student) .lesson-block-toolbar,.student-task:has(.task-questions-student) .prompt){padding-inline-end:calc(var(--size-control) * 2 + var(--space-inline) * 3)}.student-entry-notice{gap:var(--space-heading);margin-bottom:var(--space-section);display:grid}.student-entry-notice>:is(h2,p){margin:0}.student-entry-notice>.button{justify-self:start}.lesson-clock-display{min-width:0;font-size:var(--font-size-12);font-variant-numeric:tabular-nums;line-height:1.4;position:relative}.lesson-clock-title{align-items:center;gap:var(--space-2);display:flex}.lesson-clock-title strong{font-size:var(--font-size-13);font-weight:650;white-space:normal!important;overflow:visible!important}.lesson-clock-info{padding:var(--space-1);color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.lesson-clock-display small{font-size:var(--font-size-12);margin-top:var(--space-1);display:block}.lesson-clock-details{z-index:120;width:250px;padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface);color:var(--text);box-shadow:0 12px 35px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);position:absolute;top:calc(100% + 14px);right:0}.lesson-clock-details h2{font-size:var(--font-size-15);margin:0 0 var(--space-card)}.lesson-clock-details dl{margin:0}.lesson-clock-details dl>div{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.lesson-clock-details dd{margin:0;font-weight:650}.lesson-clock-details dl>div:last-child{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3)}.student-header .lesson-clock-display,.student-home-header .lesson-clock-display{margin-left:auto}.lesson-clock-display[data-ending=true]{color:var(--color-warning)}.student-lesson-notice{z-index:110;align-items:flex-start;gap:var(--space-3);max-width:340px;padding:var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface);color:var(--text);box-shadow:0 10px 30px color-mix(in srgb,var(--color-shadow-color) 8.24%,transparent);display:flex;position:fixed;top:88px;right:20px}.student-lesson-notice>svg{color:var(--color-success);flex:none}.student-lesson-notice strong{font-size:var(--font-size-13);display:block}.student-lesson-notice small{margin-top:var(--space-2);font-size:var(--font-size-12);display:block}.student-lesson-notice button{color:inherit;cursor:pointer;background:0 0;border:0}.lesson-clock-display b{font-variant-numeric:tabular-nums;font-weight:800}.lesson-clock-display[data-waiting-warning=true] .lesson-clock-title{color:var(--color-warning)}.teacher-gap-hint{vertical-align:baseline;border-radius:var(--radius-control);max-width:100%;display:inline-block;position:relative}.teacher-gap-hint:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}:root .gap-fill-activity .teacher-gap-hint[data-hint-target] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){border-color:var(--color-success-border);box-shadow:0 0 0 1px var(--color-success-border);outline:none}.teacher-gap-hint[data-hint-target]:focus-visible{outline:none}.teacher-gap-target-mark{color:var(--color-success);background:var(--color-success-surface);pointer-events:none;border-radius:50%;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.teacher-gap-tooltip{z-index:1200;box-sizing:border-box;background:var(--color-surface-raised);width:max-content;max-width:min(300px,100vw - 24px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:0 4px 16px var(--color-shadow);pointer-events:auto;line-height:1.4;font-size:var(--font-size-14);position:fixed}.teacher-gap-tooltip-content{align-items:center;gap:var(--space-2);box-sizing:border-box;padding:var(--space-2) var(--space-3);border-radius:inherit;background:var(--color-surface-raised);max-height:min(240px,100vh - 24px);display:flex;position:relative;overflow:auto}.teacher-gap-tooltip-icon{background:var(--color-action-success);width:20px;height:20px;color:var(--color-on-action-success);border-radius:50%;flex:none;place-items:center;display:grid}.teacher-gap-tooltip-copy{gap:var(--space-1);overflow-wrap:anywhere;min-width:0;display:grid}.teacher-gap-tooltip small{color:var(--color-text-muted);font-size:var(--font-size-13)}.teacher-gap-tooltip strong{font-weight:600}.teacher-gap-hint-note{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);margin:0 0 var(--space-2);display:flex}.teacher-gap-tooltip{--popover-pointer-surface:var(--color-surface-raised);--popover-pointer-border:var(--color-border)}.teacher-gap-tooltip-pointer{z-index:1}:root[data-ui-theme=dark] :is(.category-drag-ghost,.ordering-drag-ghost,.visual-formula-editor,.visual-formula-sample,.ordering-group,.activity-order li){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] :is(.public-block,.editor-student-pane) :is(.activity-hint,.category-help,.category-help>summary,.ordering-help,.vocabulary-help){color:var(--muted)}:root[data-ui-theme=dark] .pair-link-card.is-linked{background:color-mix(in srgb,var(--pair-color) 15%,var(--surface));color:var(--text)}:root[data-ui-theme=dark] .pair-link-card.is-active{background:var(--color-info-surface);color:var(--color-link)}:root[data-ui-theme=dark] :is(.category-insertion,.ordering-slot.is-drop-target){background:var(--color-info-surface);color:var(--color-link);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .exercise-native-dialog :is(.exercise-metadata,.field-config,.tf-author-card,.tf-author-segments,.tf-author-add,.matching-image-button,.ordering-row-number,.category-editor-add,.vocabulary-editor-row,.vocabulary-remove,.exercise-local-images,.exercise-local-image-empty,.audio-upload-empty,.link-editor-preview){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog :is(.visual-gap-chip,.ordering-editor .text-button){background:var(--soft);color:var(--color-link);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog :is(.field-config,.tf-author-card,.vocabulary-editor-row) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--surface);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .ordering-slot.ordering-hole{background:var(--soft);color:var(--muted);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog .field{background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog .tf-author-segments button[aria-pressed=true]{background:var(--color-info-surface);color:var(--color-link);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .exercise-native-dialog :is(.ordering-separator button,.ordering-author-group+.text-button,.ordering-author-group~.text-button){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog .ordering-separator button[aria-pressed=true]{background:var(--color-info-surface);color:var(--color-link)}:root[data-ui-theme=dark] .choice-option input:not(:checked){background:var(--surface);border-color:var(--muted)}:root[data-ui-theme=dark] .exercise-native-dialog .ordering-compose>.text-button{background:var(--color-info-surface);color:var(--color-link);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .lesson-note[data-note-color]{background:color-mix(in srgb,var(--note-background) 12%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--note-border) 45%,var(--line))}:root[data-ui-theme=dark] .exercise-native-dialog :is(.editor-preview-caption,.preview-bottom-actions p,.editor-content-caption,.editor-preview-caption>svg){color:var(--muted)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) :is(.lesson-workspace,.exercise-native-dialog) .public-block.lesson-note[data-note-color]{background:color-mix(in srgb,var(--note-background) 12%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--note-border) 45%,var(--line))}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .choice-options .choice-option[data-result=correct]:has(input:checked){background:var(--color-success-surface);color:var(--color-success);border-color:var(--color-success-border)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .choice-options .choice-option[data-result=incorrect]:has(input:checked){background:var(--color-danger-surface);color:var(--color-danger);border-color:var(--color-danger-border)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .choice-options .choice-option[data-result=manualPending]:has(input:checked){background:var(--color-warning-surface);color:var(--color-warning);border-color:var(--color-warning-border)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .choice-options .choice-option[data-result] .choice-option-text{color:inherit}:root[data-ui-theme=dark] .quiz-result{background:var(--soft);color:var(--text)}:root[data-ui-theme=dark] .quiz-result-ring{background:conic-gradient(var(--color-accent) var(--quiz-progress),var(--line) 0)}:root[data-ui-theme=dark] .quiz-result-ring span{background:var(--soft)}:root[data-ui-theme=dark] :is(.quiz-result-metrics,.quiz-result-metrics>div+div,.quiz-result-footer,.tf-progress,.tf-options,.tf-option+.tf-option){border-color:var(--line)}:root[data-ui-theme=dark] :is(.quiz-result-metrics span,.quiz-attempt-count,.quiz-history-nav,.tf-progress){color:var(--muted)}:root[data-ui-theme=dark] .quiz-attempt-count strong{background:var(--surface);color:var(--text)}:root[data-ui-theme=dark] .quiz-history-nav button{background:var(--surface);color:var(--color-link);border-color:var(--line)}:root[data-ui-theme=dark] .quiz-repeat{color:var(--color-link)}:root[data-ui-theme=dark] .tf-progress progress{background:var(--line)}:root[data-ui-theme=dark] .tf-progress progress::-webkit-progress-bar{background:var(--line)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .tf-exercise .tf-option.tf-correct:has(input:checked){background:var(--color-success-surface);color:var(--color-success);box-shadow:inset 0 0 0 1px var(--color-success-border)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .tf-exercise .tf-option.tf-incorrect:has(input:checked){background:var(--color-danger-surface);color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger-border)}:root[data-ui-theme=dark] :is(.cabinet-shell,.student-page,.student-app) .tf-exercise .tf-option.tf-pending:has(input:checked){background:var(--color-warning-surface);color:var(--color-warning);box-shadow:inset 0 0 0 1px var(--color-warning-border)}:root[data-ui-theme=dark] .ordering-slots-activity .ordering-group{background:0 0}:root[data-ui-theme=dark] .ordering-slots-activity .ordering-group h4{color:var(--text)}:root[data-ui-theme=dark] .exercise-native-dialog .universal-exercise-editor :is(.ordering-context[open],.ordering-help[open]){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] .exercise-native-dialog .universal-exercise-editor .ordering-context .field-label{color:var(--muted)}:root[data-ui-theme=dark] .exercise-native-dialog .universal-exercise-editor .ordering-row-number{background:var(--soft);color:var(--text)}:root[data-ui-theme=dark] .exercise-native-dialog .universal-exercise-editor .ordering-help pre{color:var(--text)}:root[data-ui-theme=dark] .exercise-native-dialog .universal-exercise-editor .ordering-context summary:hover{background:var(--surface)}.answer-result{vertical-align:baseline;white-space:nowrap;align-items:baseline;gap:5px;max-width:100%;margin-block:8px;display:inline-flex}.answer-result .inline-answer{margin-block:0}.answer-result[data-result=correct] .inline-answer,.answer-result[data-result=correct] .inline-answer-trigger,.answer-result[data-result=correct] .gap-drop-target{border-color:var(--color-success-border);box-shadow:0 0 0 1px var(--color-success-border)}.answer-result[data-result=incorrect] .inline-answer,.answer-result[data-result=incorrect] .inline-answer-trigger,.answer-result[data-result=incorrect] .gap-drop-target{border-color:var(--color-danger-border);box-shadow:0 0 0 1px var(--color-danger-border)}.answer-result[data-result=manualPending] .inline-answer,.answer-result[data-result=manualPending] .inline-answer-trigger,.answer-result[data-result=manualPending] .gap-drop-target{border-color:var(--color-warning-border);box-shadow:0 0 0 1px var(--color-warning-border)}.answer-result .inline-answer:disabled{opacity:1;color:inherit;background:var(--color-surface);cursor:default}.exercise-check-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 0;font-size:14px;display:flex}.exercise-check-actions [data-result=correct]{color:var(--color-success)}.exercise-check-actions [data-result=incorrect]{color:var(--color-danger)}.exercise-check-actions [data-result=manualPending]{color:var(--color-warning)}.choice-options .choice-option[data-result=correct]:has(input:checked){border-color:var(--color-success-border);background:var(--color-success-surface);color:var(--color-success)}.choice-options .choice-option[data-result=incorrect]:has(input:checked){border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.choice-options .choice-option[data-result=manualPending]:has(input:checked){border-color:var(--color-warning-border);background:var(--color-surface);color:var(--color-text)}.exercise-feedback-frame[data-result=manualPending] .written-response textarea{border-color:var(--color-warning-border)}.pair-link-card[data-result=correct],.category-card[data-result=correct]{box-shadow:0 0 0 1px var(--color-success-border);border-color:var(--color-success-border)!important}.pair-link-card[data-result=incorrect],.category-card[data-result=incorrect]{box-shadow:0 0 0 1px var(--color-danger-border);border-color:var(--color-danger-border)!important}.pair-link-card[data-result=manualPending],.category-card[data-result=manualPending]{box-shadow:0 0 0 1px var(--color-warning-border);border-color:var(--color-warning-border)!important}.pair-link-card-wrap{border-radius:12px;align-self:center;min-width:0;height:fit-content;position:relative}.pair-link-card-wrap>.error-indicator{left:calc(100% + var(--error-indicator-gap));position:absolute;top:50%;transform:translateY(-50%)}.gap-fill-activity .gap-answer-result>.error-indicator{position:absolute;top:50%;right:0;transform:translateY(-50%)}.annotated-written-response{white-space:pre-wrap;cursor:text;min-height:120px;color:var(--color-text)}.exercise-feedback-frame[data-result=correct] .annotated-written-response{border-color:var(--color-success-border)}.exercise-feedback-frame[data-result=incorrect] .annotated-written-response{border-color:var(--color-danger-border)}.exercise-feedback-frame[data-result=manualPending] .annotated-written-response{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.annotated-inline-answer{white-space:pre-wrap;cursor:text;min-width:2ch;display:inline-block}.gap-fill-activity .gap-input-size .annotated-inline-answer{white-space:nowrap;width:auto;height:auto;min-height:var(--size-control-compact)}.exercise-feedback-frame[data-result=incorrect] .written-response .answer-field{border-color:var(--color-danger-border)}.exercise-feedback-frame[data-result=correct] .written-response .answer-field{border-color:var(--color-success-border)}.editor-example-preview{opacity:.55;pointer-events:none}.gap-fill-activity .gap-answer-result.answer-result{vertical-align:middle;padding-right:calc(var(--error-indicator-gap) + var(--error-indicator-width));box-sizing:border-box;white-space:nowrap;align-items:center;gap:0;max-width:100%;margin:4px 3px;display:inline-flex;position:relative}.gap-fill-activity .gap-answer-result .inline-answer-picker{min-width:0;margin:0}.gap-fill-activity .gap-answer-result :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);box-shadow:none;border-radius:7px;margin:0;padding:5px 9px;font-size:.9em;line-height:1.4}.gap-fill-activity .gap-answer-result .gap-drop-target{white-space:normal;overflow-wrap:anywhere;width:max-content;min-width:clamp(88px,8em,160px);max-width:100%}.gap-fill-activity .gap-answer-result .inline-answer{width:clamp(70px,6em,160px);min-width:0;height:36px}.gap-fill-activity .gap-input-size{vertical-align:middle;min-width:0;max-width:100%;font-size:.9em;line-height:1.4;display:inline-grid}.gap-fill-activity .gap-input-measure{visibility:hidden;white-space:pre;box-sizing:border-box;min-width:6em;font:inherit;grid-area:1/1;padding:5px 11px;overflow:hidden}.gap-fill-activity .gap-input-size .inline-answer{box-sizing:border-box;width:0;min-width:100%;max-width:100%;height:36px;font:inherit;grid-area:1/1}.gap-fill-activity .gap-answer-result[data-result=correct] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){border-color:var(--color-success-border);box-shadow:0 0 0 1px var(--color-success-border);background:var(--color-surface)}.gap-fill-activity .gap-answer-result[data-result=incorrect] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){border-color:var(--color-danger-border);box-shadow:0 0 0 1px var(--color-danger-border);background:var(--color-surface)}.gap-fill-activity .gap-answer-result[data-result=manualPending] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){border-color:var(--color-warning-border);box-shadow:0 0 0 1px var(--color-warning-border);background:var(--color-surface)}.gap-fill-activity .gap-answer-result :is(.inline-answer,.inline-answer-trigger,.gap-drop-target):focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.gap-fill-activity .gap-answer-hints{background:var(--color-surface-subtle);color:var(--color-text);overflow-wrap:anywhere;border-radius:10px;margin:12px 0 0;padding:10px 14px;font-size:14px;line-height:1.5}.gap-fill-activity .gap-answer-hints p{margin:4px 0}.gap-fill-activity .gap-answer-hints{border:1px solid var(--color-border);background:var(--color-surface);padding:12px 14px}.gap-fill-activity .gap-answer-hints p{align-items:center;gap:12px;margin:8px 0;display:flex}.gap-answer-hints svg{color:var(--color-text-muted);flex-shrink:0}.gap-field-number{background:var(--color-surface-input);min-width:18px;height:18px;color:var(--color-link);pointer-events:none;border-radius:6px;place-items:center;font-size:11px;font-weight:600;line-height:1;display:grid;position:absolute;top:-9px;right:8px}.gap-hint-number{background:var(--color-surface-subtle);height:26px;color:var(--color-link);border-radius:9px;flex:0 0 26px;place-items:center;font-weight:600;display:grid}.gap-fill-activity .gap-answer-result[data-locked][data-result=correct] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){background:var(--color-success-surface)}.gap-fill-activity .gap-answer-result[data-locked][data-result=incorrect] :is(.inline-answer,.inline-answer-trigger,.gap-drop-target){background:var(--color-danger-surface)}.click-to-load-video{aspect-ratio:16/9;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;width:100%;margin-bottom:12px;overflow:hidden}.video-start{width:100%;height:100%;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.video-start-icon{background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);border-radius:50%;place-items:center;padding-left:3px;font-size:22px;display:grid}.video-start:focus-visible{outline:3px solid var(--color-focus);outline-offset:-4px}.video-start{isolation:isolate;position:relative}.video-preview-image{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.video-start:has(.video-preview-image)>span:last-child{background:color-mix(in srgb,var(--color-media) 85%,transparent);color:var(--color-media-text);border-radius:8px;padding:6px 12px}.click-to-load-video>iframe,.click-to-load-video>video{border:0;border-radius:0;width:100%;height:100%;min-height:0;margin:0;display:block}.activity-embed .click-to-load-video>iframe{border:0;border-radius:0;min-height:0;margin:0}.lesson-note[data-note-color]{--note-background:var(--color-warning-surface);--note-border:var(--color-warning-border);background:color-mix(in srgb,var(--note-background) 45%,transparent);color:var(--color-text);border:1px solid color-mix(in srgb,var(--note-border) 50%,transparent);border-radius:12px;padding:20px 24px}.lesson-note[data-note-color=peach]{--note-background:var(--color-warning-surface);--note-border:var(--color-warning-border)}.lesson-note[data-note-color=green]{--note-background:var(--color-success-surface);--note-border:var(--color-success-border)}.lesson-note[data-note-color=blue]{--note-background:var(--color-info-surface);--note-border:var(--color-info-border)}.lesson-note[data-note-color=purple]{--note-background:var(--color-purple-surface);--note-border:var(--color-purple-border)}.lesson-note[data-note-color=neutral]{--note-background:var(--color-surface-subtle);--note-border:var(--color-border)}.lesson-workspace .public-block.lesson-note[data-note-color],.exercise-native-dialog .editor-student-pane .public-block.lesson-note[data-note-color]{border:1px solid color-mix(in srgb,var(--note-border) 50%,transparent);background:color-mix(in srgb,var(--note-background) 45%,transparent);color:var(--color-text);padding:20px 24px}.note-palette{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 20px;display:flex}.note-palette>span{margin-right:8px;font-size:14px}.note-palette button.lesson-note[data-note-color]{background:color-mix(in srgb,var(--note-background) 45%,transparent);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.note-palette button[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:3px}.note-palette button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.image-layout-controls{border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0;margin:12px 0;padding:12px;display:flex}.image-layout-controls legend{padding:0 6px;font-size:.85rem;font-weight:600}.image-layout-position{background:var(--color-surface-subtle);border-radius:9px;flex-wrap:wrap;padding:3px;display:flex}.image-layout-position button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px}.image-layout-position button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 6.67%,transparent)}.image-layout-position button:focus-visible,.image-layout-size input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.image-layout-size{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.image-layout-size output{color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:68px}.image-layout-size input{width:160px;max-width:100%;accent-color:var(--color-link)}.legacy-document-layout,.legacy-document-layout>.image-layout-text,.legacy-document-layout>.image-layout-media{display:contents}.image-text-layout{grid-template-columns:minmax(0,1fr);gap:16px;display:grid;container-type:inline-size}.image-text-layout>.image-layout-text,.image-text-layout>.image-layout-media{overflow-wrap:anywhere;min-width:0}.image-text-layout>.image-layout-media{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:16px;display:grid}.image-text-layout[data-text-position=bottom]>.image-layout-text,.image-text-layout[data-text-position=right]>.image-layout-text{order:2}.image-text-layout .image-layout-figure{width:var(--lesson-image-width);min-width:0;max-width:100%;margin:0}.image-text-layout .image-layout-figure>img,.image-text-layout .image-layout-figure>svg{object-fit:contain;border-radius:10px;width:100%;max-width:100%;height:auto;max-height:none;display:block}.image-text-layout .lesson-media video,.image-text-layout .lesson-media audio{max-width:100%}.image-text-layout[data-text-position=left]{grid-template-columns:minmax(0,1fr) minmax(0,min(var(--lesson-image-width),50%))}.image-text-layout[data-text-position=right]{grid-template-columns:minmax(0,min(var(--lesson-image-width),50%)) minmax(0,1fr)}@container (width<=620px){.image-text-layout>.image-layout-text,.image-text-layout>.image-layout-media{grid-column:1/-1}}@media (width<=620px){.image-text-layout[data-text-position=left],.image-text-layout[data-text-position=right]{grid-template-columns:minmax(0,1fr)}}.true-false-selection{gap:8px;margin:12px 0;display:flex}.true-false-selection .button{min-width:112px;min-height:44px}.exercise-native-dialog .true-false-selection .button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-info-border);color:var(--color-link);box-shadow:0 0 0 1px var(--color-shadow-color);font-weight:600}.true-false-selection .button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.true-false-question{flex-wrap:wrap;gap:8px;display:flex}.true-false-question legend{width:100%;margin-bottom:10px}.true-false-question .choice{align-items:center;gap:8px;min-width:112px;min-height:44px;margin:0;display:flex}.tf-exercise{container-type:inline-size}.tf-instruction{color:var(--color-text-muted);margin:0 0 20px;font-size:14px}.tf-cards{gap:14px;display:grid}.tf-exercise .tf-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;gap:12px 14px;min-width:0;margin:0;padding:20px;display:grid}.tf-number{background:var(--color-surface);width:36px;height:36px;color:var(--color-link);border-radius:50%;align-self:start;place-items:center;font-size:13px;font-weight:600;display:grid}.tf-statement{overflow-wrap:anywhere;align-self:center;min-width:0;line-height:1.6}.tf-statement p{margin:0}.tf-options{border:1px solid var(--color-border);border-radius:10px;grid-column:3;align-self:center;width:max-content;max-width:100%;display:flex;overflow:hidden}.tf-exercise .tf-option{min-width:108px;min-height:44px;color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:15px;display:flex;position:relative}.tf-option+.tf-option{border-left:1px solid var(--color-border)}.tf-option input{opacity:0;width:1px;height:1px;position:absolute}.tf-option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:-3px}.tf-option:has(input:disabled){cursor:default}.tf-exercise .tf-option.tf-selected{background:var(--color-accent);color:var(--color-on-accent)}.tf-exercise .tf-option.tf-correct{background:var(--color-success-surface);color:var(--color-success);box-shadow:inset 0 0 0 1px var(--color-success-border)}.tf-exercise .tf-option.tf-correct:has(input:checked){background:var(--color-success-surface);color:var(--color-success)}.tf-exercise .tf-option.tf-incorrect{background:var(--color-danger-surface);color:var(--color-danger)}.tf-progress{border-top:1px solid var(--color-border);color:var(--color-text-muted);gap:8px;margin-top:20px;padding-top:16px;font-size:13px;display:grid}.tf-progress progress{background:var(--color-surface-subtle);width:min(300px,100%);height:6px;accent-color:var(--color-link);border:0;border-radius:20px;overflow:hidden}.tf-progress progress::-webkit-progress-bar{background:var(--color-surface-subtle);border-radius:20px}.tf-progress progress::-webkit-progress-value{background:var(--color-accent);border-radius:20px}.tf-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tf-reveal-toggle{color:var(--color-text-muted);align-items:center;gap:9px;margin:16px 0;font-size:14px;display:flex}.tf-reveal-toggle input{accent-color:var(--color-link);width:17px;height:17px}@container (width<=360px){.tf-exercise .tf-card{grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;padding:14px}.tf-number{width:28px;height:28px}.tf-exercise .tf-option{min-width:40px;padding:8px}}.tf-author-editor{gap:14px;container-type:inline-size}.tf-author-intro{justify-content:space-between;align-items:center;gap:12px;display:flex}.tf-author-intro strong{letter-spacing:-.3px;font-size:20px}.tf-author-intro span{color:var(--color-text-muted);font-size:13px}.tf-author-editor>.help-text{margin:0 0 4px}.tf-author-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;padding:16px}.tf-author-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tf-author-header>strong{font-size:14px;font-weight:600}.tf-author-number{background:var(--color-surface-subtle);width:32px;height:32px;color:var(--color-link);border-radius:9px;place-items:center;font-size:13px;font-weight:600;display:grid}.tf-author-segments{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:9px;padding:3px;display:flex}.tf-author-segments button{min-width:94px;min-height:34px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:14px;display:flex}.tf-author-segments button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text);border-color:var(--color-border);box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 3.92%,transparent)}.tf-author-true{color:var(--color-success)}.tf-author-false{color:var(--color-danger)}.tf-author-delete{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;margin-left:auto;display:grid}.tf-author-delete:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.tf-author-delete:disabled{opacity:.35;cursor:default}.exercise-native-dialog .tf-author-input{box-sizing:border-box;resize:none;background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:9px;width:100%;min-height:48px;padding:12px 14px;font-size:16px;line-height:1.5;display:block;overflow:hidden}.tf-author-add{border:1px dashed var(--color-info-border);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-link);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.tf-author-add:hover{background:var(--color-surface-hover)}.tf-author-segments button:focus-visible,.tf-author-delete:focus-visible,.tf-author-add:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@container (width<=400px){.tf-author-card{padding:12px}.tf-author-segments{order:4;width:100%}.tf-author-segments button{flex:1}.tf-author-header{gap:9px}}.tf-exercise .tf-option{min-width:58px}.tf-exercise .tf-option.tf-selected{background:var(--color-surface-selected);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-shadow-color)}.tf-exercise .tf-option.tf-pending{background:var(--color-warning-surface);color:var(--color-warning);box-shadow:inset 0 0 0 1px var(--color-warning-border)}.tf-exercise .tf-card.tf-card-correct{background:var(--color-surface);border-color:var(--color-success-border);box-shadow:inset 0 0 0 1px var(--color-shadow-color)}.tf-exercise .tf-card.tf-card-incorrect{background:var(--color-danger-surface);border-color:var(--color-danger-border);box-shadow:inset 0 0 0 1px var(--color-danger-border)}.tf-verdict{margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.3;display:block}.tf-card-correct .tf-verdict{color:var(--color-success)}.tf-card-incorrect .tf-verdict{color:var(--color-danger)}.tf-card-correct .tf-number{background:var(--color-surface-subtle);color:var(--color-success)}.tf-card-incorrect .tf-number{background:var(--color-danger-surface);color:var(--color-danger)}.tf-exercise .tf-card{grid-template-columns:36px minmax(0,1fr)}.tf-exercise .tf-options{grid-column:2;place-self:start;margin-top:4px}.inline-answer-picker{vertical-align:baseline;max-width:100%;margin:3px 5px;line-height:1.4;display:inline-block}.inline-answer-trigger{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;font-size:.9em;display:inline-flex}.inline-answer-trigger.has-answer{color:var(--color-link);background:var(--color-surface);border-color:var(--color-info-border)}.inline-answer-trigger:hover:not(:disabled){border-color:var(--color-info-border);background:var(--color-surface-hover)}.inline-answer-trigger svg{flex:none}.inline-answer-trigger:focus-visible,.inline-answer-menu button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.inline-answer-trigger:disabled{cursor:default}.inline-answer-menu{z-index:10000;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);max-height:240px;box-shadow:0 10px 35px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent);border-radius:12px;padding:6px;position:fixed;overflow-y:auto}.inline-answer-menu button{width:100%;min-height:40px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:15px;display:flex}.inline-answer-menu button:hover,.inline-answer-menu button:focus{background:var(--color-surface-hover)}.inline-answer-menu button[aria-selected=true]{background:var(--color-surface-selected);color:var(--color-link)}.choice-options{gap:.5rem;width:100%;min-width:0;max-width:36rem;margin:.25rem 0;display:grid}.choice-options--compact{flex-wrap:wrap;gap:.625rem;width:100%;max-width:100%;display:flex}.choice-options .choice-option{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);min-width:0;max-width:100%;min-height:3rem;color:var(--color-text);font:inherit;cursor:pointer;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin:0;padding:.6875rem .875rem;line-height:1.45;transition:background-color .12s,border-color .12s;display:flex}.choice-options--compact .choice-option{min-width:min(6rem,100%)}.choice-option-text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.choice-options .choice-option input{appearance:none;box-sizing:border-box;border:1.5px solid var(--color-border);background:var(--color-surface-input);width:1.25rem;height:1.25rem;color:var(--color-link);opacity:1;cursor:inherit;border-radius:50%;flex:none;margin:max(0px,.725em - .625rem) 0 0;padding:0}.choice-options .choice-option input:checked{background:radial-gradient(circle,currentColor 0 42%,#0000 46%);border-color:currentColor}.choice-option:has(input:checked){border-color:var(--color-info-border);background:var(--color-surface-selected)}.choice-option:has(input:enabled):hover{border-color:var(--color-info-border);background:var(--color-surface-hover)}.choice-option:has(input:checked:enabled):hover{border-color:var(--color-info-border);background:var(--color-surface-hover)}.choice-option:has(input:enabled):active{background:var(--color-surface-selected);transition:none}.choice-option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.choice-option input:focus-visible{outline:none}.choice-option:has(input:disabled){cursor:default}.single-choice-block>.prompt{overflow-wrap:anywhere;margin:.4rem 0 .875rem}@media (prefers-reduced-motion:reduce){.choice-options .choice-option{transition:none}}@media (prefers-contrast:more){.choice-options .choice-option{border-color:var(--color-info-border)}.choice-option:has(input:checked){border:2px solid var(--color-info-border);padding:calc(.6875rem - 1px) calc(.875rem - 1px)}}@media (forced-colors:active){.choice-options .choice-option input{appearance:auto;accent-color:auto}.choice-option:has(input:checked){border-color:highlight}.choice-option:has(input:focus-visible){outline-color:highlight}}.choice-options .choice-option input[type=checkbox]{border-radius:.25rem}.choice-options .choice-option input[type=checkbox]:checked{background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-shadow-color)}.choice-option-row{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;display:flex}.choice-option-row>.choice-option{flex:1}.choice-options--compact>.choice-option-row{min-width:min(6rem,100%)}.choice-option-row>.error-indicator{flex:none}.compact-drag-exercise{min-width:0;position:relative}.compact-exercise-actions{justify-content:flex-end;min-height:36px;margin:0 0 8px;display:flex}.compact-exercise-actions .button{min-height:36px;padding:6px 14px;font-size:14px}.compact-drag-exercise .public-block>.exercise-heading{margin-top:0}.compact-drag-exercise .rich-document{overflow-wrap:anywhere;line-height:2}.compact-drag-exercise .rich-document p{margin:8px 0}.compact-drag-exercise .word-bank{background:0 0;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;display:flex}.compact-drag-exercise .word-bank:empty{display:none}.compact-drag-exercise .word-chip{min-height:34px;margin:0;padding:5px 10px;font-size:15px;line-height:1.4}.compact-answer-hint{background:var(--color-surface);color:var(--color-danger);overflow-wrap:anywhere;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:13px;line-height:1.5}.compact-drag-exercise .ordering-student-help{margin-bottom:8px}.compact-drag-exercise .ordering-group,.compact-drag-exercise .ordering-letter-sentence{gap:12px;margin-bottom:14px}.compact-drag-exercise .ordering-group h4{margin-bottom:6px}.compact-drag-exercise .ordering-bank{gap:6px;min-height:0;margin-bottom:8px}.compact-drag-exercise .ordering-bank-card,.compact-drag-exercise .ordering-slot{min-height:34px;padding:5px 10px;font-size:15px}.compact-drag-exercise .ordering-answer-line{display:block}.compact-drag-exercise .ordering-tray{min-height:46px;padding:6px 8px}.compact-drag-exercise .ordering-slots{gap:6px;min-height:32px;flex-wrap:wrap!important;overflow:visible!important}.compact-drag-exercise .ordering-slots>li{flex-shrink:1!important}.compact-drag-exercise .ordering-slot{position:relative}.compact-drag-exercise .ordering-slot[data-result=correct]{background:var(--color-success-surface);border-color:var(--color-success-border);color:var(--color-success)}.compact-drag-exercise .ordering-slot[data-result=incorrect]{background:var(--color-danger-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.compact-drag-exercise .ordering-tray.is-incorrect,.compact-drag-exercise .ordering-tray.is-correct{background:var(--color-danger-surface);border-color:var(--color-danger-border)}.compact-drag-exercise .ordering-tray.is-incorrect .ordering-slot,.compact-drag-exercise .ordering-tray.is-correct .ordering-slot{border:1px solid var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-text)}.compact-drag-exercise .ordering-slot.ordering-hole:after{content:none}.compact-drag-exercise .ordering-tray.is-correct .ordering-slot[data-result=correct],.compact-drag-exercise .ordering-tray .ordering-slot[data-result=correct]{background:var(--color-success-surface);border-color:var(--color-success-border);color:var(--color-success)}.compact-drag-exercise .ordering-tray.is-incorrect .ordering-slot[data-result=incorrect]{background:var(--color-danger-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.gap-fill-activity .gap-answer-result .gap-drop-target.drag-over{border:1px dashed var(--color-info-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);background:var(--color-surface);color:var(--color-link)}.gap-word-ghost{opacity:.55;pointer-events:none}.quiz-block .quiz-finish{background:var(--color-accent);border:1px solid var(--color-info-border);width:100%;min-height:48px;color:var(--color-on-accent);border-radius:12px;margin-top:20px;font-weight:600}.quiz-block .quiz-finish:disabled{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.quiz-result{background:var(--color-surface);color:var(--color-text);border-radius:18px;margin-top:20px;padding:20px 24px}.quiz-result-top{align-items:center;gap:18px;display:flex}.quiz-result-top>strong{letter-spacing:-.025em;font-size:18px;font-weight:600}.quiz-result-ring{background:conic-gradient(var(--color-accent) var(--quiz-progress),var(--color-surface-subtle) 0);border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;padding:5px;display:grid}.quiz-result-ring span{background:var(--color-surface);border-radius:50%;place-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:grid}.quiz-repeat{color:var(--color-link);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin-left:auto;padding:8px}.quiz-repeat:hover{background:color-mix(in srgb,var(--color-accent) 4.71%,transparent)}.quiz-result-metrics{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding-top:16px;display:grid}.quiz-result-metrics>div{flex-direction:column;gap:4px;display:flex}.quiz-result-metrics>div+div{border-left:1px solid var(--color-border);padding-left:16px}.quiz-result-metrics strong{letter-spacing:-.025em;font-size:20px;font-weight:600}.quiz-result-metrics span{color:var(--color-text-muted);font-size:13px;line-height:1.4}@media (width<=520px){.quiz-result{padding:16px}.quiz-result-top{flex-wrap:wrap;gap:10px}.quiz-result-top>strong{font-size:16px}.quiz-result-metrics{gap:8px}.quiz-result-metrics>div+div{padding-left:8px}.quiz-result-metrics span{font-size:12px}}.quiz-result-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:12px;display:flex}.quiz-attempt-count{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.quiz-attempt-count strong{background:var(--color-surface-subtle);min-width:24px;height:24px;color:var(--color-text);border-radius:8px;place-items:center;padding:0 6px;font-size:13px;font-weight:600;display:grid}.quiz-history-nav{color:var(--color-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:flex}.quiz-history-nav span{text-align:center;min-width:42px}.quiz-history-nav button{border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-link);cursor:pointer;border-radius:9px;place-items:center;font-size:22px;display:grid}.quiz-history-nav button:active{background:var(--color-surface-selected)}.quiz-history-nav button:disabled{opacity:.35;cursor:default}.video-fallback{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:14px;display:flex}.video-fallback-button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-link);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex}.video-fallback-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border)}.video-fallback-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.video-fallback-button:disabled{cursor:default;color:var(--color-text-muted);background:var(--color-surface)}.video-fallback>span{color:var(--color-text-muted);max-width:380px;font-size:13px;line-height:1.5}.video-external-notice a.button{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.video-external-notice .video-notice-dismiss{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;text-decoration:underline}@media (width<=600px){.video-fallback{flex-direction:column;align-items:flex-start;gap:8px}.video-fallback-button{width:100%}}.video-problem-report{color:var(--color-text-muted);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;padding:5px 0;font-size:13px;text-decoration:underline;display:block}.video-recovery{background:var(--color-surface-subtle);color:var(--color-text);border-radius:16px;gap:20px;margin-top:16px;padding:24px;display:flex}.video-recovery-icon{background:var(--color-warning-surface);height:44px;color:var(--color-warning);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.video-recovery-content{flex:1;min-width:0}.video-recovery h4{margin:0 0 6px;font-size:19px;line-height:1.4}.video-recovery p{margin:0;font-size:14px;line-height:1.6}.video-recovery-actions{flex-wrap:wrap;gap:12px;margin:16px 0 10px;display:flex}.video-recovery .video-fallback-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-link)}.video-recovery-retry{border:1px solid var(--color-info-border);background:var(--color-accent);min-height:44px;color:var(--color-on-accent);font:inherit;cursor:pointer;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600}.video-recovery-retry:hover:not(:disabled){background:var(--color-accent)}.video-recovery-retry:disabled{opacity:.6;cursor:default}.video-recovery-retry:focus-visible,.video-problem-report:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.video-recovery p.video-recovery-detail,.video-fallback-sent{color:var(--color-text-muted);font-size:13px;line-height:1.5}@media (width<=600px){.video-recovery{gap:12px;padding:16px}.video-recovery-icon{flex-basis:30px;height:30px;font-size:18px}.video-recovery-actions{flex-direction:column}.video-recovery-actions button{width:100%}.video-recovery h4{font-size:16px}}.external-link{color:var(--color-text);text-align:left;min-width:0}.external-link-content{min-width:0}.external-link-domain{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);margin-bottom:var(--space-2);overflow-wrap:anywhere;display:flex}.external-link-title{align-items:center;gap:var(--space-2);color:var(--color-success);font-size:var(--font-size-18);overflow-wrap:anywhere;font-weight:600;text-decoration:none;display:inline-flex}.external-link-title:hover{text-decoration:underline}.external-link-title svg{flex-shrink:0}.external-link-card,.external-link-image{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.external-link-card .external-link-content,.external-link-image .external-link-content{padding:var(--space-card)}.external-link-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-14);margin:var(--space-3) 0;color:var(--color-text);line-height:1.55}.external-link-open{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);color:var(--color-success);font-size:var(--font-size-13);background:var(--color-surface);text-decoration:none;display:inline-flex}.external-link>.external-link-image{object-fit:cover;border:0;border-radius:0;width:100%;height:160px;display:block}.external-link a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.link-editor{gap:var(--space-section);display:grid}.link-editor-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.link-editor-options button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:130px;padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-text);flex:1}.link-editor-options button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-success-border)}.link-editor-options small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-12);display:block}.link-editor-split{gap:var(--space-section);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.link-editor-fields{gap:var(--space-section);align-content:start;display:grid}.link-editor-preview{padding:var(--space-card);background:var(--color-surface);border-radius:var(--radius-card);align-self:start}.link-editor-preview>strong{font-size:var(--font-size-13);color:var(--color-text-muted);margin-bottom:var(--space-section);display:block}.link-editor-preview .public-block{padding:var(--space-card);background:var(--color-surface);margin:0}.link-editor-preview .exercise-heading{display:none}.link-editor-image-actions{gap:var(--space-inline);align-items:center;display:flex}.link-editor-image-actions img{object-fit:cover;border-radius:var(--radius-small);width:70px;height:50px}@media (width<=850px){.link-editor-split{grid-template-columns:1fr}}.link-editor-options{justify-self:start;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:inline-flex}.link-editor-options button{flex:initial;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:var(--font-size-13);text-align:center;background:0 0;border-color:#0000}.link-editor-options button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-border);color:var(--color-success);box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 5.1%,transparent)}.external-link-link{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-card);text-align:center;background:var(--color-surface)}.external-link-link .external-link-domain{font-size:var(--font-size-12);margin-top:var(--space-2);margin-bottom:var(--space-3);justify-content:center}.external-link-link .external-link-title{color:var(--color-text);font-size:var(--font-size-18);justify-content:center;display:flex}.external-link-link .external-link-open{background:var(--color-teal-surface);border-color:var(--color-teal-border);color:var(--color-teal);padding:var(--space-3) var(--space-card);margin-top:var(--space-3);font-weight:600}.external-link-link .external-link-content{flex-direction:column;align-items:center;display:flex}.external-link-link .external-link-domain{margin:var(--space-2) 0 0;order:2}.external-link-link .external-link-open{order:3}.external-link-image:has(>.external-link-image){align-items:stretch;display:flex}.external-link>.external-link-image{object-fit:cover;flex-shrink:0;width:120px;height:auto;min-height:130px}.external-link-image .external-link-content{padding:var(--space-card);flex:1}.external-link-card .external-link-content{padding:var(--space-card)}@media (width<=500px){.external-link>.external-link-image{width:85px}.link-editor-options button{padding:var(--space-2) var(--space-3)}}.link-type-example{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:var(--font-size-12);color:var(--color-text);box-sizing:border-box;text-align:left;width:100%;display:flex}.link-type-copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.link-type-copy strong{font-size:var(--font-size-12)}.link-type-copy small{color:var(--color-text-muted);font-size:var(--font-size-12)}.link-type-button{border:1px solid var(--color-teal-border);color:var(--color-teal);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:var(--font-size-12);white-space:nowrap;align-self:start}.link-type-linkButton{text-align:center;justify-content:center}.link-type-linkButton .link-type-copy{align-items:center}.link-type-linkButton .link-type-button{background:var(--color-teal-surface);color:var(--color-teal);align-self:center}.link-type-image{border-radius:var(--radius-small);background:var(--color-surface-subtle);width:55px;height:65px;color:var(--color-teal);font-size:var(--font-size-32);flex-shrink:0;place-items:center;display:grid}.type-thumbnail-symbol .link-type-example{transform-origin:0 0;width:180px;transform:scale(.28)}.type-thumbnail-symbol .link-type-example strong{font-size:var(--font-size-13)}.link-type-thumbnail{flex:none;width:40px;height:36px;display:block}.link-type-image{object-fit:cover}.vocabulary-grid.vocabulary-learning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:start;gap:24px;padding:8px 10px 16px 0}.vocabulary-learning-card{pointer-events:auto;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:8px 8px 0 0 var(--color-shadow-color),8px 8px 0 1px var(--color-shadow-color),0 4px 12px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent);color:var(--color-link);border-radius:12px;position:relative}.vocabulary-learning-card .vocabulary-face{box-sizing:border-box;text-align:center;grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;min-height:148px;padding:28px 32px;list-style:none;display:grid;position:relative}.vocabulary-learning-card>summary{cursor:pointer;border-radius:12px}.vocabulary-learning-card>summary::-webkit-details-marker{display:none}.vocabulary-learning-card.has-image .vocabulary-face{grid-template-columns:88px minmax(0,1fr);padding:24px 32px 24px 18px}.vocabulary-learning-card .vocabulary-thumbnail{object-fit:cover;border-radius:10px;width:88px;height:88px;display:block;overflow:hidden}.vocabulary-learning-card .vocabulary-word{justify-items:center;gap:12px;min-width:0;display:grid}.vocabulary-learning-card .vocabulary-word>strong{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:25px;line-height:1.25}.vocabulary-learning-card .vocabulary-meaning{box-sizing:border-box;border-top:2px solid var(--color-border);min-width:min(100%,96px);max-width:100%;color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;padding-top:10px;font-size:16px;line-height:1.4;display:block}.vocabulary-learning-card .vocabulary-disclosure{color:var(--color-link);transition:transform .18s;position:absolute;top:12px;right:12px}.vocabulary-learning-card[open] .vocabulary-disclosure{transform:rotate(-90deg)}.vocabulary-learning-card .vocabulary-sentence{border-top:1px solid var(--color-border);color:var(--color-text-muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;padding-top:16px;font-size:15px;line-height:1.5;display:none}.vocabulary-learning-card[open] .vocabulary-sentence{display:block}.vocabulary-learning-card .vocabulary-tooltip{z-index:5;background:var(--color-text);width:max-content;max-width:min(290px,90vw);color:var(--color-text-inverse);pointer-events:none;opacity:0;visibility:hidden;text-align:center;border-radius:8px;margin:0;padding:8px 12px;font-size:12px;line-height:1.4;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.vocabulary-tooltip-hide,.vocabulary-learning-card[open] .vocabulary-tooltip-show{display:none}.vocabulary-learning-card[open] .vocabulary-tooltip-hide{display:inline}.vocabulary-learning-card>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.vocabulary-learning-card>summary:focus-visible .vocabulary-tooltip{opacity:1;visibility:visible}@media (hover:hover){.vocabulary-learning-card>summary:hover{background:var(--color-surface-hover)}.vocabulary-learning-card>summary:hover .vocabulary-tooltip{opacity:1;visibility:visible;transition-delay:1s}}@media (prefers-reduced-motion:reduce){.vocabulary-learning-card .vocabulary-disclosure{transition:none}}@media (width<=420px){.vocabulary-grid.vocabulary-learning-grid{grid-template-columns:1fr}.vocabulary-learning-card.has-image .vocabulary-face{grid-template-columns:72px minmax(0,1fr)}.vocabulary-learning-card .vocabulary-thumbnail{width:72px;height:72px}}.term-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:stretch;gap:16px;padding:8px 0;display:grid}.term-card{box-sizing:border-box;min-width:0;color:var(--color-text);background:var(--color-surface);border-radius:18px;padding:24px}.term-card h4{letter-spacing:-.35px;overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.3}.term-card p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:14px 0 0;font-size:15px;line-height:1.6}.term-style-soft .term-card{background:var(--color-warning-surface)}.term-style-soft .term-card:nth-child(3n+2){background:var(--color-success-surface)}.term-style-soft .term-card:nth-child(3n){background:var(--color-purple-surface)}.term-card-dot{background:var(--color-warning-surface);border-radius:50%;width:9px;height:9px;margin-bottom:16px;display:block}.term-style-soft .term-card:nth-child(3n+2) .term-card-dot{background:var(--color-success-surface)}.term-style-soft .term-card:nth-child(3n) .term-card-dot{background:var(--color-info-surface)}.term-style-accent .term-card{border:1px solid var(--color-border);box-shadow:0 5px 18px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent)}.term-style-accent h4{box-sizing:border-box;background:var(--color-surface);max-width:100%;color:var(--color-link);border-radius:12px;padding:5px 12px;display:inline-block}.term-style-collection{background:var(--color-surface-subtle);border-radius:20px;gap:12px;padding:16px}.term-style-collection .term-card{box-shadow:0 3px 12px color-mix(in srgb,var(--color-shadow-color) 1.96%,transparent);border-radius:14px;flex-direction:column;display:flex}.term-card-index{color:var(--color-link);margin-bottom:10px;font-size:12px;font-weight:500}.term-style-collection .term-card:after{content:"";background:var(--color-info-surface);border-radius:2px;height:2px;margin-top:auto;display:block;position:relative;top:12px}.term-style-collection .term-card p{margin-bottom:12px}.term-card-image{object-fit:contain;border-radius:12px;width:100%;height:130px;margin-bottom:16px;display:block}.term-card.has-image{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:22px;display:grid}.term-card-copy{min-width:0}.term-card.has-image .term-card-image{object-fit:contain;width:104px;height:120px;margin:0}.term-card .term-card-definition{border-top:1px solid color-mix(in srgb,var(--color-info-border) 12.55%,transparent);color:var(--color-text);margin-top:14px;padding-top:14px}.term-card .term-card-description{color:var(--color-text-muted);margin-top:12px;font-size:14px}@media (width<=420px){.term-card.has-image{grid-template-columns:76px minmax(0,1fr);gap:16px}.term-card.has-image .term-card-image{width:76px;height:100px}}.vocabulary-pronunciation-card,.term-card.has-pronunciation{min-width:0;position:relative}.vocabulary-pronunciation-card .vocabulary-learning-card .vocabulary-face{padding-top:calc(var(--size-control-compact) + var(--space-inline))}.term-card.has-pronunciation{padding-top:calc(var(--size-control-compact) + var(--space-card))}.vocabulary-pronunciation-button.icon-button{pointer-events:auto;top:var(--space-inline);left:var(--space-inline);z-index:1;width:var(--size-control-compact);height:var(--size-control-compact);border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-surface);position:absolute}.vocabulary-pronunciation-button.icon-button:hover,.vocabulary-pronunciation-button.icon-button[aria-pressed=true]{background:var(--color-surface-hover);color:var(--color-link)}.vocabulary-pronunciation-button.icon-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vocabulary-pronunciation-message{margin:var(--space-inline) 0 0;font-size:var(--font-size-13);color:var(--color-text-muted);line-height:1.5}@media (pointer:coarse){.vocabulary-pronunciation-button.icon-button{width:var(--size-control-touch);height:var(--size-control-touch)}.vocabulary-pronunciation-card .vocabulary-learning-card .vocabulary-face{padding-top:calc(var(--size-control-touch) + var(--space-inline))}.term-card.has-pronunciation{padding-top:calc(var(--size-control-touch) + var(--space-card))}}.choosing-call-target .vocabulary-pronunciation-button.icon-button{pointer-events:none}.ordering-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ordering-student-help{color:var(--color-text-muted);margin:0 0 16px;font-size:13px}.ordering-student-help summary{cursor:pointer}.ordering-student-help .activity-hint{margin-top:8px}.ordering-slots-activity{display:block!important}.ordering-slots-activity .ordering-group,.ordering-slots-activity .ordering-letter-sentence>.ordering-group{background:0 0;border:0;border-radius:0;min-width:0;margin:0 0 28px;padding:0}.ordering-slots-activity .ordering-letter-sentence{background:0 0;border:0;gap:24px;margin:0 0 28px;padding:0;display:grid}.ordering-slots-activity .ordering-letter-sentence>.ordering-group{margin:0}.ordering-slots-activity .ordering-group h4{color:var(--color-text-muted);margin:0 0 12px;font-size:14px;font-weight:600}.ordering-slots-activity .ordering-bank{background:0 0;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin:0 0 12px;padding:0;display:flex}.ordering-slots-activity .ordering-bank-card,.ordering-slots-activity .ordering-slot{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;min-height:42px;color:var(--color-text);font:inherit;text-align:left;touch-action:none;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;opacity:1;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:16px;line-height:1.35;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.ordering-slots-activity .ordering-bank-card{background:var(--color-surface)}.ordering-slots-activity .ordering-bank-card:enabled,.ordering-slots-activity .ordering-slot.filled:enabled{cursor:grab}.ordering-slots-activity .ordering-bank-card:enabled:hover,.ordering-slots-activity .ordering-slot.filled:enabled:hover{border-color:var(--color-info-border);background:var(--color-surface-hover)}.ordering-slots-activity .ordering-bank-card:active,.ordering-slots-activity .ordering-slot.filled:active{cursor:grabbing}.ordering-slots-activity .ordering-bank-card:focus-visible,.ordering-slots-activity .ordering-slot:focus-visible,.ordering-slots-activity .ordering-tray:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ordering-slots-activity .ordering-tray{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:13px;min-height:72px;padding:12px;transition:background .15s,border-color .15s;position:relative}.ordering-slots-activity .ordering-tray.is-drop-target{border-color:var(--color-info-border);background:var(--color-surface)}.ordering-slots-activity .ordering-slots{flex-wrap:wrap;align-items:center;gap:7px;min-height:44px;margin:0;padding:0;list-style:none;display:flex}.ordering-slots-activity .ordering-slots>li{min-width:0;max-width:100%;list-style:none}.ordering-slots-activity .ordering-slot.ordering-hole{width:38px;min-width:38px;box-shadow:none;background:0 0;border:0;padding:0}.ordering-slots-activity .ordering-slot.ordering-hole:after{content:"";background:var(--color-info-surface);border-radius:2px;width:18px;height:2px}.ordering-slots-activity .ordering-insertion-marker{background:var(--color-accent);pointer-events:none;width:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 3.92%,transparent);border-radius:3px;position:absolute}.ordering-slots-activity .ordering-slot.is-correct{border-color:var(--color-success-border);background:var(--color-success-surface);color:var(--color-success);opacity:1}.ordering-slots-activity .ordering-slot.is-incorrect,.ordering-slots-activity .ordering-bank-card.is-incorrect{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.ordering-slots-activity .ordering-slot.is-manualPending{border-color:var(--color-warning-border);background:var(--color-warning-surface);color:var(--color-warning)}.ordering-slots-activity .is-drag-placeholder .activity-item{opacity:.2}.ordering-slots-activity .ordering-bank-empty{color:var(--color-text-muted);font-size:12px}.ordering-slots-activity .activity-item{align-items:center;gap:8px;min-width:0;display:flex}.ordering-slots-activity .activity-item-image{object-fit:contain;max-width:100px;max-height:70px}.ordering-slots-activity.ordering-mode-letters .ordering-bank-card,.ordering-slots-activity.ordering-mode-letters .ordering-slot.filled{min-width:42px;padding:8px 10px;font-size:19px;font-weight:500}.ordering-slots-activity.ordering-mode-text .ordering-slots{display:grid}.ordering-slots-activity.ordering-mode-text .ordering-slot.filled{justify-content:flex-start;width:100%}.ordering-drag-ghost{z-index:10000;pointer-events:none;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-info-border);box-shadow:0 12px 28px color-mix(in srgb,var(--color-shadow-color) 16.08%,transparent);color:var(--color-text);font:inherit;opacity:.98;border-radius:10px;padding:8px 13px;position:fixed}.ordering-drag-ghost .activity-item{align-items:center;gap:8px;display:flex}.ordering-drag-ghost img{max-width:100px;max-height:70px}@media (prefers-reduced-motion:reduce){.ordering-slots-activity *{transition:none!important}}.ordering-slots-activity .ordering-bank:empty{display:none}.ordering-slots-activity .ordering-answer-line{align-items:center;gap:12px;min-width:0;display:flex}.ordering-slots-activity .ordering-answer-line .ordering-tray{border-radius:10px;flex:1;min-width:0;min-height:58px;padding:7px 10px}.ordering-slots-activity:not(.ordering-mode-text) .ordering-slots{flex-wrap:nowrap;overflow-x:auto}.ordering-slots-activity:not(.ordering-mode-text) .ordering-slots>li{flex-shrink:0}.ordering-slots-activity .ordering-group-check{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:13px}.ordering-slots-activity .ordering-group-check:disabled{opacity:.45;cursor:default}.ordering-slots-activity .ordering-group-verdict{text-align:center;color:var(--color-success);flex:0 0 40px;font-size:24px}.ordering-slots-activity .ordering-tray.is-correct{border-color:var(--color-success-border);background:var(--color-success-surface)}.ordering-slots-activity .ordering-tray.is-correct .ordering-slot{color:var(--color-success);background:0 0;border-color:#0000}.ordering-slots-activity .ordering-tray.is-incorrect{border-color:var(--color-danger-border);background:var(--color-danger-surface)}.ordering-slots-activity .ordering-tray.is-incorrect .ordering-slot{color:var(--color-danger);background:0 0;border-color:#0000}.ordering-slots-activity .ordering-error-count{color:var(--color-danger);white-space:nowrap;flex-shrink:0;font-size:12px}.ordering-slots-activity .ordering-insertion-preview{box-sizing:border-box;border:1px dashed var(--color-info-border);background:var(--color-surface);max-width:100%;color:var(--color-text-muted);box-shadow:inset 0 2px 5px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);pointer-events:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 13px;font-size:16px;display:flex}.ordering-slots-activity .ordering-tray.is-ready{border-color:var(--color-info-border);background:var(--color-surface);cursor:copy}.ordering-slots-activity .ordering-bank-card.is-selected{border-color:var(--color-info-border);background:var(--color-surface-selected);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent)}.ordering-slots-activity .ordering-bank-card,.ordering-slots-activity .ordering-slot.filled{box-sizing:border-box;background:var(--color-surface);min-height:42px;padding:8px 13px;font-size:16px}.ordering-slots-activity .ordering-tray .ordering-slot.filled[data-result=incorrect]{box-shadow:0 0 0 1px var(--color-danger-border);background:var(--color-danger-surface)!important;color:var(--color-text)!important;border-color:var(--color-danger-border)!important;padding:8px 13px!important}.ordering-slots-activity .ordering-tray .ordering-slot.filled[data-result=correct]{box-shadow:0 0 0 1px var(--color-success-border);background:var(--color-success-surface)!important;color:var(--color-text)!important;border-color:var(--color-success-border)!important}.ordering-slots-activity .ordering-confirm{border:1px solid var(--color-border);background:var(--color-surface);width:42px;height:42px;color:var(--color-link);cursor:pointer;border-radius:10px;flex:0 0 42px;font-size:23px}.ordering-slots-activity .ordering-confirm:hover:enabled{background:var(--color-surface-hover);border-color:var(--color-info-border)}.ordering-slots-activity .ordering-confirm:disabled{opacity:.4;cursor:default}.ordering-slots-activity .ordering-confirm:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ordering-sentence-errors{min-height:16px;margin-top:8px}.ordering-slot[aria-pressed=true]{outline:2px solid var(--color-info-border);outline-offset:2px}.ordering-slots-activity.ordering-mode-text .ordering-slots>li{align-items:center;gap:10px;width:100%;display:flex}.ordering-row-number{text-align:right;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:0 0 24px;font-size:14px}.ordering-slots-activity.ordering-mode-text .ordering-slot{flex:1;justify-content:flex-start;width:100%;min-width:0;min-height:44px}.ordering-slots-activity.ordering-mode-text .ordering-slot.ordering-hole{border:1px dashed var(--color-border);background:var(--color-surface);cursor:copy;padding:8px 13px}.ordering-slots-activity.ordering-mode-text .ordering-slot.ordering-hole:after{display:none}.ordering-slots-activity.ordering-mode-text .ordering-slot.is-row-target{border-color:var(--color-info-border);background:var(--color-surface-subtle);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent)}.ordering-error-card,.ordering-slots>li{position:relative}.ordering-error-card>.error-indicator,.ordering-slots>li>.error-indicator{left:calc(100% + var(--error-indicator-gap));z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.ordering-mode-letters .ordering-slots>li:has(>.error-indicator){margin-right:16px}.ordering-error-card:has(>.error-indicator){margin-right:16px}.category-help{color:var(--color-text-muted);margin:0 0 12px;font-size:13px}.category-help>summary{cursor:pointer;width:fit-content;color:var(--color-link);padding:4px 0}.category-help p{font-size:13px;line-height:1.6}.category-activity .category-card-button{touch-action:none}.category-card[data-dragging]{opacity:.25}.category-drag-ghost{z-index:10000;pointer-events:none;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-info-border);box-shadow:0 12px 30px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent);color:var(--color-text);border-radius:10px;align-items:center;padding:10px 12px;font-size:14px;display:flex;position:fixed}.category-insertion{border:1px dashed var(--color-info-border);background:color-mix(in srgb,var(--color-surface-subtle) 50.2%,transparent);min-width:48px;color:var(--color-link);text-align:center;border-radius:8px;padding:8px 12px;font-size:12px;list-style:none}.category-activity .category-columns{align-items:start}.category-activity .category-column,.category-activity .category-bank{transition:background-color .14s,border-color .14s}.category-activity button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.category-activity *{transition:none!important;animation:none!important}}.category-activity{gap:12px}.category-activity .category-bank,.category-activity .category-column{border-radius:12px;padding:12px}.category-activity .category-bank-items{flex-wrap:wrap;gap:7px;display:flex}.category-activity .category-bank-items>.category-card{flex:0 auto;width:auto}.category-activity .category-card{padding:8px 10px;font-size:13px}.category-activity .category-card-button{cursor:grab;gap:8px}.category-activity .category-card-button:active{cursor:grabbing}.category-activity .category-columns{grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr));gap:10px}.category-activity .category-column{min-height:120px}.category-activity .category-column-items{gap:7px}.category-activity .category-drag-handle{font-size:16px}.category-activity .category-placeholder{margin:10px 0}.category-activity .category-target-button{font-size:13px}.category-activity .category-bank h4,.category-activity .category-column h4{margin-bottom:10px}.category-error-count{color:var(--color-danger);align-items:center;gap:3px;margin-left:auto;font-size:11px;display:flex}.category-error-count+.category-drag-handle{margin-left:0}.category-activity .category-insertion{box-sizing:border-box;border:1px dashed var(--color-info-border);background:var(--color-surface);color:var(--color-text-muted);box-shadow:inset 0 2px 5px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);border-radius:10px;align-items:center;min-width:0;padding:8px 10px;font-size:13px;display:flex}.category-drag-ghost{box-shadow:0 10px 24px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent);border-radius:10px;padding:8px 10px;font-size:13px}.category-activity .category-bank{min-height:62px}.category-activity .category-card{box-sizing:border-box;align-items:center;gap:var(--space-inline);border-radius:10px;min-height:42px;padding:8px 13px;font-size:16px;display:flex}.category-activity .category-card-button{width:auto;min-width:0;font-size:var(--font-size-16);flex:1}.category-activity .category-card>.error-indicator{margin-left:auto}.audio-response-card{color:var(--color-text);box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;max-width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.audio-response-card .audio-response-limit{color:var(--color-text-muted);margin:0;font-size:13px}.audio-answer-player{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;min-width:0;display:grid}.audio-answer-controls{align-items:center;gap:16px;min-width:0;padding:14px 18px;display:flex}.audio-answer-play{background:var(--color-accent);width:46px;height:46px;color:var(--color-on-accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.audio-answer-play svg{stroke-width:1.6px}.audio-answer-play svg.lucide-play{margin-left:2px}.audio-answer-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text);flex:none;font-size:14px}.audio-response-wave{flex:100px;min-width:40px;height:44px;position:relative}.audio-response-wave svg{pointer-events:none;width:100%;height:100%;display:block}.audio-response-wave input[type=range]{cursor:pointer;width:100%;height:100%;accent-color:var(--color-link);margin:0;position:absolute;inset:0}.audio-response-wave.has-peaks input[type=range]{opacity:0}.audio-response-wave:focus-within{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:5px}.audio-answer-volume{flex:none;position:relative}.audio-answer-icon{width:32px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.audio-answer-volume-popup{z-index:12;border:1px solid var(--color-border);background:var(--color-surface);width:124px;box-shadow:0 4px 20px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:12px;padding:14px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.audio-answer-volume-popup input{width:100%;accent-color:var(--color-link);margin:0;display:block}.audio-answer-speed{appearance:none;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;min-width:36px;padding:8px 4px;font-size:14px}.audio-response-delete{border:0;border-left:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;flex:none;align-items:center;gap:10px;padding:0 0 0 16px;font-size:13px;display:inline-flex}.audio-response-trash{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 43.92%,transparent);border-radius:11px;place-items:center;display:grid}.audio-response-delete:hover,.audio-response-delete:hover .audio-response-trash{color:var(--color-danger)}.audio-answer-transcript{border-top:1px solid var(--color-border);min-width:0;padding:18px 20px}.audio-answer-transcript>header{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:10px;display:flex}.audio-answer-transcript h3{color:var(--color-text);letter-spacing:-.015em;margin:0;font-size:16px;font-weight:650;line-height:1.4}.audio-answer-transcript [role=status]{color:var(--color-text-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.audio-answer-transcript .audio-transcript-ready{color:var(--color-success)}.audio-answer-transcript .audio-transcript-feedback{color:var(--color-text-muted);margin:0 0 12px;font-size:12px;line-height:1.5;display:block}.audio-answer-transcript .audio-transcript-feedback.error-text{color:var(--color-danger)}.audio-answer-transcript[data-open=false] .audio-transcript-feedback{margin:10px 0 0}.audio-transcript-ready svg{stroke:var(--color-on-accent)}.audio-answer-text{overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:thin;max-height:260px;color:var(--color-text);font-size:18px;line-height:1.65;overflow:auto}.audio-answer-text p{margin:0}.audio-answer-text p+p{margin-top:2px}.audio-answer-text button{color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 2px}.audio-answer-text button[aria-current=true]{background:var(--color-surface-subtle);color:var(--color-link)}.audio-response-card .audio-answer-text button:disabled{opacity:1;cursor:default}.audio-answer-transcript footer{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;font-size:12px;line-height:1.5;display:flex}.audio-answer-transcript footer>span{margin-right:auto}.audio-answer-transcript footer button,.audio-response-rerecord{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:inline-flex}.audio-answer-transcript-error{color:var(--color-text-muted);margin:12px 0;font-size:14px}.audio-response-empty{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;align-items:center;gap:16px;min-width:0;padding:16px 18px;display:flex}.audio-response-microphone{background:var(--color-surface-subtle);width:44px;height:44px;color:var(--color-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.audio-response-empty-copy{flex:1;gap:3px;min-width:0;display:grid}.audio-response-empty-copy strong{color:var(--color-text);font-size:14px;font-weight:600}.audio-response-empty-copy>span{color:var(--color-text-muted);font-size:13px}.audio-response-card .audio-response-record{background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;display:inline-flex}.audio-response-card button:active{transform:scale(.98)}.audio-response-card button:focus-visible,.audio-response-card select:focus-visible,.audio-answer-text:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.audio-response-card button:disabled{opacity:.5;cursor:default}.audio-response-message{color:var(--color-text-muted);margin:0;font-size:13px}.audio-response-card .error-text{color:var(--color-danger);margin:0;font-size:13px}.audio-recording-live{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.audio-recording-dot{background:var(--color-danger);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb,var(--color-shadow-color) 5.1%,transparent);border-radius:50%;flex:none}.audio-recording-copy{flex:1;gap:4px;min-width:100px;display:grid}.audio-recording-copy strong{font-size:14px}.audio-recording-copy>span{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.audio-recording-live time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted);font-size:13px}.audio-recording-meter{color:var(--color-text-muted);flex:none;align-items:center;gap:10px;display:flex}.audio-recording-meter>span{align-items:center;gap:3px;height:32px;display:flex}.audio-recording-meter i{background:var(--color-surface-subtle);border-radius:3px;width:3px}.audio-recording-meter i[data-active=true]{background:var(--color-success)}.audio-recording-progress{appearance:none;background:var(--color-surface-subtle);min-width:40px;max-width:200px;height:6px;color:var(--color-success);border:0;border-radius:8px;flex:120px;overflow:hidden}.audio-recording-progress::-webkit-progress-bar{background:var(--color-surface-subtle);border-radius:8px}.audio-recording-progress::-webkit-progress-value{background:var(--color-success);border-radius:8px}.audio-recording-progress::-moz-progress-bar{background:var(--color-success);border-radius:8px}.audio-recording-stop{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-danger);font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:inline-flex}.audio-recording-review{gap:10px;min-width:0;display:grid}.audio-recording-review-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.audio-recording-review-actions>span{color:var(--color-text-muted);margin-right:auto;font-size:12px}.audio-delete-dialog{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:min(440px,100vw - 32px);max-width:none;color:var(--color-text);box-shadow:0 24px 80px color-mix(in srgb,var(--color-shadow-color) 25.1%,transparent);border-radius:20px;padding:30px;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.audio-delete-dialog::backdrop{background:color-mix(in srgb,var(--color-info-surface) 70.2%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.audio-delete-dialog h2{letter-spacing:-.025em;margin:0 0 12px;font-size:21px;font-weight:650}.audio-delete-dialog p{color:var(--color-text-muted);margin:0;font-size:13px}.audio-delete-dialog-actions{gap:12px;margin-top:28px;display:flex}.audio-delete-dialog-actions button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:10px;flex:1}.audio-delete-dialog-actions .audio-delete-dialog-confirm{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.audio-delete-dialog-actions button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.teacher-editor-card .audio-response-card{pointer-events:auto}.choosing-call-target .audio-response-card{pointer-events:none}.lesson-block:has(>.lesson-block-toolbar>.lesson-block-title) .standard-activity:has(>.audio-response-card)>.exercise-heading{display:none}@media (width<=700px){.audio-answer-controls{gap:10px;padding:12px}.audio-answer-time{font-size:12px}.audio-response-delete{padding-left:10px}.audio-response-delete-label{display:none}.audio-response-trash{width:32px;height:34px}.audio-answer-transcript{padding:16px}.audio-answer-text{font-size:16px}.audio-recording-live{gap:10px;padding:14px}.audio-recording-meter{gap:6px}.audio-recording-meter>span{gap:2px}.audio-recording-meter i{width:2px}.audio-recording-copy{min-width:80px}.audio-recording-copy>span{white-space:normal}}@media (width<=460px){.audio-answer-controls{gap:7px;padding:10px}.audio-answer-play{width:36px;height:36px}.audio-answer-icon{width:25px}.audio-answer-speed{min-width:27px;font-size:12px}.audio-response-delete{padding-left:7px}.audio-response-trash{border:0;width:27px}.audio-response-empty{gap:10px;padding:12px}.audio-response-microphone{width:32px;height:32px}.audio-response-empty-copy strong{font-size:12px}.audio-response-card .audio-response-record{padding:10px;font-size:12px}.audio-recording-live{flex-wrap:wrap}.audio-recording-copy{flex:1}.audio-recording-meter{margin-left:auto}.audio-recording-live time{order:4}.audio-recording-progress{order:5;max-width:none}.audio-recording-stop{order:6}.audio-answer-transcript footer{gap:8px}}@media (prefers-reduced-motion:reduce){.audio-response-card button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.audio-delete-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.audio-response-trash{background:var(--color-surface)}}@media (prefers-contrast:more){.audio-answer-player,.audio-answer-transcript,.audio-response-empty,.audio-recording-live{border-color:var(--color-info-border)}.audio-response-card{color:var(--color-text)}}.audio-answer-transcript[data-open=false]>header{margin-bottom:0}.audio-transcript-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex}.audio-transcript-toggle svg{color:var(--color-text-muted);transition:transform .16s}.audio-transcript-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.audio-transcript-share{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;padding:5px 0;font-size:12px;display:inline-flex}.audio-transcript-share[aria-pressed=true]{color:var(--color-link)}.audio-answer-transcript [hidden]{display:none}@media (prefers-reduced-motion:reduce){.audio-transcript-toggle svg{transition:none}}.audio-response-empty{gap:var(--space-inline);padding:var(--space-card);flex-wrap:wrap;display:flex}.audio-response-empty-copy{flex:140px}.audio-response-start{white-space:nowrap;margin-inline:auto}.audio-response-clock{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.audio-response-microphone-button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-selected);color:var(--color-link)}.audio-response-microphone-button:hover{background:var(--color-surface-hover)}.audio-response-microphone-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.audio-response-card{max-width:640px}.audio-response-empty{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid}.audio-response-empty>.audio-response-microphone{grid-area:1/1/3}.audio-response-empty>.audio-response-empty-copy{text-align:center;grid-area:1/2}.audio-response-empty>.audio-response-start{grid-area:2/2;justify-self:center;max-width:100%;margin:0}.audio-response-empty>.audio-response-clock{grid-area:1/3/3}@media (width<=460px){.audio-response-empty{grid-template-columns:32px minmax(0,1fr) 32px}}.student-home{background:var(--color-surface);min-height:100vh;color:var(--color-text);font-family:Inter,system-ui,sans-serif}.student-home-header{align-items:center;gap:var(--space-section);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:86px;padding:0 max(28px,50% - 640px);display:flex}.student-home-brand{gap:var(--space-3);color:var(--color-text);font-size:var(--font-size-24);letter-spacing:-.7px;align-items:center;font-weight:700;text-decoration:none;display:flex}.student-home-brand svg{color:var(--color-teal)}.student-home-header nav{align-self:stretch;gap:var(--space-section);display:flex}.student-home-header nav button,.student-home-account button{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background:0 0;border:0;font-weight:500}.student-home-header nav button{position:relative}.student-home-header nav button.active{color:var(--color-text)}.student-home-header nav button.active:after{content:"";background:var(--color-teal);height:3px;position:absolute;bottom:16px;left:0;right:0}.student-home-account{align-items:center;gap:var(--space-3);font-size:var(--font-size-14);min-width:0;margin-left:auto;display:flex}.student-home-account>span:not(.student-home-avatar){overflow-wrap:anywhere;max-width:180px}.student-home-account button{padding-left:var(--space-card);margin-left:var(--space-section);border-left:1px solid var(--color-border)}.student-home-avatar{background:var(--color-surface-subtle);color:var(--color-text-muted);width:var(--size-avatar-list);height:var(--size-avatar-list);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.student-home-main{max-width:1280px;padding:var(--space-page);margin:0 auto}.student-home-greeting h1{letter-spacing:-1.4px;margin:0 0 var(--space-3);overflow-wrap:anywhere;font-size:clamp(28px,3.3vw,44px);font-weight:700;line-height:1.15}.student-home-greeting p{font-size:var(--font-size-24);color:var(--color-text-muted);margin:0}.student-home-grid{gap:var(--space-section);grid-template-columns:minmax(0,2.08fr) minmax(0,1fr);align-items:start;display:grid}.student-home-lessons{gap:var(--space-section);display:grid}.student-home-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-card);box-shadow:0 3px 18px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);min-width:0}.student-home-card h2{font-size:var(--font-size-28);letter-spacing:-.8px;margin:var(--space-heading) 0 var(--space-3);overflow-wrap:anywhere;line-height:1.25}.student-home-card h3{font-size:var(--font-size-20);margin:0 0 var(--space-2);overflow-wrap:anywhere;font-weight:500}.student-home-muted{color:var(--color-text-muted);margin:0;line-height:1.6}.student-home-lesson{align-items:center;gap:var(--space-3);min-height:342px;display:flex;position:relative;overflow:hidden}.student-home-lesson-copy{z-index:1;flex:1;min-width:0;position:relative}.student-home-lesson h2{font-size:var(--font-size-32)}.student-home-eyebrow{padding:var(--space-2) var(--space-card);border-radius:var(--radius-card);background:var(--color-surface-subtle);color:var(--color-teal);text-transform:uppercase;letter-spacing:1.3px;font-size:var(--font-size-12);font-weight:700;display:inline-flex}.student-home-state{align-items:center;gap:var(--space-3);margin:var(--space-section) 0 var(--space-2);font-weight:600;display:flex}.student-home-state>span{background:var(--color-surface-subtle);border-radius:50%;flex-shrink:0;width:9px;height:9px}.student-home-state.is-active>span{background:var(--color-success)}.student-home .button.secondary{color:var(--color-teal);border-color:var(--color-border);border-radius:var(--radius-control)}.student-home .button{justify-content:center;align-items:center;gap:var(--space-section);min-height:var(--size-control);display:inline-flex}.student-home-open{margin-top:var(--space-section);width:min(100%,345px)}.student-home-book{object-fit:contain;flex-shrink:0;width:30%;max-width:215px;height:auto}.student-home-homework{min-height:342px;scroll-margin-top:28px}.student-home-homework-top{justify-content:space-between;align-items:flex-start;display:flex}.student-home-file{background:var(--color-surface);width:66px;height:66px;color:var(--color-link);border-radius:50%;place-items:center;display:grid}.student-home-count{background:var(--color-surface-subtle);min-width:34px;height:36px;color:var(--color-teal);border-radius:var(--radius-card);place-items:center;font-weight:600;display:grid}.student-home-task{margin-top:var(--space-section)}.student-home-task+.student-home-task{padding-top:var(--space-card);border-top:1px solid var(--color-border)}.student-home-task .button{width:100%;margin-top:var(--space-section)}.student-home-study{align-items:center;gap:var(--space-section);margin-top:var(--space-section);display:flex}.student-home-study>svg{color:var(--color-teal);flex-shrink:0}.student-home-study h2{font-size:var(--font-size-18);letter-spacing:-.3px;margin:0 0 var(--space-2)}.student-home-notice{gap:var(--space-section);padding:var(--space-card) var(--space-card);margin-bottom:var(--space-section);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-subtle);align-items:center;display:flex}.student-home-notice>svg{color:var(--color-teal);flex-shrink:0}.student-home-notice p{margin:var(--space-1) 0 0;color:var(--color-text-muted);overflow-wrap:anywhere}.student-home-notice>div{min-width:0}.student-home-notice .button{flex-shrink:0;margin-left:auto}.student-home-error{background:var(--color-surface);color:var(--color-danger);border-radius:var(--radius-card);padding:var(--space-card);margin-bottom:var(--space-section)}@media (width<=980px){.student-home-header{gap:var(--space-section);padding:0 var(--space-card);flex-wrap:wrap}.student-home-header nav{gap:var(--space-section)}.student-home-account>span:not(.student-home-avatar){max-width:120px}.student-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.student-home-card{padding:var(--space-card)}.student-home-book{display:none}}@media (width<=700px){.student-home-header{padding:var(--space-card) var(--space-card) 0;gap:var(--space-2) var(--space-section)}.student-home-brand{font-size:var(--font-size-20)}.student-home-account{gap:var(--space-2)}.student-home-account>span:not(.student-home-avatar){display:none}.student-home-account button{padding-left:var(--space-card);margin-left:var(--space-1)}.student-home-header nav{order:3;width:100%;height:56px}.student-home-header nav button.active:after{bottom:0}.student-home-main{padding:var(--space-page)}.student-home-greeting{margin-bottom:var(--space-section)}.student-home-greeting h1{letter-spacing:-.7px}.student-home-greeting p{font-size:var(--font-size-18)}.student-home-grid{grid-template-columns:minmax(0,1fr)}.student-home-lesson,.student-home-homework{min-height:0}.student-home-lesson h2{font-size:var(--font-size-28)}.student-home-notice{padding:var(--space-card);flex-wrap:wrap}.student-home-notice .button{width:100%;margin:0}.student-home-open{width:100%}}@media (prefers-reduced-motion:reduce){.student-home .button{transition:none}}.student-schedule-next{align-items:center;gap:var(--space-section);margin-bottom:var(--space-section);display:flex}.student-schedule-next>svg,.student-schedule-heading>svg{color:var(--color-teal);flex-shrink:0}.student-schedule-next>div{flex:1;min-width:0}.student-schedule-next h2{font-size:var(--font-size-24);margin:var(--space-heading) 0 var(--space-3)}.student-schedule-next .button{flex-shrink:0}.student-schedule-time{gap:var(--space-2);font-size:var(--font-size-18);margin:0 0 var(--space-2);flex-wrap:wrap;align-items:center;font-weight:600;display:flex}.student-schedule-list{margin-top:var(--space-section);scroll-margin-top:24px}.student-schedule-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.student-schedule-heading h2{margin:0}.student-schedule-list ol{margin:var(--space-section) 0 0;padding:0;list-style:none}.student-schedule-list li{justify-content:space-between;align-items:center;gap:var(--space-section);padding:var(--space-card) 0;border-top:1px solid var(--color-border);display:flex}.student-schedule-list li>div{min-width:0}.student-schedule-list h3{font-size:var(--font-size-18);margin-bottom:var(--space-2)}.student-schedule-timing{gap:var(--space-2) var(--space-section);color:var(--color-text-muted);flex-wrap:wrap;margin:0;line-height:1.5;display:flex}.student-schedule-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);font-size:var(--font-size-13);background:var(--color-surface-subtle);color:var(--color-text-muted);white-space:nowrap}.student-schedule-badge.changed{background:var(--color-surface-subtle);color:var(--color-warning)}.student-schedule-badge.cancelled{background:var(--color-surface);color:var(--color-danger)}.student-schedule-change{color:var(--color-warning);font-size:var(--font-size-14);margin:var(--space-2) 0 0;line-height:1.5}.student-schedule-list .is-cancelled .student-schedule-timing time{text-decoration:line-through}.student-schedule-empty{color:var(--color-text-muted);margin:var(--space-section) 0 0}@media (width<=700px){.student-schedule-next{align-items:flex-start;gap:var(--space-section);flex-wrap:wrap}.student-schedule-next>div{flex-basis:calc(100% - 50px)}.student-schedule-next .button{width:100%}.student-schedule-next h2{font-size:var(--font-size-24)}.student-schedule-list li{gap:var(--space-3);flex-wrap:wrap}.student-schedule-heading h2{font-size:var(--font-size-24)}}.student-home{background:var(--color-surface)}.student-home-header{gap:var(--space-section);min-height:64px;padding:0 max(28px,50% - 720px)}.student-home-brand{font-size:var(--font-size-24)}.student-home-header nav{gap:var(--space-section);align-items:center}.student-home-header nav button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}.student-home-header nav button.active{background:var(--color-surface-selected);color:var(--color-link)}.student-home-header nav button.active:after{background:var(--color-accent);height:2px;bottom:3px;left:15px;right:15px}.student-home-main{max-width:1440px;padding:var(--space-page)}.student-home-greeting{margin-bottom:var(--space-section)}.student-home-greeting h1{font-size:var(--font-size-32);letter-spacing:-1px;margin:0 0 var(--space-2);line-height:1.15}.student-home-greeting p{font-size:var(--font-size-18)}.student-home .button{min-height:var(--size-control);gap:var(--space-2);font-size:var(--font-size-14);white-space:nowrap}.student-home .button.primary{background:var(--color-accent);border-color:var(--color-info-border);border-radius:var(--radius-control)}.student-home .button.primary:hover{background:var(--color-accent)}.student-home .button.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-link);border-radius:var(--radius-control)}.student-home-card{padding:var(--space-card);border-radius:var(--radius-panel);box-shadow:0 2px 12px color-mix(in srgb,var(--color-shadow-color) 2.35%,transparent)}.student-home-overview{gap:var(--space-section);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;display:grid}.student-home-next-card,.student-home-homework-summary{align-items:center;gap:var(--space-section);min-height:140px;display:flex}.student-home-summary-icon{background:var(--color-surface-subtle);width:50px;height:50px;color:var(--color-link);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.student-home-next-copy,.student-home-homework-summary>div{flex:1;min-width:0}.student-home-summary-label{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-12);letter-spacing:.8px;font-weight:600;display:block}.student-home-next-card h2{margin:var(--space-2) 0 var(--space-1);font-size:var(--font-size-20);letter-spacing:-.4px}.student-home-time-range{margin:0 0 var(--space-1);font-size:var(--font-size-32);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.student-home-summary-subtitle{font-size:var(--font-size-14);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.student-home-summary-status{color:var(--color-warning);font-size:var(--font-size-12);margin:var(--space-2) 0 0}.student-home-next-card>.button,.student-home-homework-summary>.button{padding:var(--space-2) var(--space-3);flex-shrink:0}.student-home-homework-summary h2{margin:0 0 var(--space-2);font-size:var(--font-size-24);letter-spacing:-.4px}.student-home-homework-total{margin:0 0 var(--space-1);font-size:var(--font-size-16)}.student-home-live-strip{gap:var(--space-2);margin-bottom:var(--space-section);display:grid}.student-home-live-row{align-items:center;gap:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3);min-width:0;display:flex}.student-home-live-row>svg{color:var(--color-link);flex-shrink:0}.student-home-live-row>div{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.student-home-live-row strong{font-size:var(--font-size-13);white-space:nowrap}.student-home-live-row>div>span{font-size:var(--font-size-12);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-home-live-presence{font-size:var(--font-size-12);color:var(--color-text-muted)}.student-home-live-presence.is-active{color:var(--color-success)}.student-home-live-row .button{min-height:var(--size-control-compact);padding:var(--space-2) var(--space-3);font-size:var(--font-size-12)}.student-home-additional{margin-top:var(--space-section)}.student-home-additional h2{margin:0 0 var(--space-3);font-size:var(--font-size-20)}.student-home-additional-row{gap:var(--space-section);padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.student-home-additional-row+.student-home-additional-row{border-top:1px solid var(--color-border)}.student-home-additional-row>div{min-width:0}.student-home .student-calendar{margin-top:var(--space-section);padding:var(--space-card)}.student-home .student-calendar-heading{margin-bottom:var(--space-heading);gap:var(--space-3)}.student-home .student-calendar-title h2{font-size:var(--font-size-24);margin:0}.student-home .student-calendar-title p{font-size:var(--font-size-14);margin-top:var(--space-1)}.student-home .student-calendar-day{min-height:235px;padding-bottom:var(--space-card)}.student-home .student-calendar-date{height:76px}.student-home .student-calendar-empty{margin-top:var(--space-section)}.student-home .student-calendar-footer{margin-top:var(--space-3);padding-top:var(--space-3)}@media (width>=701px) and (height<=800px){.student-home-main{padding-top:var(--space-page)}.student-home-greeting{margin-bottom:var(--space-section)}.student-home-greeting h1{font-size:var(--font-size-28)}.student-home-next-card,.student-home-homework-summary{min-height:126px;padding:var(--space-card)}.student-home .student-calendar-day{min-height:210px}.student-home .student-calendar{padding:var(--space-card) var(--space-card)}}@media (width<=1100px){.student-home-overview{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.student-home-summary-icon{width:40px;height:40px}.student-home-next-card,.student-home-homework-summary{gap:var(--space-3);flex-wrap:wrap}.student-home-next-card>.button,.student-home-homework-summary>.button{margin-left:var(--space-section)}.student-home-live-presence{max-width:140px}}@media (width<=700px){.student-home-header{min-height:0;padding:var(--space-3) var(--space-card) 0;gap:var(--space-2) var(--space-section)}.student-home-header nav{gap:var(--space-2);height:44px}.student-home-main{padding:var(--space-page)}.student-home-greeting h1{font-size:var(--font-size-28)}.student-home-greeting p{font-size:var(--font-size-15)}.student-home-overview{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.student-home-next-card,.student-home-homework-summary{min-height:0;padding:var(--space-card)}.student-home-next-card h2{font-size:var(--font-size-20)}.student-home-time-range{font-size:var(--font-size-28)}.student-home-live-row{flex-wrap:wrap}.student-home-live-row>div{gap:var(--space-1);flex-basis:calc(100% - 30px);display:grid}.student-home-live-row>.button{margin-left:auto}.student-home-live-presence{max-width:none}.student-home .student-calendar{padding:var(--space-card)}.student-home .student-calendar-heading{gap:var(--space-section)}.student-home-additional-row{flex-wrap:wrap}}@media (width>=701px){.student-home .student-calendar-date{height:68px}.student-home .student-calendar-event-main{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.student-home .student-calendar-event-main strong{font-size:var(--font-size-15)}.student-home .student-calendar-event-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--font-size-13);display:block;overflow:hidden}.student-home .student-calendar-event small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--font-size-12);display:block;overflow:hidden}.student-home .student-calendar-request-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-12)}}@media (width>=701px) and (height<=800px){.student-home-greeting{margin-bottom:var(--space-3)}.student-home-live-row{padding:var(--space-1) var(--space-3)}.student-home-next-card,.student-home-homework-summary{padding:var(--space-card) var(--space-card)}.student-home-next-card h2{margin:var(--space-1) 0 var(--space-1)}.student-home-time-range{font-size:var(--font-size-28)}.student-home .student-calendar{margin-top:var(--space-section)}.student-home .student-calendar-heading{margin-bottom:var(--space-3)}}.student-home-next-card,.student-home-homework-summary{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;min-height:150px;display:grid}.student-home-next-card>.button,.student-home-homework-summary>.button{grid-column:2;justify-self:start;margin-left:0}.student-home-next-copy,.student-home-homework-summary>div{min-width:0}.student-home-homework-summary h2{overflow-wrap:normal;word-break:normal}.student-home-time-range{white-space:nowrap;font-size:clamp(23px,2.3vw,30px)}@media (width<=700px){.student-home-next-card,.student-home-homework-summary{min-height:0}}@media (width>=1101px){.student-home-next-card{grid-template-columns:auto minmax(190px,1fr) auto}.student-home-next-card>.button{grid-area:1/3}}@media (width>=701px) and (height<=800px){.student-home-next-card,.student-home-homework-summary{row-gap:var(--space-2);min-height:0;padding:var(--space-card) var(--space-card)}.student-home-homework-summary>.button{min-height:var(--size-control-compact);padding:var(--space-2) var(--space-3)}}.student-header-page{align-items:center;gap:var(--space-section);flex:1;min-width:0;display:flex}.student-header-page h1{font-size:var(--font-size-20);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:650;line-height:1.25;overflow:hidden}.student-header-return{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}@media (width<=767px){.student-header-page{gap:var(--space-2);flex-wrap:wrap}.student-header-page h1{font-size:var(--font-size-18)}}.student-login-error{background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-card);margin:0 0 var(--space-section);font-size:var(--font-size-14);overflow-wrap:anywhere;line-height:1.5}:root[data-ui-theme=dark] .student-home :is(.student-home-live-row,.student-home-header nav button.active,.student-home-summary-icon,.student-home-avatar){background:var(--soft);color:var(--color-link);border-color:var(--line)}:root[data-ui-theme=dark] .student-home :is(.student-home-header nav button,.student-home-account button,.student-home-live-presence,.student-home-live-row>div>span,.student-home-summary-label,.student-home-summary-subtitle){color:var(--muted)}:root[data-ui-theme=dark] .student-home .student-home-live-row strong,:root[data-ui-theme=dark] .student-home .student-home-time-range{color:var(--text)}:root[data-ui-theme=dark] .student-home .button.secondary{background:var(--soft);color:var(--color-link);border-color:var(--line)}:root[data-ui-theme=dark] .student-home :is(.student-home-account button,.student-home-additional-row,.student-assignment-card,.student-home-panel){border-color:var(--line)}:root[data-ui-theme=dark] .student-home .student-login-error{background:var(--color-danger-surface);color:var(--color-danger);border-color:var(--color-danger-border)}:root,:root[data-ui-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-tooltip-surface:#1b2d45;--color-tooltip-text:#fff;--color-brand:#1875ed;--color-calendar-fill-info:#176dcc;--color-calendar-fill-purple:#7853b2;--color-calendar-fill-success:#24774d;--color-calendar-fill-warning:#8b6519;--color-calendar-fill-danger:#b53748;--color-calendar-fill-teal:#15777f;--color-page:#f5f7fc;--color-surface:#fff;--color-surface-subtle:#f1f4f9;--color-surface-raised:#fff;--color-surface-input:#f5f7fb;--color-text:#202d43;--color-text-muted:#65738a;--color-text-disabled:#8490a3;--color-text-ghost:#8a96a8;--color-on-accent:#fff;--color-text-inverse:#fff;--color-border:#dce3ed;--color-border-subtle:#e8edf4;--color-border-strong:#8997ad;--color-accent:#0874e2;--color-accent-hover:#006be0;--color-accent-active:#005cc3;--color-link:#176dcc;--color-focus:#087cff;--color-info:#176dcc;--color-info-surface:#eaf3ff;--color-info-border:#94bcea;--color-action-success:#24774d;--color-action-success-hover:#1d633f;--color-action-success-active:#174f32;--color-on-action-success:#fff;--color-success:#24774d;--color-success-surface:#eaf7ef;--color-success-border:#79bd97;--color-action-danger:#b53748;--color-action-danger-hover:#962e3d;--color-on-action-danger:#fff;--color-danger:#b53748;--color-danger-surface:#fff0f2;--color-danger-border:#df8997;--color-warning:#8b6519;--color-warning-surface:#fff7df;--color-warning-border:#d4b15a;--color-purple:#7853b2;--color-purple-surface:#f2ebff;--color-purple-border:#b69bdc;--color-teal:#15777f;--color-teal-surface:#e6f7f8;--color-teal-border:#85c7cb;--color-shadow-color:#15223c;--color-media:#101724;--color-media-text:#f8fbff;--color-chart-1:#2879ed;--color-chart-2:#13a69d;--color-chart-3:#9968d8;--color-chart-4:#d49a21;--color-chart-5:#d96c85;--color-chart-6:#647b9d;--color-chart-7:#389952;--color-calendar-now:#c45;--color-calendar-request:#ffe8a3}:root[data-ui-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-tooltip-surface:#edf1f7;--color-tooltip-text:#202d43;--color-brand:#60a5fa;--color-calendar-fill-info:#176dcc;--color-calendar-fill-purple:#7853b2;--color-calendar-fill-success:#24774d;--color-calendar-fill-warning:#8b6519;--color-calendar-fill-danger:#b53748;--color-calendar-fill-teal:#15777f;--color-page:#171e2b;--color-surface:#202a39;--color-surface-subtle:#2a3343;--color-surface-raised:#2c3749;--color-surface-input:#273244;--color-text:#edf1f7;--color-text-muted:#a7b1c2;--color-text-disabled:#8793a7;--color-text-ghost:#99a8bd;--color-on-accent:#fff;--color-text-inverse:#202d43;--color-border:#3b4556;--color-border-subtle:#313e51;--color-border-strong:#8392a8;--color-accent:#0874e2;--color-accent-hover:#0b70d4;--color-accent-active:#005cc3;--color-link:#a1caff;--color-focus:#79b6ff;--color-info:#c4ddff;--color-info-surface:#294563;--color-info-border:#6b9dd0;--color-action-success:#397c55;--color-action-success-hover:#438c62;--color-action-success-active:#306b49;--color-on-action-success:#fff;--color-success:#b9efd0;--color-success-surface:#203e32;--color-success-border:#58b985;--color-action-danger:#b53748;--color-action-danger-hover:#962e3d;--color-on-action-danger:#fff;--color-danger:#ffc5d4;--color-danger-surface:#482d36;--color-danger-border:#e47788;--color-warning:#efd69b;--color-warning-surface:#40351f;--color-warning-border:#a8893e;--color-purple:#dbc6ff;--color-purple-surface:#392d4e;--color-purple-border:#9373c2;--color-teal:#b0e6e8;--color-teal-surface:#233e44;--color-teal-border:#609aab;--color-shadow-color:#000;--color-media:#101724;--color-media-text:#f8fbff;--color-chart-1:#72acff;--color-chart-2:#53d5c8;--color-chart-3:#bc96ee;--color-chart-4:#edc16b;--color-chart-5:#f3a0b2;--color-chart-6:#a5b9d7;--color-chart-7:#6bd491;--color-calendar-now:#ff8795;--color-calendar-request:#503e23}:root{--color-surface-hover:color-mix(in srgb,var(--color-text) 6%,var(--color-surface));--color-surface-selected:var(--color-info-surface);--color-header:color-mix(in srgb,var(--color-surface) 94%,transparent);--color-backdrop:color-mix(in srgb,var(--color-shadow-color) 45%,transparent);--color-shadow:color-mix(in srgb,var(--color-shadow-color) 12%,transparent);--color-ai:var(--color-purple);--color-ai-surface:var(--color-purple-surface);--color-ai-border:var(--color-purple-border);--color-private:var(--color-warning);--color-private-surface:var(--color-warning-surface);--color-pair-1:var(--color-chart-1);--color-pair-2:var(--color-chart-2);--color-pair-3:var(--color-chart-3);--color-pair-4:var(--color-chart-4);--color-pair-5:var(--color-chart-5);--color-pair-6:var(--color-chart-6);--color-illustration-paper:var(--color-surface);--color-illustration-ink:var(--color-text);--color-illustration-line:var(--color-border);--color-illustration-cyan:var(--color-teal-surface);--color-illustration-purple:var(--color-purple-surface);--bg:var(--color-page);--surface:var(--color-surface);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-border);--soft:var(--color-surface-subtle);--blue:var(--color-accent);--accent:var(--color-accent);--primary:var(--color-accent);--green:var(--color-success);--red:var(--color-danger);--border:var(--color-border);--text-muted:var(--color-text-muted);--surface-subtle:var(--color-surface-subtle);--surface-soft:var(--color-surface-subtle);--surface-active:var(--color-surface-selected);--surface-hover:var(--color-surface-hover);--size-cabinet-header:84px;--size-cabinet-brand:180px;--space-cabinet-edge:var(--space-page);--space-cabinet-identity:var(--space-major);--font-size-cabinet-title:var(--font-size-20);--font-size-cabinet-navigation:var(--font-size-13);--size-control:40px;--size-control-compact:36px;--size-control-touch:44px;--size-icon:18px;--size-icon-small:16px;--size-avatar-tiny:28px;--size-avatar-small:32px;--size-avatar-list:40px;--size-avatar-summary:44px;--size-avatar-class:64px;--size-avatar-profile:72px;--size-class-cover:144px;--size-avatar-profile-large:144px;--radius-xs:4px;--radius-small:8px;--radius-control:10px;--radius-card:12px;--radius-panel:16px;--radius-dialog:20px;--font-size-12:12px;--font-size-13:13px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-28:28px;--font-size-32:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-inline:var(--space-2);--space-input-leading:calc(var(--size-icon) + var(--space-3) + var(--space-2));--space-identity:var(--space-3);--space-heading:var(--space-3);--space-section:var(--space-4);--space-card:var(--space-4);--space-list:var(--space-3);--space-row-block:10px;--space-row-inline:var(--space-3);--space-dialog:var(--space-5);--space-dialog-section:var(--space-4);--space-page:var(--space-6);--space-major:var(--space-6);--space-summary:var(--space-3);--space-summary-icon:10px;--size-summary-avatar:var(--size-avatar-summary);--ui-space-1:var(--space-1);--ui-space-2:var(--space-2);--ui-space-3:var(--space-3);--ui-space-4:var(--space-4);--ui-page-inset:var(--space-page);--ui-section-gap:var(--space-section);--ui-card-inset:var(--space-card);--ui-control-gap:var(--space-inline);--ui-row-text-gap:var(--space-1);--ui-control-height:var(--size-control);--ui-radius:var(--radius-control);--ui-avatar-size:var(--size-avatar-list);--ui-row-min-height:64px}@media (width<=760px){:root{--space-heading:var(--space-2);--space-section:var(--space-3);--space-card:var(--space-3);--space-list:var(--space-2);--space-dialog:var(--space-4);--space-dialog-section:var(--space-3);--space-page:var(--space-3);--space-major:var(--space-4)}}:is(.cabinet-shell,.student-home) [data-spacing=page]{align-content:start;gap:var(--space-section);grid-template-columns:minmax(0,1fr);min-width:0;padding:0;display:grid}:is(.cabinet-shell,.student-home) [data-spacing=page][data-spacing=page]>:not(dialog):not([role=dialog]){min-width:0;margin-block:0}.admin-main[data-spacing=page]{align-content:start;gap:var(--space-section);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.admin-main[data-spacing=page]>*{min-width:0;margin-block:0}.cabinet-shell [data-spacing=page]{width:100%;max-width:none;margin-inline:0}[data-spacing=table][data-spacing=table]{width:100%;min-width:0;max-width:100%;position:relative;overflow:auto}[data-spacing=table]>table{width:100%;min-width:560px}[data-spacing=identity]{align-items:center;gap:var(--space-identity);display:flex}[data-spacing=table] [data-spacing=identity]{min-width:180px}[data-spacing=identity]>span:last-child{overflow-wrap:anywhere;min-width:0}[data-spacing=dialog][data-spacing=dialog]{padding:var(--space-dialog);row-gap:var(--space-dialog-section)}[data-spacing=dialog]>form,:is(dialog[open],[role=dialog])[data-spacing=dialog]{gap:var(--space-dialog-section);display:grid}:is(dialog[open],[role=dialog])[data-spacing=dialog]>:not(dialog){margin-block:0}:is(.cabinet-shell,.student-home,.admin-main) .button>svg{width:var(--size-icon);height:var(--size-icon);flex:none}.cabinet-shell .student-person>small>svg{width:var(--size-icon-small);height:var(--size-icon-small);flex:none}@media (pointer:coarse){:root{--size-control:var(--size-control-touch);--size-control-compact:var(--size-control-touch)}:is(.cabinet-shell,.student-home,.admin-main) :is(.button,.icon-button,.calendar-header-arrow,.calendar-header-date,input.field:not([type=checkbox]):not([type=radio]),select.field){min-height:var(--size-control-touch)}}@layer system-buttons{.button{justify-content:center;align-items:center;gap:var(--space-inline);box-sizing:border-box;font:inherit;cursor:pointer;line-height:1.4;text-decoration:none;display:inline-flex;min-height:var(--size-control)!important;font-size:var(--font-size-14)!important;padding:var(--space-2) var(--space-3)!important;border:1px solid var(--color-border)!important;border-radius:var(--button-radius,var(--radius-control))!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;font-weight:600!important}.button:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-hover)!important}.button:active:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle)!important}.button.primary{background:var(--color-accent)!important;color:var(--color-on-accent)!important;border-color:var(--color-accent)!important}.button.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important}.button.primary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-active)!important;border-color:var(--color-accent-active)!important}.button.secondary[aria-pressed=true]{background:var(--color-surface-selected)!important;color:var(--color-link)!important;border-color:var(--color-info-border)!important}.button.quiet{color:var(--color-link)!important;background:0 0!important;border-color:#0000!important}.button.quiet:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-hover)!important}.button.danger{background:var(--color-action-danger)!important;color:var(--color-on-action-danger)!important;border-color:var(--color-action-danger)!important}.button.danger:hover:not(:disabled):not([aria-disabled=true]),.button.danger:active:not(:disabled):not([aria-disabled=true]){background:var(--color-action-danger-hover)!important;border-color:var(--color-action-danger-hover)!important}.button.success{background:var(--color-action-success)!important;color:var(--color-on-action-success)!important;border-color:var(--color-action-success)!important}.button.success:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-action-success-hover)!important;border-color:var(--color-action-success-hover)!important}.button.success:active:not(:disabled):not([aria-disabled=true]){background:var(--color-action-success-active)!important;border-color:var(--color-action-success-active)!important}.button.large{min-height:calc(var(--size-control) * 1.4)!important;font-size:var(--font-size-20)!important;padding:var(--space-3) var(--space-6)!important}.button.compact{min-height:var(--size-control-compact)!important;font-size:var(--font-size-13)!important;padding:var(--space-1) var(--space-2)!important}.button.icon-only{width:var(--size-control);padding:0!important}.button.icon-only.compact{width:var(--size-control-compact)}.button.compact>svg{width:var(--size-icon-small);height:var(--size-icon-small)}.button:focus-visible{outline-offset:2px;outline:2px solid var(--color-focus)!important}.button:disabled,.button[aria-disabled=true]{cursor:default;background:var(--color-surface-subtle)!important;color:var(--color-text-disabled)!important;border-color:var(--color-border)!important;box-shadow:none!important;opacity:1!important;transform:none!important}@media (pointer:coarse){.button,.button.compact{min-height:var(--size-control-touch)!important}.button.icon-only,.button.icon-only.compact{width:var(--size-control-touch)}}}.lesson-image-drawing{width:100%;min-width:0}.drawing-surface{isolation:isolate;border-radius:10px;width:100%;line-height:0;position:relative}.drawing-surface>img,.drawing-surface>svg:not(.drawing-overlay){border-radius:inherit;width:100%;max-width:100%;height:auto;display:block}.drawing-surface>.drawing-overlay{pointer-events:none;border-radius:inherit;width:100%;height:100%;max-height:none;position:absolute;inset:0;overflow:hidden}.drawing-surface.is-editing>.drawing-overlay{pointer-events:auto;touch-action:none;cursor:crosshair}.lesson-image-drawing .drawing-trigger{z-index:4;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);width:38px;height:38px;box-shadow:0 3px 12px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent);color:var(--color-text);opacity:0;pointer-events:none;cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:12px;right:12px;transform:translateY(3px)}.drawing-surface:hover>.drawing-trigger,.drawing-surface:focus-within>.drawing-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}.drawing-unsaved-dot{background:var(--color-warning);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.lesson-image-drawing .drawing-toolbar{z-index:5;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-border) 85.1%,transparent);background:color-mix(in srgb,var(--color-surface) 95%,transparent);width:fit-content;max-width:calc(100% - 24px);box-shadow:0 5px 24px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent),0 0 0 1px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text);pointer-events:auto;border-radius:15px;flex-wrap:wrap;align-items:center;gap:6px 0;padding:7px;font-size:12px;line-height:1.4;display:flex;position:absolute;top:12px;left:12px;right:12px}.drawing-toolbar .drawing-tool-group{border-right:1px solid var(--color-border);align-items:center;gap:2px;padding:0 5px;display:flex}.drawing-toolbar .drawing-tool-group:first-child{padding-left:0}.drawing-toolbar .drawing-tool-group:last-of-type{border-right:0;padding-right:0}.lesson-image-drawing .drawing-toolbar .drawing-tool-button,.drawing-popover>summary{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;list-style:none;display:grid}.drawing-popover>summary::-webkit-details-marker{display:none}.drawing-toolbar .drawing-tool-button:hover,.drawing-popover>summary:hover{background:var(--color-surface-hover);color:var(--color-text)}.drawing-toolbar .drawing-tool-button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link)}.drawing-toolbar button:disabled{opacity:.3;cursor:default}.drawing-toolbar .drawing-delete{color:var(--color-danger)}.drawing-toolbar svg,.drawing-trigger svg{flex-shrink:0;width:18px;height:18px}.drawing-color{cursor:pointer;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;position:relative}.drawing-color>span{width:18px;height:18px;box-shadow:0 0 0 3px var(--color-shadow-color),0 0 0 4px var(--color-shadow-color);border-radius:50%}.drawing-color>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drawing-popover{position:relative}.drawing-popover>div{z-index:6;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 8px 28px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent);border-radius:12px;padding:6px;line-height:1.4;position:absolute;top:calc(100% + 12px);left:0}.drawing-width-options{gap:3px;display:flex}.drawing-width-options button{width:38px;min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-content:center;justify-items:center;gap:6px;padding:5px;display:grid}.drawing-width-options button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link)}.drawing-width-options span{background:currentColor;border-radius:6px;width:22px}.drawing-width-options small{font-size:10px}.drawing-toolbar .drawing-save-group{gap:4px;margin-left:auto}.drawing-state-dot{background:var(--color-success-surface);border-radius:50%;flex-shrink:0;width:5px;height:5px}.drawing-state-dot.is-dirty{background:var(--color-warning)}.drawing-toolbar .drawing-save{background:var(--color-accent);min-height:32px;color:var(--color-on-accent);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:600;display:flex}.drawing-toolbar .drawing-save:disabled{opacity:1;background:var(--color-surface-subtle);color:var(--color-text-muted)}.drawing-more>div{min-width:225px;left:auto;right:0}.drawing-more>div>button{background:var(--color-surface);width:100%;color:var(--color-text-muted);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px;display:flex}.drawing-more>div>button:hover{background:var(--color-surface-hover)}.drawing-text-entry{border-top:1px solid var(--color-border);flex-basis:100%;align-items:center;gap:8px;margin-top:2px;padding:6px 5px 0;display:flex}.drawing-text-entry input{width:100%;min-width:0;font:inherit;color:var(--color-text);background:0 0;border:0;outline:none;padding:7px}.lesson-image-drawing :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.drawing-surface:focus-visible{outline-offset:4px}.teacher-editor-card .lesson-image-drawing .drawing-toolbar,.teacher-editor-card .lesson-image-drawing .error-text{pointer-events:auto}@media (width<=520px){.drawing-toolbar .drawing-tool-group{padding:0 3px}.lesson-image-drawing .drawing-toolbar .drawing-tool-button,.drawing-popover>summary{width:30px;height:32px}.drawing-toolbar .drawing-save-group{margin-left:0}.lesson-image-drawing .drawing-toolbar{max-width:calc(100% - 16px);top:8px;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.lesson-image-drawing .drawing-trigger{transition:none;transform:none}}.teacher-editor-card .lesson-image-drawing .drawing-surface{pointer-events:auto}.drawing-surface{container-type:inline-size}.drawing-inline-text{z-index:4;box-sizing:border-box;resize:none;outline:1px dashed var(--color-info-border);background:color-mix(in srgb,var(--color-surface) 85.1%,transparent);border:0;border-radius:2px;min-height:2em;max-height:50%;padding:0;font-family:Arial,sans-serif;font-size:2.8cqw;line-height:1.214;position:absolute;overflow:auto}.drawing-figure-options{grid-template-columns:repeat(2,minmax(125px,1fr));gap:3px;display:grid}.drawing-figure-options button,.drawing-fill-options button{background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font:inherit;white-space:nowrap;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px;display:flex}.drawing-figure-options button:hover,.drawing-fill-options button:hover{background:var(--color-surface-hover)}.drawing-figure-options button[aria-pressed=true],.drawing-fill-options button[aria-pressed=true],.drawing-popover>summary.is-active{background:var(--color-surface-selected);color:var(--color-link)}.drawing-fill-options{min-width:165px}.drawing-fill-options label{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.drawing-fill-options input{background:0 0;border:0;width:28px;height:28px;padding:0}.drawing-gesture-hint{z-index:3;background:color-mix(in srgb,var(--color-surface) 94.12%,transparent);width:fit-content;max-width:calc(100% - 24px);box-shadow:0 2px 10px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);color:var(--color-text-muted);pointer-events:none;border-radius:9px;padding:7px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:12px;left:12px;right:12px}.drawing-gesture-hint kbd{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;border-radius:4px;padding:1px 4px}.drawing-object-toolbar{z-index:7;background:color-mix(in srgb,var(--color-surface) 98.04%,transparent);border:1px solid var(--color-border);box-shadow:0 4px 16px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);pointer-events:auto;border-radius:11px;align-items:center;gap:3px;padding:5px;line-height:1.4;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.drawing-object-toolbar>button,.drawing-object-toolbar summary,.drawing-object-size button{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.drawing-object-toolbar button:hover,.drawing-object-toolbar summary:hover{background:var(--color-surface-hover)}.drawing-object-toolbar svg{width:16px;height:16px}.drawing-object-size{gap:4px;display:flex}.drawing-object-toolbar .drawing-color{width:30px;height:30px}.drawing-object-toolbar summary{list-style:none}.drawing-object-toolbar summary::-webkit-details-marker{display:none}.drawing-palette-preview{border:1px solid var(--color-border);border-radius:50%;width:18px;height:18px;display:block}.drawing-palette-preview.is-transparent{background:repeating-conic-gradient(var(--color-surface-subtle) 0% 25%,var(--color-surface) 0% 50%) 50%/8px 8px}.drawing-palette>div{width:208px;padding:10px;line-height:1.4}.drawing-palette-swatches{grid-template-columns:repeat(5,1fr);gap:7px;margin:7px 0;display:grid}.drawing-palette-swatches button{border:1px solid var(--color-border);cursor:pointer;border-radius:7px;width:28px;height:28px}.drawing-palette-swatches button[aria-pressed=true]{outline:2px solid var(--color-info-border);outline-offset:2px}.drawing-palette small{color:var(--color-text-muted);margin-top:10px;display:block}.drawing-palette-transparent{background:var(--color-surface);width:100%;color:var(--color-text-muted);cursor:pointer;border:0;border-radius:7px;padding:7px}.drawing-palette-custom{border-top:1px solid var(--color-border);align-items:center;gap:6px;margin-top:9px;padding-top:9px;display:flex}.drawing-palette-custom label{color:var(--color-text-muted);cursor:pointer;flex:1;align-items:center;gap:6px;font-size:12px;display:flex;position:relative}.drawing-palette-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drawing-palette-custom button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:4px}.drawing-object-toolbar .drawing-palette>div{left:auto;right:0}.drawing-object-toolbar .drawing-popover>div{top:calc(100% + 8px)}:root{color:var(--color-text);background:var(--color-page);font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;--radius:12px;font:400 100%/1.5 Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow-color) 1.96%,transparent)}.brand{letter-spacing:-.025em;color:var(--color-text);align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;display:flex}.brand-icon{width:2rem;height:2rem;color:var(--blue);place-items:center;font-size:1.8rem;line-height:1;display:inline-grid}.brand-compact{font-size:1rem}.brand-compact .brand-icon{width:1.65rem;height:1.65rem;font-size:1.45rem}.button{border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);border:1px solid #0000;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,transform .1s}.button:active{transform:scale(.985)}.button.primary{background:var(--blue);color:var(--color-on-accent)}.button.primary:hover{background:var(--color-accent-hover)}.button.secondary{background:var(--color-surface);color:var(--blue);border-color:var(--line)}.button.secondary:hover{background:var(--soft);border-color:var(--color-border)}.button.quiet{color:var(--blue);padding:var(--space-2);background:0 0}.button.full{width:100%;margin-top:var(--space-2)}.text-button,.back-button{color:var(--blue);background:0 0;border:0;padding:.4rem 0;font-weight:600}.danger-text{color:var(--red)}.field{width:100%;min-height:var(--size-control);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--text);display:block}textarea.field{resize:vertical;min-height:88px}.field-label{gap:var(--space-2);font-size:var(--font-size-15);font-weight:600;display:grid}.field-caption{margin:var(--space-3) 0 var(--space-2);color:var(--muted);font-size:var(--font-size-14);display:block}.teacher-shell{min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--line);z-index:4;flex-direction:column;width:82px;padding:1rem .55rem;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{justify-items:center;gap:.35rem;margin-top:1.8rem;display:grid}.nav-item{text-align:center;color:var(--color-text);background:0 0;border:0;border-radius:12px;justify-items:center;gap:.25rem;width:68px;min-height:62px;padding:.5rem .25rem;font-size:.69rem;font-weight:600;display:grid}.nav-item.active{background:var(--color-surface-subtle);color:var(--blue);font-weight:650}.profile-button{text-align:center;color:var(--color-text);background:0 0;border:0;place-items:center;gap:.3rem;margin-top:auto;padding:.65rem .25rem;font-size:.72rem;display:grid}.avatar{background:var(--color-surface-subtle);width:2.55rem;height:2.55rem;color:var(--color-link);border-radius:50%;flex:none;place-items:center;font-style:normal;font-weight:700;display:inline-grid}.teacher-main{padding:var(--space-page);max-width:1700px;margin-left:82px}.toolbar-mobile{display:none}.page-header{justify-content:space-between;align-items:center;gap:var(--space-section);margin:0 0 var(--space-section);display:flex}.page-header h1,.detail-header h1,.student-content h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3.6vw,3rem);line-height:1.1}.data-list{overflow:hidden}.list-head,.list-row{grid-template-columns:1.5fr .9fr .9fr;align-items:center;gap:1rem;padding:.8rem 1.25rem;display:grid}.list-head{border-bottom:1px solid var(--line);color:var(--color-text-muted);font-size:.85rem}.list-row{border-bottom:1px solid var(--line);min-height:74px}.list-row:last-child{border:0}.person-cell{align-items:center;gap:.8rem;font-weight:600;display:flex}.person-cell .avatar{width:2.5rem;height:2.5rem}.empty-state{padding:var(--space-card);text-align:center;color:var(--muted)}.empty-panel{padding:1rem}.class-list{gap:1rem;display:grid}.class-card{text-align:left;color:inherit;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 1.4rem;transition:border-color .15s,background .15s;display:flex}.class-card:hover{border-color:var(--color-border);background:var(--color-surface)}.class-card h2{letter-spacing:-.02em;margin:0 0 .55rem;font-size:1.55rem}.class-card p{color:var(--muted);align-items:center;gap:.9rem;margin:0;display:flex}.class-card .class-student{margin:-.35rem 0 .55rem;display:block}.pill{white-space:nowrap;background:var(--color-surface-subtle);color:var(--color-text);border-radius:99px;align-items:center;padding:.28rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.pill-saved{background:var(--color-surface-subtle);color:var(--green)}.pill-draft{background:var(--color-surface-subtle)}.divider{border-left:1px solid var(--color-border);height:1.3rem}.class-open{color:var(--blue);align-items:center;gap:1rem;font-weight:650;display:flex}.class-open b{font-size:1.5rem}.lesson-list{display:grid}.lesson-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--color-surface);color:inherit;grid-template-columns:1fr auto auto;align-items:center;gap:1.5rem;padding:1.2rem 1.35rem;display:grid}.lesson-row:hover{background:var(--color-surface)}.row-action{color:var(--blue);font-weight:600}.editor-toolbar{grid-template-columns:1fr auto;gap:.45rem 1rem;margin:-.4rem 0 1.4rem;display:grid}.editor-toolbar .back-button{grid-column:1/-1;justify-self:start}.editor-title{align-items:center;gap:.8rem;min-width:0;display:flex}.editor-title input{letter-spacing:-.035em;width:min(100%,30rem);min-width:0;color:var(--text);background:0 0;border:0;font-size:clamp(1.75rem,3vw,2.6rem);font-weight:700}.editor-actions{align-items:center;gap:.6rem;display:flex}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:1rem;display:grid}.editor-blocks{align-content:start;gap:.9rem;display:grid}.block-card{padding:1rem 1.1rem}.block-heading{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.block-order{align-items:center;gap:.7rem;display:flex}.block-order button,.icon-actions button,.option-row>button{color:var(--color-text-muted);background:0 0;border:0;border-radius:7px;padding:.3rem .45rem}.block-order button:hover,.icon-actions button:hover,.option-row>button:hover{background:var(--color-surface-subtle)}.icon-actions{gap:.25rem;display:flex}.icon-actions button{font-size:1.1rem}.field-label+.field-label{margin-top:var(--space-section)}.note-label{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.note-label span{justify-content:space-between;display:flex}.note-label em{color:var(--muted);font-size:.78rem;font-style:normal}.option-editor{margin-top:.8rem}.option-row{grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:.4rem;margin:.4rem 0;display:grid}.option-row input[type=radio]{width:18px;height:18px;accent-color:var(--blue)}.private-panel{height:fit-content;padding:1.1rem;position:sticky;top:1rem}.private-panel h2{margin:0 0 .45rem;font-size:1.1rem}.private-panel>p{color:var(--muted)}.add-block{padding:1rem}.add-block h2{margin:0 0 .65rem;font-size:1rem}.add-grid{flex-wrap:wrap;gap:.5rem;display:flex}.add-grid button{background:var(--color-surface);border:1px solid var(--line);color:var(--blue);border-radius:9px;padding:.65rem .8rem;font-weight:600}.add-grid button:hover{background:var(--soft)}.banner{border-radius:10px;margin:0 0 1rem;padding:.8rem 2.4rem .8rem 1rem;position:relative}.error-banner{background:var(--color-danger-surface);color:var(--color-danger);border:1px solid var(--color-danger-border)}.notice-banner{background:var(--color-success-surface);color:var(--color-success);border:1px solid var(--color-success-border)}.banner-close{background:0 0;border:0;font-size:1.2rem;position:absolute;top:.5rem;right:.6rem}.modal-backdrop{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent);padding:var(--space-card);z-index:10;place-items:center;display:grid;position:fixed;inset:0}.modal,.preview-modal{width:min(100%,500px);max-height:min(90vh,900px);padding:var(--space-dialog);position:relative;overflow:auto}.modal h2,.preview-modal h2{margin:0 var(--space-heading) var(--space-heading) 0;font-size:var(--font-size-24);letter-spacing:-.025em}.modal-close{width:var(--size-control-compact);height:var(--size-control-compact);background:var(--color-surface-subtle);font-size:var(--font-size-24);border:0;border-radius:50%;position:absolute;top:1rem;right:1rem}.modal form{gap:var(--space-section);display:grid}.dialog-actions{justify-content:flex-end;gap:var(--space-inline);margin-top:var(--space-section);display:flex}.login-page{min-height:100vh;padding:var(--space-card) var(--space-card);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-page>.brand{margin-bottom:var(--space-section);font-size:var(--font-size-32)}.login-card{gap:1.2rem;width:min(100%,560px);padding:2rem;display:grid}.login-card h1{text-align:center;margin:0 0 .4rem;font-size:1.6rem}.login-card label{gap:.5rem;font-weight:600;display:grid}.login-page>.help-text{margin-top:var(--space-section)}.error-text{color:var(--red)}.success-text{color:var(--green)}.help-text,.status-text{color:var(--muted);font-size:var(--font-size-15)}.detail-header{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.2rem;display:flex}.eyebrow{color:var(--muted);margin:0 0 .25rem;font-size:.88rem}.class-detail-student{color:var(--muted);margin:.15rem 0 0}.class-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-card,.results-card{margin-bottom:1rem;padding:1.2rem}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-section);margin-bottom:var(--space-heading);display:flex}.section-heading h2{font-size:var(--font-size-20);margin:0}.detail-card>p{color:var(--muted)}.detail-card>.field-label{margin:var(--space-section) 0}.invite-link{gap:.55rem;margin:.8rem 0;display:grid}.invite-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem 0;font-size:.9rem;display:flex}.results-card{margin-top:.2rem}.result-version{border-top:1px solid var(--line);padding:.8rem 0}.result-version h3{margin:.2rem 0 .7rem}.result-row{border-bottom:1px solid var(--color-border);padding:.7rem 0}.result-row p{margin:.3rem 0}.private-note{background:var(--color-surface-subtle);border-radius:8px;padding:.55rem .7rem;font-size:.9rem}.preview-modal{width:min(100%,760px)}.preview-modal .section-heading{align-items:flex-start}.preview-content{border:1px solid var(--line);border-radius:10px;max-height:55vh;padding:.6rem 1rem;overflow:auto}.preview-choice{margin:.35rem 0}.student-page{background:var(--bg);min-height:100vh}.student-header{z-index:2;background:color-mix(in srgb,var(--color-surface) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.65rem clamp(1rem,3vw,2.2rem);display:flex;position:sticky;top:0}.student-identity{color:var(--muted);font-weight:600}.student-content{width:min(100% - 2rem,850px);margin:2.2rem auto}.student-content h1{font-size:clamp(2.1rem,5vw,3.1rem)}.lede{color:var(--muted);margin:.3rem 0 1.2rem;font-size:1.2rem}.student-material{padding:1.2rem 1.4rem}.material-block{border-bottom:1px solid var(--line);padding:.8rem 0}.material-block:last-child{border:0}.material-block p{margin:.2rem 0 .6rem}.exercise-block{border-bottom:1px solid var(--line);padding:1.3rem .1rem}.exercise-block:last-child{border-bottom:0}.exercise-heading{align-items:baseline;gap:.65rem;display:flex}.exercise-heading h2{margin:0;font-size:1.1rem}.prompt{margin:.4rem 0 .8rem}.choice{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:.75rem;margin:.4rem 0;padding:.65rem .8rem;display:flex}.choice.selected{border-color:var(--blue);background:var(--color-surface-subtle)}.choice input{width:19px;height:19px;accent-color:var(--blue)}.answer-field{margin:.5rem 0}.exercise-actions{flex-wrap:wrap;gap:.55rem;margin-top:.7rem;display:flex}.student-material fieldset{border:0;margin:0;padding:0}.student-material legend{padding:0}.student-page>.narrow{width:min(100% - 2rem,520px);margin:2rem auto;padding:1.5rem}.student-page>.narrow h1{font-size:1.6rem}.student-page>p[role=status]{text-align:center}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.form-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=900px){.sidebar{width:72px}.teacher-main{padding:var(--space-page);margin-left:72px}.editor-layout{grid-template-columns:minmax(0,1fr) 230px}.class-detail-grid{grid-template-columns:1fr}.list-head,.list-row{grid-template-columns:1.2fr .8fr}.list-head span:last-child,.list-row>span:last-child{display:none}}@media (width<=680px){.sidebar{display:none}.teacher-main{padding:var(--space-page);margin-left:0}.toolbar-mobile{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-header{align-items:flex-start}.page-header h1{font-size:var(--font-size-32)}.page-header .button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-15)}.editor-toolbar{grid-template-columns:1fr}.editor-actions{grid-row:3}.editor-title input{font-size:1.7rem}.editor-layout{grid-template-columns:1fr}.private-panel{grid-row:1;position:static}.list-head{display:none}.list-row{grid-template-columns:1fr;gap:.25rem;padding:.9rem 1rem}.list-row>span:nth-child(2){padding-left:3.3rem}.class-card{flex-direction:column;align-items:flex-start}.class-open{align-self:flex-end}.lesson-row{grid-template-columns:1fr auto;gap:.6rem}.row-action{grid-column:1/-1}.student-header{gap:.4rem;padding:.5rem .75rem}.student-identity{font-size:.85rem}.student-content{margin:1.3rem auto}.student-material{padding:.8rem}.student-material .exercise-block{padding:1rem .1rem}.exercise-actions .button{flex:1}.detail-card,.results-card{padding:.9rem}.section-heading{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.modal{padding:var(--space-dialog)}.invite-link{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.sidebar,.student-header{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.surface,.field,.button.secondary,.choice{border-color:var(--color-border)}.sidebar,.student-header{background:var(--color-surface)}}.classes-home,.students-home,.library-page,.material-detail-page,.classroom-page{max-width:1500px;margin:0 auto}.page-header h1{font-size:var(--font-size-28);letter-spacing:-.025em}.page-header{margin-bottom:var(--space-section)}.button,.field{border-radius:var(--radius-control)}.button.primary{box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent)}.button.secondary{color:var(--color-text)}.nav-item:hover{background:var(--color-surface-subtle)}.class-cards-grid,.material-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.class-home-card,.material-card,.class-create-tile,.standalone-lesson-card{min-height:176px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 2px 10px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent);align-content:start;justify-items:start;gap:.48rem;padding:1rem;display:grid;position:relative}.class-home-card{border-top:3px solid var(--color-info-border)}.class-home-card.tint-1,.class-home-card.tint-2,.class-home-card.tint-3{border-top-color:var(--color-border)}.class-home-card:hover,.material-card:hover,.class-create-tile:hover{border-color:var(--color-border);box-shadow:0 5px 18px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent)}.class-home-avatar,.class-home-student,.person-cell{align-items:center;gap:.5rem;display:flex}.class-home-avatar{background:var(--color-surface-subtle);width:2rem;height:2rem;color:var(--color-link);border-radius:50%;justify-content:center;font-weight:700}.class-home-card strong{margin-top:.25rem;font-size:1.05rem}.class-home-student,.class-home-card small,.material-card small{color:var(--muted)}.class-home-card small{margin-top:auto}.class-create-tile{min-height:176px;color:var(--color-link);background:var(--color-surface);border-style:dashed;align-content:center;justify-items:center}.classes-search{max-width:390px;margin:0 0 1.2rem}.search-field{align-items:center;gap:var(--space-3);padding:0 var(--space-3);min-height:var(--size-control);background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--color-text-muted);display:flex}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.library-tabs,.material-tabs,.classroom-tabs{border-bottom:1px solid var(--line);align-items:center;gap:1.1rem;min-height:48px;display:flex}.library-tabs button,.material-tabs button,.classroom-tabs button{min-height:48px;color:var(--color-text-muted);background:0 0;border:0;font-size:.9rem;font-weight:600;position:relative}.library-tabs button.active,.material-tabs button.active,.classroom-tabs button.active{color:var(--color-link)}.library-tabs button.active:after,.material-tabs button.active:after,.classroom-tabs button.active:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.library-tabs button:disabled{opacity:.45;cursor:default}.library-tabs .import-progressme{color:var(--color-link);align-items:center;gap:.45rem;margin-left:auto;display:flex}.library-search-row,.material-content-toolbar{align-items:center;gap:.7rem;margin:1rem 0;display:flex}.library-search-row .search-field{flex:1}.library-workspace{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.library-folders{padding:.7rem;position:sticky;top:1rem}.library-folder-header,.library-results-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.library-folder-header{padding:.25rem .4rem .6rem}.library-folder-header h2{margin:0;font-size:.95rem}.library-folder-item,.library-folder-row>button{text-align:left;width:100%;min-height:37px;color:var(--color-text);background:0 0;border:0;border-radius:7px;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.library-folder-item small,.library-folder-row small{color:var(--color-text-muted);margin-left:auto}.library-folder-item.active,.library-folder-row>button.active{background:var(--color-surface-subtle);color:var(--color-link)}.library-folder-row{position:relative}.folder-menu{z-index:2;position:absolute;top:4px;right:3px}.folder-menu summary{cursor:pointer;color:var(--color-text-muted);padding:.3rem;list-style:none}.folder-menu summary::-webkit-details-marker{display:none}.folder-menu>div{background:var(--color-surface);border:1px solid var(--line);width:185px;box-shadow:0 8px 25px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:8px;padding:.35rem;display:grid;position:absolute;top:30px;right:0}.folder-menu button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:5px;padding:.55rem}.folder-menu button:hover{background:var(--soft)}.library-results-heading{color:var(--muted);margin:0 0 .75rem;font-size:.82rem}.library-results-heading strong{color:var(--text);padding-left:.4rem}.material-card{grid-template-columns:1fr auto;min-height:205px}.material-card-open{text-align:left;width:100%;color:var(--text);background:0 0;border:0;grid-column:1/-1;justify-items:start;gap:.55rem;padding:0;display:grid}.material-card>.icon-button{position:absolute;top:.65rem;right:.6rem}.material-cover{background:linear-gradient(135deg, var(--color-surface-subtle), var(--color-surface-subtle));width:100%;height:118px;color:var(--color-link);border-radius:8px;place-items:center;font-size:2rem;font-weight:700;display:grid;overflow:hidden}.material-cover img{object-fit:cover;width:100%;height:100%}.library-material-results.list .material-card-grid{grid-template-columns:1fr}.library-material-results.list .material-card{grid-template-columns:92px 1fr auto;min-height:86px}.library-material-results.list .material-card-open{grid-column:1/3;grid-template-columns:80px 1fr;align-items:center}.library-material-results.list .material-cover{grid-row:span 2;height:64px}.inline-create-form{gap:.5rem;margin:.5rem 0 1rem;display:flex}.material-create-form{gap:.8rem;margin:.7rem 0 1rem;padding:1rem;display:grid}.material-create-form h2{margin:0;font-size:1.05rem}.material-detail-heading{grid-template-columns:auto 190px minmax(0,1fr);align-items:center;gap:1.1rem;padding:.8rem 0 1.2rem;display:grid}.material-detail-heading>.button{align-self:start}.material-title-block h1{margin:0 0 .25rem;font-size:1.55rem}.material-title-block p{color:var(--muted);margin:0}.material-title-block .material-cover{width:150px;height:150px}.material-detail-actions{gap:.5rem;margin-top:.7rem;display:flex}.material-units{gap:.85rem;padding-top:1rem;display:grid}.material-unit{border:1px solid var(--line);background:var(--color-surface);border-radius:10px;overflow:hidden}.material-unit>header{background:var(--color-surface);border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding:.65rem .9rem;display:flex}.unit-monogram,.lesson-monogram{background:var(--color-surface-subtle);width:30px;height:30px;color:var(--color-link);border-radius:7px;flex:none;place-items:center;font-weight:700;display:grid}.unit-title{color:var(--text);background:0 0;border:0;font-weight:700}.material-unit>header>.button{margin-left:auto}.unit-lessons{padding:.25rem .9rem}.unit-lesson-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(130px,190px) 32px 32px auto;align-items:center;gap:.3rem;min-height:52px;display:grid}.unit-lesson-row:last-child{border-bottom:0}.lesson-open-button{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.move-lesson-select{color:var(--color-text-muted);background:0 0;border:0;font-size:.78rem}.unit-lesson-open{color:var(--color-link);background:0 0;border:0}.icon-button{width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-surface-subtle);color:var(--color-link)}.material-add-unit,.section-add{color:var(--color-link);background:0 0;border:0;align-items:center;gap:.4rem;padding:.75rem 0;font-weight:600;display:flex}.empty-lesson{text-align:center;color:var(--muted);padding:1.5rem}.classroom-topbar{justify-content:space-between;align-items:center;gap:.75rem;min-height:58px;display:flex}.classroom-picker{align-items:center;gap:.8rem;width:min(650px,68%);display:flex}.classroom-picker .field{background:0 0;border-color:#0000;max-width:390px;font-weight:700}.class-student-chip{background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:20px;padding:.35rem .65rem;font-size:.82rem}.classroom-tabs{margin-bottom:1rem}.classroom-tabs button{padding:0 1rem}.tiny-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;margin-left:.3rem;display:inline-block}.classroom-layout{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:1rem;display:grid}.classroom-content{min-width:0}.classroom-lesson-heading{justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0 1rem;display:flex}.classroom-lesson-heading h1{margin:0;font-size:1.5rem}.classroom-actions{gap:.45rem;display:flex}.classroom-lesson-body,.class-materials-card,.homework-picker-card,.classroom-sections,.classroom-invite,.classroom-results{padding:1rem}.classroom-section{padding:.2rem 0 1rem;scroll-margin-top:1rem}.classroom-section+.classroom-section{border-top:1px solid var(--line);padding-top:1rem}.classroom-section h2{margin:0 0 .6rem;font-size:1.05rem}.classroom-section article{padding:.5rem 0}.classroom-private-block{opacity:.82}.classroom-sidebar{gap:.85rem;display:grid;position:sticky;top:1rem}.classroom-sidebar h2,.classroom-results h2{margin:0;font-size:1rem}.classroom-section-link{text-align:left;width:100%;color:var(--color-text-muted);background:0 0;border:0;align-items:center;gap:.5rem;padding:.5rem .2rem;display:flex}.classroom-section-link span{color:var(--color-link)}.classroom-section-link.active{background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px;font-weight:600}.classroom-invite p{color:var(--muted)}.class-materials-card{margin-top:1rem}.linked-material-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.linked-material-row>div{display:grid}.linked-material-row span{color:var(--muted);font-size:.82rem}.homework-option{border-top:1px solid var(--line);grid-template-columns:20px 1fr;align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.homework-option small{color:var(--muted);margin-top:.15rem;display:block}.classroom-results{margin-top:1rem}.classroom-result-group{border-top:1px solid var(--line);padding-top:.7rem}.classroom-result-group h3{margin:.2rem 0 .5rem}.classroom-answer{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 240px;gap:1rem;padding:.8rem 0;display:grid}.review-controls{align-content:start;gap:.5rem;display:grid}.answer-date{color:var(--muted);font-size:.8rem}.lesson-workspace{background:var(--color-surface-subtle);min-height:100vh}.lesson-topbar{z-index:3;background:var(--color-surface);border-bottom:1px solid var(--line);align-items:center;gap:.7rem;min-height:62px;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.lesson-title-input{min-width:120px;color:var(--text);border:0;outline:0;flex:1;font-size:.96rem;font-weight:700}.save-state{border-radius:20px;padding:.3rem .55rem;font-size:.75rem}.save-state.saved{color:var(--color-success);background:var(--color-surface-subtle)}.save-state.unsaved{color:var(--color-warning);background:var(--color-surface-subtle)}.lesson-editor-columns{grid-template-columns:minmax(0,1fr) 255px;gap:1.2rem;max-width:1430px;margin:0 auto;padding:1.5rem 2rem;display:grid}.lesson-editor-main{min-width:0}.lesson-main-heading{align-items:center;gap:.55rem;margin:.2rem 0 1rem;display:flex}.lesson-main-heading h1{margin:0;font-size:1.35rem}.lesson-content-column{width:min(100%,900px);margin:0 auto}.lesson-block-wrap{gap:.6rem;margin:.65rem 0;display:grid}.lesson-block{border:1px solid var(--line);background:var(--color-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--color-shadow-color) 2.35%,transparent);border-radius:10px;padding:1.1rem 1.25rem;position:relative}.lesson-block.teacher-only{background:var(--color-surface-subtle);border-style:dashed}.lesson-block-toolbar{min-height:32px;color:var(--color-text-muted);align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.lesson-block-toolbar>strong{color:var(--color-text-muted);font-weight:600}.block-menu{margin-left:auto;position:relative}.block-menu-popover,.section-actions>div{z-index:2;border:1px solid var(--line);background:var(--color-surface);min-width:190px;box-shadow:0 8px 25px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:8px;padding:.35rem;display:grid;position:absolute;top:35px;right:0}.block-menu-popover button,.section-actions button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:5px;padding:.5rem}.block-menu-popover button:hover,.section-actions button:hover{background:var(--soft)}.teacher-only-tag{background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:5px;padding:.15rem .45rem;font-size:.73rem}.public-block h3{margin:.2rem 0 .55rem;font-size:1.05rem}.rich-document p{white-space:pre-wrap;margin:.25rem 0 .55rem;line-height:1.75}.lesson-media{justify-items:start;gap:.35rem;margin:.75rem 0;display:grid}.lesson-media img{object-fit:contain;border-radius:7px;max-width:min(100%,680px);max-height:460px}.lesson-media audio{width:min(100%,480px)}.lesson-media figcaption{color:var(--muted);font-size:.82rem}.audio-script{color:var(--color-text-muted)}.inline-answer{border:1px solid var(--color-border);background:var(--color-surface);vertical-align:baseline;border-radius:6px;min-width:100px;max-width:220px;min-height:34px;margin:0 .15rem;padding:.25rem .45rem;display:inline-block}.answer-chip{border-bottom:1px solid var(--color-border);text-align:center;min-width:65px;margin:0 .2rem;padding:0 .25rem;display:inline-block}.word-bank{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.word-chip{border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-link);border-radius:7px;padding:.4rem .7rem}.quiz-question{border:1px solid var(--line);border-radius:8px;margin:.8rem 0;padding:.7rem}.quiz-question legend{padding:0 .3rem}.choice{max-width:720px}.block-insert-menu{justify-content:center;min-height:12px;display:flex;position:relative}.block-insert-menu summary{width:26px;height:20px;color:var(--color-text-muted);cursor:pointer;opacity:.18;border-radius:7px;place-items:center;list-style:none;transition:opacity .15s;display:grid}.block-insert-menu summary::-webkit-details-marker{display:none}.block-insert-menu:hover summary,.block-insert-menu:focus-within summary,.block-insert-menu[open] summary{opacity:1;background:var(--color-surface-subtle);color:var(--color-link)}.block-insert-menu.top{justify-content:flex-start;margin-bottom:.7rem}.block-insert-menu.top summary{opacity:1;background:var(--color-surface-subtle);width:auto;height:36px;color:var(--color-link);padding:0 .75rem;font-weight:600;display:flex}.block-insert-menu>div{z-index:3;border:1px solid var(--line);background:var(--color-surface);min-width:265px;box-shadow:0 8px 25px color-mix(in srgb,var(--color-shadow-color) 10.98%,transparent);border-radius:9px;grid-template-columns:repeat(2,minmax(115px,1fr));padding:.45rem;display:grid;position:absolute;top:25px;left:50%;transform:translate(-50%)}.block-insert-menu.top>div{left:0;transform:none}.block-insert-menu button{color:var(--color-text-muted);text-align:left;background:0 0;border:0;border-radius:6px;padding:.45rem .55rem;font-size:.83rem}.block-insert-menu button:hover{background:var(--color-surface-subtle);color:var(--color-link)}.lesson-sections-panel{align-self:start;padding:.9rem;position:sticky;top:78px}.lesson-sections-panel h2{margin:0 0 .55rem;font-size:.95rem}.section-link{align-items:center;gap:.2rem;display:flex}.section-link>button:first-child{min-width:0;color:var(--color-text-muted);text-align:left;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:.45rem;padding:.5rem .35rem;display:flex}.section-link>button:hover{background:var(--color-surface-subtle)}.section-kind-icon{color:var(--color-link)}.section-actions{position:relative}.section-actions summary{color:var(--color-text-muted);cursor:pointer;padding:.3rem;list-style:none}.section-actions summary::-webkit-details-marker{display:none}.homework-section{border:0;border-top:1px solid var(--line);width:100%;color:var(--color-text);text-align:left;background:0 0;margin-top:.5rem;padding:.65rem .4rem;display:block}.homework-section.active{color:var(--color-link)}.add-section-form{gap:.45rem;display:grid}.teacher-note-field{color:var(--color-text-muted);gap:.35rem;margin-top:.7rem;font-size:.8rem;display:grid}.teacher-note-field span{color:var(--color-text-muted)}.teacher-note-field textarea{min-height:65px}.structured-fields{gap:.7rem;padding:.5rem 0;display:grid}.document-editor{border:1px solid var(--line);background:var(--color-surface);border-radius:8px;gap:.45rem;display:grid}.document-editor-toolbar{border-bottom:1px solid var(--line);background:var(--color-surface);align-items:center;gap:.2rem;padding:.3rem .45rem;display:flex}.document-editor-toolbar button{min-width:30px;min-height:28px;color:var(--color-text-muted);background:0 0;border:0;border-radius:5px}.document-editor-toolbar button:hover{background:var(--color-surface-subtle);color:var(--color-link)}.document-editable{outline:0;min-height:115px;max-height:560px;padding:.7rem .8rem;font-style:normal;font-weight:400;line-height:1.75;text-decoration:none;overflow:auto}.document-editable p{white-space:pre-wrap;min-height:1.5em;margin:0 0 .5rem}.field-ref{margin:0 var(--space-1);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-link);align-items:center;font-size:.82em;display:inline-flex}.document-editable:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent)}.field-config{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);display:grid}.field-config legend{padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:600}.option-editor-row{align-items:center;gap:.5rem;display:flex}.option-editor-row .field{flex:1}.media-editor{gap:.65rem;margin-top:.8rem;display:grid}.media-editor fieldset{border:1px solid var(--line);border-radius:8px;gap:.5rem;display:grid}.import-modal{width:min(100%,680px)}.import-modal>p{color:var(--muted)}.import-job-state{border:1px solid var(--line);background:var(--color-surface);border-radius:8px;margin:.75rem 0;padding:.85rem}.import-job-state p{margin:.2rem 0 .65rem}.import-job-awaitingAuth{border-color:var(--color-border);background:var(--color-surface-subtle)}.import-job-failed{border-color:var(--color-border);background:var(--color-surface)}.import-report-summary{border:1px solid var(--line);background:var(--color-surface);border-radius:8px;gap:.3rem;padding:.8rem;display:grid}.import-report-summary span{color:var(--muted);font-size:.85rem}.import-progress{background:var(--color-surface-subtle);border-radius:7px;height:7px;overflow:hidden}.import-progress span{background:var(--color-accent);height:100%;transition:width .2s;display:block}.import-coverage-list{border:1px solid var(--line);border-radius:8px;max-height:235px;margin:.65rem 0;padding:0;list-style:none;overflow:auto}.import-coverage-list li{border-bottom:1px solid var(--color-border);grid-template-columns:24px 1fr 1.4fr;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.8rem;display:grid}.import-coverage-list li.ready>span{color:var(--green)}.import-coverage-list li.incomplete>span{color:var(--red)}.import-coverage-list code{color:var(--color-text-muted)}.import-coverage-list small{color:var(--muted);overflow-wrap:anywhere}.student-channel-tabs{border-bottom:1px solid var(--line);gap:.5rem;margin-bottom:1rem;display:flex}.student-channel-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 .75rem}.student-channel-tabs button.active{border-color:var(--blue);color:var(--color-link);font-weight:700}.student-material .exercise-heading h3{font-size:1rem}.student-material .public-block{margin:.4rem 0}.student-material .inline-answer{min-height:38px}@media (width<=980px){.classroom-layout{grid-template-columns:minmax(0,1fr) 220px}.lesson-editor-columns{grid-template-columns:minmax(0,1fr) 220px;padding:1rem}}@media (width<=720px){.sidebar{display:none}.teacher-main{margin-left:0}.toolbar-mobile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.mobile-main-navigation{background:var(--color-surface);border:1px solid var(--line);border-radius:9px;flex-basis:100%;padding:.25rem;display:flex}.mobile-main-navigation button{color:var(--color-text-muted);font:inherit;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .25rem;font-size:.82rem;display:flex}.mobile-main-navigation button.active{background:var(--color-surface-subtle);color:var(--color-link);font-weight:600}.library-workspace,.classroom-layout,.lesson-editor-columns{grid-template-columns:1fr}.library-folders,.classroom-sidebar,.lesson-sections-panel{position:static}.library-folders{order:2}.classroom-sidebar,.lesson-sections-panel{order:-1}.lesson-topbar{flex-wrap:wrap}.lesson-title-input{flex-basis:30%}.lesson-editor-columns{padding:.7rem}.classroom-lesson-heading{flex-direction:column;align-items:flex-start}.classroom-actions{flex-wrap:wrap}.classroom-answer{grid-template-columns:1fr}.material-detail-heading{grid-template-columns:auto 1fr}.material-detail-heading>.material-cover{grid-area:2/1;width:90px;height:90px}.material-title-block{grid-area:2/2}.unit-lesson-row{grid-template-columns:minmax(0,1fr) 32px 32px}.move-lesson-select,.unit-lesson-open{display:none}.library-tabs{gap:.8rem;overflow-x:auto}.library-tabs button{white-space:nowrap}.library-tabs .import-progressme{margin-left:0}}.lesson-workspace{overflow-x:clip}.lesson-topbar,.lesson-title-input{min-width:0}.lesson-content-column{box-sizing:border-box;background:var(--color-surface);border-radius:10px;width:min(100%,900px);padding:1.15rem 1.5rem}.lesson-block-wrap{border-bottom:1px solid var(--color-border);gap:.25rem;margin:0}.lesson-block{box-shadow:none;background:0 0;border:0;border-radius:0;padding:.65rem 0}.lesson-block.teacher-only{background:var(--color-surface);border:0}.lesson-block-toolbar{min-height:22px;margin-bottom:.2rem}.classroom-actions{flex-wrap:wrap}@media (width<=900px){.lesson-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem .55rem;padding:.5rem .8rem;display:grid}.lesson-topbar>.topbar-back{grid-area:1/1}.lesson-topbar>.lesson-title-input{grid-area:1/2}.lesson-topbar>.save-state{grid-area:1/3}.lesson-topbar>.topbar-preview{grid-area:2/1}.lesson-topbar>.topbar-save{grid-area:2/2}.lesson-topbar>.topbar-start{grid-area:2/3;justify-self:end}.lesson-topbar>.topbar-reload{grid-area:3/1/auto/-1}.lesson-topbar .button{min-width:0;padding:var(--space-2) var(--space-3);white-space:nowrap}.lesson-editor-columns>*{min-width:0}}@media (width<=680px){.lesson-topbar{grid-template-columns:auto minmax(0,1fr) auto}.lesson-topbar>.topbar-start{grid-area:2/3}.lesson-topbar>.topbar-reload{grid-row:3}.lesson-content-column{padding:.9rem .85rem}.lesson-block{padding:.55rem 0}}@media (width<=400px){.lesson-topbar{gap:.3rem;padding:.45rem .55rem}.lesson-topbar>.topbar-back{padding-inline:.35rem}.lesson-topbar>.save-state{padding:.25rem .4rem;font-size:.68rem}.lesson-topbar>.topbar-preview,.lesson-topbar>.topbar-save{grid-row:2}.lesson-topbar>.topbar-start{grid-area:3/1/auto/-1;justify-self:stretch}.lesson-topbar>.topbar-reload{grid-row:4}}.lesson-workspace{background:var(--color-surface-subtle);color:var(--color-text);font-family:Ubuntu,Trebuchet MS,sans-serif}.lesson-topbar{border:0;gap:8px;height:64px;min-height:64px;padding:0 24px}.editor-brand{width:96px;color:var(--color-link);font-size:14px;font-weight:700}.lesson-topbar .button{border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);min-height:var(--size-control-compact);font-size:var(--font-size-16)}.lesson-topbar .topbar-back{background:var(--color-surface-subtle);color:var(--color-text-muted)}.lesson-topbar .topbar-preview{background:var(--color-surface-subtle);color:var(--color-link);border-radius:6px;width:32px;height:32px}.lesson-topbar .topbar-start,.lesson-workspace .button.primary{background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent);box-shadow:none;font-weight:700}.lesson-title-input{width:120px;color:var(--color-text-muted);background:0 0;flex:1;font-size:14px;font-weight:400}.lesson-topbar .save-state{font-size:12px}.editor-mode-banner{background:var(--color-accent);height:32px;color:var(--color-on-accent);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative}.editor-mode-banner button{color:var(--color-text-muted);background:0 0;border:0;display:flex;position:absolute;right:16px}.lesson-editor-columns{grid-template-columns:minmax(0,720px) 288px;align-items:start;gap:16px;width:1024px;max-width:calc(100% - 128px);margin:0 auto;padding:16px 0 0;position:relative}.editor-tool-rail{width:48px;color:var(--color-text-muted);background:var(--color-surface);box-shadow:0 4px 20px color-mix(in srgb,var(--color-shadow-color) 8.24%,transparent);border-radius:16px;justify-items:center;gap:13px;padding:14px 0;display:grid;position:absolute;top:16px;left:-64px}.editor-tool-rail svg{width:20px;height:23px}.lesson-editor-main{background:var(--color-surface);box-shadow:0 4px 24px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);border-radius:16px 16px 0 0;padding:20px 32px 40px}.lesson-main-heading{align-items:flex-start;gap:10px;height:64px;margin:0;padding-top:0}.lesson-main-heading h1{color:var(--color-text);font-size:32px;font-weight:700;line-height:44px}.lesson-main-heading .icon-button{color:var(--color-text-muted);width:20px;height:24px;margin-top:9px;padding:0}.lesson-content-column{background:0 0;border-radius:0;width:100%;padding:0}.lesson-block-wrap{border:0;margin:0;display:block}.lesson-block{border:0;padding:28px 0 24px;position:relative}.lesson-block-toolbar{z-index:2;min-height:0;margin:0;position:absolute;top:24px;right:-32px}.lesson-block-toolbar .icon-button{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px 0 0 8px;width:28px;height:26px;padding:0}.lesson-workspace .public-block{color:var(--color-text);padding:0;font-size:18px;line-height:1.5}.lesson-workspace .public-block>h3{color:var(--color-text);margin:0 0 18px;font-size:20px;font-weight:700;line-height:32px}.lesson-workspace .public-block>.block-number{float:left;margin:4px 10px 0 0}.lesson-workspace .block-number{background:var(--color-surface-subtle);color:var(--color-link);border-radius:6px;padding:0 6px;font-size:16px;font-weight:700}.lesson-workspace .exercise-heading{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.lesson-workspace .exercise-heading h3{color:var(--color-text);margin:0;font-size:20px;line-height:32px}.lesson-workspace .rich-document p{margin:0 0 4px;line-height:1.5}.lesson-workspace .inline-answer{border:2px solid var(--color-border);background:var(--color-surface);opacity:1;vertical-align:middle;width:70px;min-width:70px;height:32px;color:var(--color-text);border-radius:6px;margin:10px 3px;padding:0 5px}.lesson-workspace select.inline-answer{width:auto;min-width:85px}.lesson-workspace .lesson-media{margin:18px 0 0}.lesson-workspace .lesson-media img{border-radius:12px;width:100%;max-width:100%;height:auto;display:block}.lesson-workspace .block-insert-menu{border-top:1px solid var(--color-border);height:1px;margin:0;display:block;position:relative}.lesson-workspace .block-insert-menu>summary{width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface);box-shadow:0 4px 15px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;display:flex;position:relative;top:-16px}.lesson-workspace .block-insert-menu.top>summary,.lesson-workspace .block-insert-menu:hover>summary,.lesson-workspace .block-insert-menu:focus-within>summary{opacity:1}.lesson-workspace .block-insert-menu>div{width:300px;max-width:90vw;display:grid;top:20px;left:50%;transform:translate(-50%)}.lesson-workspace .block-insert-menu button{text-align:left}.lesson-sections-panel.surface{border-radius:var(--radius-panel);padding:var(--space-3) var(--space-card) var(--space-card);box-shadow:0 4px 24px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);border:0;position:sticky;top:80px}.lesson-sections-panel h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin:0 0 8px;padding-bottom:6px;font-size:18px;line-height:28px}.section-link{padding:0;position:relative}.section-link.active:before{content:"";background:var(--color-info-surface);width:2px;height:32px;position:absolute;top:2px;left:-16px}.section-link>button{color:var(--color-text-muted);gap:10px;padding:6px 0;font-size:16px;line-height:22px}.section-link.active>button{color:var(--color-text);background:0 0;font-weight:400}.section-kind-icon{color:var(--color-text-muted);display:flex}.section-actions{opacity:0}.section-link:hover .section-actions,.section-link:focus-within .section-actions{opacity:1}.section-add{color:var(--color-text-muted);align-items:center;gap:10px;padding:6px 0 12px;font-size:16px;font-weight:400;display:flex}.homework-section{color:var(--color-text-muted);border-top:1px solid var(--color-border);align-items:center;gap:10px;width:100%;padding:12px 0 4px;font-size:16px;font-weight:700;display:flex}.homework-section.active{color:var(--color-text-muted);background:0 0}.empty-lesson{border:1px solid var(--color-border);min-height:482px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;margin:12px 0 0;padding:40px 0;display:flex}.empty-lesson .empty-book{color:var(--color-text-muted);margin:0 0 20px}.empty-lesson p{text-align:center;margin:0 0 18px;font-size:20px;line-height:28px}.empty-insert{position:relative}.empty-insert>summary{cursor:pointer;list-style:none}.empty-insert>div{z-index:4;background:var(--color-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 14.51%,transparent);width:300px;padding:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.empty-insert button{background:var(--color-surface);text-align:left;border:0;padding:8px}.editor-private-note{border-left:3px solid var(--color-border);color:var(--color-text-muted);padding:8px 12px;font-size:14px}.editor-private-note p{white-space:pre-wrap}.editor-dialog-backdrop{z-index:50;background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.editor-dialog{background:var(--color-surface);width:850px;max-width:100%;max-height:calc(100vh - 48px);box-shadow:0 12px 50px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);color:var(--color-text);border-radius:12px;flex-direction:column;display:flex}.editor-dialog>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.editor-dialog h2{margin:0;font-size:24px}.exercise-dialog-body{padding:20px 28px;overflow-y:auto}.exercise-dialog-tabs{border-bottom:1px solid var(--color-border);gap:24px;margin:16px 0;display:flex}.exercise-dialog-tabs button{color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.exercise-dialog-tabs button.active{border-color:var(--color-info-border);color:var(--color-text)}.editor-dialog>footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:12px;padding:16px 28px;display:flex}.editor-dialog .field-label{color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:400}.editor-dialog .field{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text)}.editor-dialog .form-grid{grid-template-columns:70px minmax(0,1fr)}.editor-dialog .document-editable{min-height:140px;color:var(--color-text);font-size:18px}.editor-dialog .document-editor-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:6px}.section-dialog{width:450px;padding:var(--space-dialog);gap:20px}.section-dialog>footer{padding:12px 0 0}@media (width<=1100px){.lesson-editor-columns{grid-template-columns:minmax(0,1fr) 250px;max-width:calc(100% - 96px);margin-left:80px}.lesson-editor-main{padding-inline:24px}.lesson-main-heading h1{font-size:28px}}@media (width<=760px){.lesson-editor-columns{grid-template-columns:minmax(0,1fr);width:auto;max-width:none;margin:0;padding:12px}.editor-tool-rail{display:none}.lesson-sections-panel.surface{grid-row:1;position:static}.lesson-editor-main{padding:20px 18px}.lesson-main-heading h1{font-size:24px;line-height:32px}.lesson-topbar{flex-wrap:wrap;height:auto;min-height:64px;padding:8px 12px;display:flex}.editor-brand{width:auto;margin-right:8px}.lesson-title-input{flex:1;min-width:90px}.lesson-topbar .topbar-start{margin-left:auto}.editor-mode-banner{text-align:center;height:auto;min-height:32px;padding:6px 30px 6px 12px;font-size:12px}.lesson-block-toolbar{right:-18px}.editor-dialog-backdrop{padding:10px}.editor-dialog{max-height:calc(100dvh - 20px)}.exercise-dialog-body,.editor-dialog>header,.editor-dialog>footer{padding:16px}.editor-dialog h2{font-size:20px}}.lesson-workspace .lesson-block{padding-top:26px;padding-bottom:18px}.lesson-workspace .inline-answer{margin-block:8px}.lesson-workspace .lesson-media img{object-fit:initial;max-height:none}.lesson-workspace .lesson-media{display:block}.lesson-workspace .section-link>button:first-child{padding:6px 0}.lesson-workspace .homework-section{margin-top:0}.lesson-workspace .exercise-heading .block-number{flex-shrink:0}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}.lesson-workspace .empty-lesson{margin-top:34px}.lesson-workspace .lesson-main-heading h1{font-size:30px}.lesson-workspace .exercise-heading{gap:14px}.lesson-workspace .exercise-heading h3{max-width:580px}.lesson-workspace .inline-answer{margin-top:12px;margin-bottom:4px}.lesson-workspace .lesson-block-wrap+.lesson-block-wrap .lesson-block{padding-top:23px}.lesson-workspace .lesson-media{margin-top:16px}.class-creation-backdrop{-webkit-backdrop-filter:blur(8px)}.class-creation-modal.surface{width:min(100%,590px);padding:var(--space-dialog);border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);box-shadow:0 24px 80px var(--color-shadow-color), 0 2px 6px var(--color-shadow-color);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.class-creation-modal .modal-close{height:var(--size-control-compact);width:var(--size-control-compact);background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:50%;place-items:center;padding:0;display:grid;top:18px;right:18px}.class-choice-emblem{border-radius:var(--radius-panel);width:64px;height:64px;margin:0 auto var(--space-section);background:var(--color-surface-subtle);color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-shadow-color);place-items:center;display:grid}.class-choice-eyebrow{margin:0 0 var(--space-2);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-12);letter-spacing:.1em;font-weight:650}.class-creation-modal h2{font-size:var(--font-size-32);letter-spacing:-.035em;margin:0 0 var(--space-3);font-weight:650;line-height:1.15}.class-creation-modal #class-choice-title{text-align:center}.class-choice-intro{margin:0 0 var(--space-section);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-15)}.class-format-options{gap:var(--space-3);display:grid}.class-format-option{gap:var(--space-section);width:100%;padding:var(--space-card);text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 1.57%,transparent);align-items:center;transition:background .15s,border-color .15s,transform .12s;display:flex}.class-format-option:not(:disabled):hover{border-color:var(--color-border);background:var(--color-surface-subtle)}.class-format-option:not(:disabled):active{background:var(--color-surface-subtle);transition-duration:70ms;transform:scale(.985)}.class-format-icon{border-radius:var(--radius-card);flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.class-format-icon.individual,.class-format-icon.group{background:var(--color-surface-subtle);color:var(--color-link)}.class-format-icon.marathon{background:var(--color-surface-subtle);color:var(--color-warning)}.class-format-copy{gap:var(--space-2);flex:1;min-width:0;display:grid}.class-format-copy strong{font-size:var(--font-size-16);letter-spacing:-.015em;font-weight:600;line-height:1.3}.class-format-copy>span{font-size:var(--font-size-13);color:var(--color-text-muted);line-height:1.45}.class-format-chevron{color:var(--color-text-muted);flex-shrink:0}.class-format-option:disabled{opacity:1;cursor:default;background:var(--color-surface-subtle)}.class-format-option.unavailable .class-format-copy strong{color:var(--color-text-muted)}.class-format-badge{border-radius:var(--radius-small);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:var(--font-size-12);font-weight:600}.class-choice-footnote{margin:var(--space-section) 0 0;color:var(--color-text-muted);text-align:center;font-size:var(--font-size-12)}.class-choice-back{align-items:center;gap:var(--space-2);margin:0 0 var(--space-section);color:var(--color-link);font-size:var(--font-size-13);background:0 0;border:0;padding:0;display:flex}.class-creation-modal .button.primary{background:var(--color-accent);border-color:var(--color-info-border);border-radius:var(--radius-control)}.class-creation-modal .field{border-radius:var(--radius-control)}@media (width<=600px){.class-creation-backdrop{padding:var(--space-card)}.class-creation-modal.surface{padding:var(--space-dialog);border-radius:var(--radius-dialog)}.class-creation-modal h2{font-size:var(--font-size-28)}.class-format-option{gap:var(--space-3);padding:var(--space-card) var(--space-3)}.class-format-icon{border-radius:var(--radius-card);flex-basis:42px;width:42px;height:42px}.class-format-copy strong{font-size:var(--font-size-15)}.class-format-copy>span{font-size:var(--font-size-12)}}@media (prefers-reduced-motion:reduce){.class-format-option{transition:none}.class-format-option:not(:disabled):active{transform:none}}@media (prefers-reduced-transparency:reduce){.class-creation-backdrop{-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--color-shadow-color) 50.2%,transparent)}}.lesson-workspace{background:0 0}.lesson-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 20px;display:flex}.lesson-actions .lesson-title-input{min-width:160px;color:var(--text);flex:1;font-size:20px}.lesson-actions .save-state{margin-left:auto}.lesson-workspace .lesson-editor-columns{grid-template-columns:minmax(0,1fr) 260px;width:100%;max-width:none;margin:0;padding-top:0}.lesson-workspace .lesson-sections-panel{top:24px}.exercise-insert{border-top:1px solid var(--color-border);height:1px;position:relative}.exercise-insert:before{content:"";z-index:2;position:absolute;inset:-20px 0}.exercise-insert>button{background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);box-shadow:0 4px 15px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);cursor:pointer;opacity:0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.exercise-insert.top>button,.exercise-insert:hover>button,.exercise-insert:focus-within>button{opacity:1}.exercise-insert>button:hover,.exercise-insert>button:focus-visible{background:var(--color-surface-subtle);color:var(--color-link)}@media (hover:none){.exercise-insert>button{opacity:1}}.add-exercise-bottom{width:100%;color:var(--color-link);border:0;border-top:1px solid var(--color-border);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:24px 0;font-size:18px;display:flex}.template-picker{width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--color-text);background:var(--color-surface);box-shadow:0 20px 80px color-mix(in srgb,var(--color-shadow-color) 25.1%,transparent);border:0;border-radius:14px;padding:0;font-family:Ubuntu,sans-serif}.template-picker::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 43.92%,transparent)}.template-picker>header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:2;justify-content:space-between;align-items:center;padding:22px 30px;display:flex;position:sticky;top:0}.template-picker h2{margin:0;font-size:26px}.template-picker-body{padding:20px 30px 30px}.constructor-switch{background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px;margin-bottom:24px;padding:16px}.constructor-switch p{margin:0 0 12px;line-height:1.5}.template-select-label{background:var(--color-surface-subtle);align-items:center;gap:20px;margin-bottom:20px;padding:16px;font-size:14px;display:flex}.template-select-label select{flex:1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.template-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 3px 10px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);border-radius:12px;position:relative;overflow:hidden}.template-card-select{text-align:left;width:100%;height:100%;color:var(--color-text);background:var(--color-surface);cursor:pointer;border:0;flex-direction:column;padding:18px;display:flex}.template-card-select:hover{background:var(--color-surface-subtle)}.template-card-select>strong{margin-top:auto;font-size:16px}.template-text-preview,.template-gap-preview,.template-image-preview,.template-audio-preview{width:100%;min-height:130px;color:var(--color-text-muted);margin-bottom:12px;padding:10px 8px;font-size:11px}.template-text-preview p{line-height:1.6}.template-gap-preview span{background:var(--color-surface-subtle);margin-right:5px;padding:4px 8px;display:inline-block}.template-gap-preview i{border:1px solid var(--color-border);vertical-align:middle;width:48px;height:18px;display:inline-block}.template-image-preview{background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px;place-items:center;display:grid}.template-audio-preview{background:var(--color-surface-subtle);border-radius:8px;place-items:center;font-size:20px;display:grid}.template-favorite{background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border:0;font-size:24px;position:absolute;top:8px;right:8px}.template-favorite[aria-pressed=true]{color:var(--color-link)}.template-picker.modern{width:min(800px,100vw - 32px)}.template-search{gap:8px;margin-bottom:28px;display:flex}.template-search input{flex:1}.template-search button[aria-pressed=true]{background:var(--color-surface-subtle)}.template-category{margin-bottom:28px}.template-category h3{color:var(--color-text-muted);margin:0 0 18px;font-size:14px;font-weight:500}.template-picker.compact .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-picker.compact .template-card-select>div{min-height:84px}@media (width<=900px){.lesson-workspace .lesson-editor-columns{grid-template-columns:minmax(0,1fr) 220px}}@media (width<=760px){.lesson-workspace .lesson-editor-columns{flex-direction:column;display:flex}.lesson-workspace .lesson-sections-panel{width:100%}.lesson-actions{gap:8px}.lesson-actions .lesson-title-input{flex-basis:100%;order:-1;width:100%}.template-picker-body{padding:16px}.template-picker>header{padding:18px 16px}.template-picker h2{font-size:22px}.template-grid{gap:12px}.template-card-select{padding:12px}.template-select-label{flex-direction:column;align-items:stretch}.template-picker.compact .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.exercise-native-dialog{padding:var(--space-dialog);border:0}.exercise-native-dialog:not([open]){display:none}.exercise-native-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent)}.exercise-insert>button{z-index:3}.class-creation-modal form{margin-top:var(--space-section)}.class-cover-row{align-items:center;gap:var(--space-section);padding:var(--space-card) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-16);grid-template-columns:180px minmax(0,1fr);font-weight:600;display:grid}.class-cover-controls{align-items:center;gap:var(--space-inline);display:flex}.class-cover-preview{border-radius:var(--radius-control);background:var(--color-surface-subtle);width:52px;height:52px;color:var(--color-link);font-size:var(--font-size-24);flex:none;place-items:center;display:grid;overflow:hidden}.class-cover-preview img{object-fit:cover;width:100%;height:100%}.class-cover-upload{cursor:pointer;justify-content:center;min-width:180px;position:relative;overflow:hidden}.class-cover-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.class-creation-modal .class-cover-row+.field-label{align-items:center;gap:var(--space-section);padding:var(--space-card) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);grid-template-columns:180px minmax(0,1fr);margin:0;display:grid}.class-creation-modal form .dialog-actions{justify-content:center;gap:var(--space-inline);margin-top:var(--space-section)}.class-creation-modal form .dialog-actions .button{justify-content:center;min-width:180px}.class-home-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (width<=600px){.class-cover-row,.class-creation-modal .class-cover-row+.field-label{gap:var(--space-3);grid-template-columns:1fr}.class-creation-modal form .dialog-actions .button{flex:1;min-width:0}.class-cover-upload{min-width:140px}}.empty-class-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.classroom-empty h2{margin:0 0 var(--space-heading)}.class-material-dialog{border:0;max-height:calc(100dvh - 48px);overflow-y:auto}.class-material-dialog:not([open]){display:none}.class-material-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 40%,transparent)}.class-material-dialog section .button{margin:var(--space-1) var(--space-2) var(--space-1) 0}.class-profile{gap:var(--space-section);display:grid}.class-profile-heading{align-items:center;gap:var(--space-section);padding:var(--space-card) 0;display:flex}.class-profile-heading h1{margin:0 0 var(--space-2)}.class-profile-heading p{color:var(--muted);font-size:var(--font-size-13);margin:0}.class-profile-heading>.button{margin-left:auto}.class-profile-avatar{width:var(--size-avatar-profile);height:var(--size-avatar-profile);border-radius:var(--radius-panel);background:var(--color-surface-subtle);color:var(--color-link);font-size:var(--font-size-32);place-items:center;display:grid;overflow:hidden}.class-profile-avatar img{object-fit:cover;width:100%;height:100%}.class-profile-tabs{gap:var(--space-section);border-bottom:1px solid var(--color-border);display:flex}.class-profile-tabs button{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-weight:600}.class-profile-tabs button.active{color:var(--color-link);border-color:var(--color-info-border)}.class-profile-enter{padding:var(--space-card) var(--space-card);justify-content:space-between;align-items:center;display:flex}.class-profile-enter h2{margin:0 0 var(--space-2)}.class-profile-enter p{color:var(--color-text-muted);margin:0}.class-schedule,.class-profile-students,.class-profile-stats{padding:var(--space-card)}.class-week-controls{align-items:center;gap:12px;font-size:14px;display:flex}.class-calendar-scroll{overflow:auto}.class-calendar{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px;font-size:13px}.class-calendar th,.class-calendar td{border:1px solid var(--color-border);text-align:center;padding:10px}.class-calendar th:first-child{width:65px}.class-calendar td{vertical-align:top;height:70px}.calendar-add{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0}.calendar-add:hover{color:var(--color-link)}.scheduled-session{background:var(--color-surface-subtle);border-radius:8px;gap:4px;padding:6px;display:grid}.class-profile-students form{gap:var(--space-section);max-width:420px;display:grid}.class-profile-stats>div{gap:var(--space-section);display:flex}.class-profile-stats strong{font-size:var(--font-size-32);display:block}.classroom-layout-empty{grid-template-columns:1fr}.classroom-empty h1{text-align:center;font-size:var(--font-size-32);margin:var(--space-heading) 0 var(--space-heading)}.empty-class-actions{grid-template-columns:1fr 1fr;gap:24px;display:grid}.material-choice-card{border:1px solid var(--color-border);background:var(--color-surface);min-height:430px;font:inherit;color:var(--color-text-muted);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:35px;font-size:20px;font-weight:600;display:flex}.material-choice-card+button{background:var(--color-surface)}.material-choice-card span{font-size:58px}.material-choice-card:hover{border-color:var(--color-info-border);background:var(--color-surface-subtle)}@media (width<=760px){.class-profile-heading{gap:var(--space-section);flex-wrap:wrap}.class-profile-heading h1{font-size:var(--font-size-24)}.class-profile-heading>.button{margin-left:0}.class-schedule{padding:var(--space-card)}.class-schedule .section-heading{flex-direction:column;align-items:flex-start}.empty-class-actions{grid-template-columns:1fr}.material-choice-card{min-height:220px}.classroom-empty h1{font-size:var(--font-size-28)}.class-profile-stats>div{gap:var(--space-2);flex-direction:column}}.class-profile,.class-schedule,.class-calendar-scroll{min-width:0;max-width:100%}.class-profile-enter{gap:var(--space-section)}.class-profile-enter>div{min-width:0}.class-profile-enter h2{overflow-wrap:anywhere}.class-profile-enter>.button{flex-shrink:0}@media (width<=600px){.class-profile-enter{padding:var(--space-card);flex-direction:column;align-items:flex-start}}.class-material-browser{border-radius:var(--radius-dialog);width:min(1080px,100vw - 48px);height:min(900px,100dvh - 48px);max-height:calc(100dvh - 48px);color:var(--color-text);background:var(--color-surface);box-shadow:0 24px 70px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent);border:0;padding:0}.class-material-browser::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 46.67%,transparent)}.class-material-browser.language-view{width:min(500px,100vw - 32px);height:auto}.material-browser-header{padding:var(--space-dialog) var(--space-dialog) 0;justify-content:space-between;align-items:center;display:flex}.material-browser-body{padding:var(--space-dialog)}.material-browser-body h2{font-size:var(--font-size-32);margin:0 0 var(--space-heading);line-height:1.2}.material-browser-body form{gap:var(--space-section);display:grid}.language-view h2,.language-view form>p{text-align:center}.language-view form>p{margin:0 0 10px;line-height:1.5}.material-browser-tabs{gap:var(--space-inline);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-section);display:flex}.material-browser-tabs button{font:inherit;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-weight:600}.material-browser-tabs button[aria-selected=true]{border-color:var(--color-info-border);color:var(--color-text)}.material-browser-body .search-field{width:100%;margin-bottom:var(--space-section)}.material-browser-grid{gap:var(--space-section);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.material-browser-card{text-align:left;font:inherit;color:inherit;cursor:pointer;gap:var(--space-3);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.material-browser-cover{background:var(--color-surface-subtle);border-radius:var(--radius-card);aspect-ratio:2/3;color:var(--color-link);place-items:center;width:100%;font-size:54px;display:grid;overflow:hidden}.material-browser-cover img{object-fit:cover;width:100%;height:100%}.material-browser-card:hover .material-browser-cover{box-shadow:0 0 0 2px var(--color-shadow-color)}.material-browser-card small{color:var(--color-text-muted)}.material-browser-create{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);min-height:250px;color:var(--color-link);font:inherit;justify-content:center;align-items:center;gap:var(--space-section);cursor:pointer;flex-direction:column;font-weight:600;display:flex}.material-browser-shortcuts{gap:var(--space-3);align-content:start;display:grid}.material-browser-shortcuts button{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-link);font:inherit;cursor:pointer;flex-direction:column;font-weight:600;display:flex}.material-browser-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-section);min-height:300px;color:var(--color-text-muted);flex-direction:column;display:flex}.material-browser-empty>p{max-width:540px;line-height:1.6}.material-browser-empty>div{gap:var(--space-section);display:flex}.material-browser-book-heading{gap:var(--space-section);margin-bottom:var(--space-heading);display:flex}.material-browser-book-heading>.material-browser-cover{flex-shrink:0;width:140px}.material-browser-book-heading p{color:var(--color-text-muted)}.material-browser-unit{border:1px solid var(--color-border);border-radius:var(--radius-card);margin:var(--space-section) 0;padding:var(--space-card)}.material-browser-unit-heading{width:100%;font:inherit;font-size:var(--font-size-20);text-align:left;color:inherit;padding:0 0 var(--space-card);cursor:pointer;background:0 0;border:0;justify-content:space-between;font-weight:600;display:flex}.material-browser-lesson{align-items:center;gap:var(--space-section);background:var(--color-surface);width:100%;color:inherit;font:inherit;text-align:left;padding:var(--space-3);cursor:pointer;border-radius:var(--radius-control);border:0;display:flex}.material-browser-lesson:hover{background:var(--color-surface-subtle)}.material-browser-lesson>svg{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-small);box-sizing:content-box;padding:var(--space-3);margin-left:auto}.material-browser-unit>.text-button{margin-top:var(--space-section);align-items:center;gap:var(--space-2);display:flex}.material-browser-lesson-form{padding:var(--space-card);background:var(--color-surface-subtle);border-radius:var(--radius-card)}.material-preview-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.material-preview-heading h2{margin-bottom:0}.material-preview-notice{background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px;margin:22px 0;padding:16px 22px}.material-preview-layout{grid-template-columns:minmax(0,1fr) 180px;gap:28px;display:grid}.material-preview-layout article{border-bottom:1px solid var(--color-border);padding:20px 0}.material-preview-layout nav{flex-direction:column;align-items:stretch;gap:10px;display:flex}.material-preview-layout nav button{text-align:left;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px}.material-preview-layout nav button.active{background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px}.class-editor-context{background:var(--color-surface);border-radius:14px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.class-editor-context>span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--color-text-muted);overflow:hidden}.class-editor-context .classroom-tabs{flex:1;margin:0}.class-editor-context .classroom-tabs [aria-selected=true]{color:var(--color-link);border-bottom:2px solid var(--color-info-border)}.class-editor-context .button{flex-shrink:0}.lesson-workspace-in-class .lesson-actions{flex-wrap:wrap}@media (width<=800px){.material-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-editor-context{flex-wrap:wrap}.class-editor-context .classroom-tabs{flex-basis:100%;order:4}.class-editor-context>span{max-width:130px}.material-browser-body{padding:var(--space-dialog)}.material-preview-layout{grid-template-columns:1fr}.material-preview-layout nav{flex-direction:row;order:-1;overflow:auto}.material-browser-body h2{font-size:var(--font-size-28)}}@media (width<=480px){.class-material-browser{border-radius:var(--radius-panel);width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.class-material-browser.language-view{height:auto}.material-browser-header{padding:var(--space-dialog) var(--space-dialog) 0}.material-browser-body{padding:var(--space-dialog)}.material-browser-grid{gap:var(--space-section)}.material-browser-cover{font-size:40px}.material-browser-tabs{gap:var(--space-inline)}.material-browser-book-heading{gap:var(--space-section)}.material-browser-book-heading>.material-browser-cover{width:86px}.material-browser-book-heading h2{font-size:var(--font-size-28)}.material-browser-empty>div{flex-direction:column}.material-preview-heading{flex-direction:column;align-items:flex-start}.material-browser-unit{padding:var(--space-3)}}@media (width>=601px) and (width<=800px){.material-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.numbered-student-exercise{border-bottom:1px solid var(--color-border);padding:18px 0}.numbered-student-exercise>.exercise-auto-number{background:var(--color-surface-subtle);width:32px;height:32px;color:var(--color-link);border-radius:10px;place-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:inline-grid}.numbered-student-exercise .block-number{display:none}.answer-choice{vertical-align:middle;flex-wrap:wrap;gap:6px;max-width:100%;margin:4px 6px;line-height:1.4;display:inline-flex}.answer-choice-item{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:7px;max-width:100%;padding:7px 11px;font-size:.9em;transition:background .12s,border-color .12s;display:inline-flex;position:relative}.answer-choice-item input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.answer-choice-mark{border:1px solid var(--color-border);border-radius:50%;flex:0 0 15px;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;display:inline-flex}.answer-choice-item:hover:not(.is-disabled){background:var(--color-surface-subtle);border-color:var(--color-border)}.answer-choice-item.is-selected{background:var(--color-surface-subtle);border-color:var(--color-info-border);color:var(--color-link)}.answer-choice-item.is-selected .answer-choice-mark{background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent)}.answer-choice-item:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.answer-choice-item.is-disabled{cursor:default}@media (prefers-reduced-motion:reduce){.answer-choice-item{transition:none}}.written-response-count{color:var(--color-text-muted);align-items:center;gap:12px;margin-top:10px;font-size:12px;line-height:1.4;display:flex}.written-response-count strong{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:500}.response-count-divider{background:var(--color-surface-subtle);width:1px;height:13px}.written-response textarea{width:100%;display:block}.rich-document>div{margin:0 0 .65em}.rich-list-item{display:list-item;margin-left:1.5em!important}.rich-list-item.list-bullet{list-style-type:disc}.rich-list-item.list-ordered{list-style-type:decimal}.lesson-divider-row{color:var(--color-text-muted);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.lesson-divider-line{background:var(--color-surface-subtle);flex:1;height:1px}.lesson-divider-row .block-menu{flex:none;position:relative}.lesson-divider-row .icon-button{width:32px;height:32px;color:var(--color-text-muted);padding:4px}textarea.field,input.field:not([type=checkbox]):not([type=radio]),.editor-dialog textarea.field,.editor-dialog input.field{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-control);color:var(--color-text)}textarea.field{padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.6}textarea.field:focus,input.field:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-shadow-color);outline:none}textarea.field::selection{background:var(--color-accent);color:var(--color-on-accent)}input.field::selection{background:var(--color-accent);color:var(--color-on-accent)}.written-response{flex-direction:column;display:flex}.written-response-count{background:var(--color-surface-subtle);border-radius:9px;order:-1;margin:0 0 12px;padding:12px 16px}.written-response textarea{min-height:150px}textarea:not(.field){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text)}textarea:not(.field):focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-shadow-color);outline:none}fieldset.student-material{border:0;min-width:0;margin:0;padding:24px}.live-highlight{outline:3px solid var(--color-warning-border);outline-offset:5px;border-radius:12px}.live-student-pointer{z-index:5;pointer-events:none;background:var(--color-accent);color:var(--color-on-accent);border-radius:12px;padding:4px 8px;font-size:11px;position:absolute;transform:translate(-30%,-50%)}.student-return-teacher{z-index:20;box-shadow:0 4px 18px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);position:fixed;bottom:24px;right:24px}.editor-live-status{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 16px;font-size:14px;display:flex}.lesson-block-wrap{position:relative}.lesson-block-wrap.student-reading{outline:2px solid var(--color-info-border);outline-offset:6px;border-radius:12px}.modal.start-class-modal{flex-direction:column;width:min(560px,100vw - 32px);max-height:min(640px,100dvh - 48px);display:flex;overflow:hidden}.start-class-modal h2{flex-shrink:0;padding-right:40px}.start-class-list{gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.start-class-row{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.start-class-row:hover{background:var(--color-surface-subtle);border-color:var(--color-border)}.start-class-row .avatar{flex-shrink:0;width:40px;height:40px;font-size:16px}.start-class-row>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.start-class-row strong{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.start-class-row small{color:var(--color-text-muted);font-size:13px;line-height:1.4}.start-class-row>span:last-child{color:var(--color-link);flex-shrink:0;font-size:13px}@media (width<=480px){.start-class-row{gap:8px;padding:12px}.start-class-row>span:last-child{font-size:12px}}.lesson-content-column{position:relative}.student-viewport-overlay{pointer-events:none;border:2px dashed var(--color-info-border);z-index:2;box-sizing:border-box;border-radius:8px;position:absolute}.student-viewport-overlay>span{background:var(--color-accent);color:var(--color-on-accent);white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:12px;position:absolute;top:-26px;left:12px}.lesson-block-attention{background:var(--color-surface-subtle);color:var(--color-link);font:inherit;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.lesson-block-attention:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.teacher-editor-card>.public-block{pointer-events:none}.live-lesson-footer{z-index:18;background:color-mix(in srgb,var(--color-surface) 94.9%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);min-height:72px;box-shadow:0 -4px 20px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);justify-content:center;align-items:center;gap:12px;padding:10px 20px;display:flex;position:fixed;bottom:0;left:64px;right:0}.live-lesson-footer>div{gap:2px;min-width:0;max-width:360px;margin-right:16px;display:grid}.live-lesson-footer strong,.live-lesson-footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-lesson-footer span{color:var(--color-text-muted);font-size:12px}@media (width<=1023px){.live-lesson-footer{bottom:56px;left:0}.lesson-workspace-in-class{padding-bottom:150px}}@media (width<=600px){.live-lesson-footer{gap:6px;padding:8px}.live-lesson-footer>div{max-width:140px;margin-right:auto}.live-lesson-footer .button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-12)}}.student-viewport-overlay{z-index:8}.student-viewport-overlay>span{text-overflow:ellipsis;max-width:calc(100% - 16px);top:6px;left:8px;overflow:hidden}.live-lesson-footer select{max-width:100%;font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:4px;font-size:12px}.viewport-controls{z-index:19;pointer-events:auto;max-width:min(360px,100vw - 32px);font-size:12px;position:fixed}.viewport-controls>summary{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);border-radius:8px;padding:6px 10px;list-style:none}.viewport-controls>div{border:1px solid var(--color-border);background:var(--color-surface);width:min(380px,100vw - 32px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.viewport-controls>div>div{align-items:center;gap:8px;display:flex}.viewport-controls button{font:inherit;background:var(--color-surface-subtle);text-align:left;cursor:pointer;border:0;border-radius:8px;padding:8px}.viewport-controls>div>div>button{flex:1}.viewport-controls button[aria-pressed=true]{background:var(--color-surface-subtle);color:var(--color-link)}.viewport-controls label{align-items:center;gap:4px;display:flex}.live-lesson-footer{flex-wrap:wrap}@media (width<=760px){.lesson-workspace-in-class{padding-bottom:240px}}.student-viewport-overlay{z-index:17;position:fixed}.live-answer-evaluation{color:var(--color-text-muted);pointer-events:none;font-size:12px;line-height:16px;position:absolute;bottom:4px;right:0}.lesson-workspace-in-class,.student-live-material{overflow-anchor:none}.student-area-caption{pointer-events:auto;color:var(--color-on-accent);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;border-radius:6px;padding:3px 10px;font-size:12px;position:absolute;overflow:hidden}.student-area-caption:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.live-area-options{font-size:12px;position:relative}.live-area-options summary{cursor:pointer;padding:8px}.live-area-options>div{background:var(--color-surface);border:1px solid var(--color-border);min-width:200px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:10px;gap:12px;padding:12px;display:grid;position:absolute;bottom:100%;right:0}.student-area-menu{pointer-events:auto;border:1px solid var(--color-border);background:var(--color-surface);width:220px;max-width:calc(100vw - 32px);color:var(--color-text);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);z-index:20;border-radius:12px;gap:6px;padding:12px;display:grid;position:absolute;bottom:38px;right:8px}.student-area-menu small{font-size:12px}.student-area-menu button{text-align:left;background:var(--color-surface-subtle);cursor:pointer;font:inherit;border:0;border-radius:6px;padding:8px;font-size:13px}.live-lesson-footer{border:1px solid var(--color-border);min-height:76px;box-shadow:0 6px 24px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent);border-radius:18px;flex-wrap:nowrap;gap:16px;padding:12px 20px;bottom:12px;left:80px;right:16px}.live-lesson-footer>div{max-width:none;margin:0;display:flex}.live-student-selector{flex:1;min-width:280px;position:relative;max-width:420px!important}.live-student-trigger{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;width:100%;color:var(--color-text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.live-student-avatar{background:var(--color-surface-subtle);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.live-student-copy{flex:1;gap:4px;display:grid}.live-student-copy strong{font-size:15px}.live-student-copy small,.live-device-menu small{color:var(--color-text-muted);font-size:12px}.live-area-switch{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);align-items:center;gap:10px;padding:0 20px}.live-area-switch span{color:var(--color-text);font-size:14px}.live-area-switch button{background:var(--color-surface-subtle);cursor:pointer;border:0;border-radius:20px;width:42px;height:24px;padding:3px}.live-area-switch button:after{content:"";background:var(--color-surface);width:18px;height:18px;box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);border-radius:50%;display:block}.live-area-switch button[aria-checked=true]{background:var(--color-accent)}.live-area-switch button[aria-checked=true]:after{margin-left:18px}.live-visit,.live-call{white-space:nowrap;align-items:center;gap:8px;display:flex;border-radius:10px!important;padding:12px 16px!important}.live-visit{border-color:var(--color-info-border)!important;color:var(--color-link)!important}.live-call{background:var(--color-accent)!important;color:var(--color-on-accent)!important}.live-area-options summary{border:1px solid var(--color-border);border-radius:10px;padding:12px;list-style:none;display:flex}.live-device-menu{background:var(--color-surface);border:1px solid var(--color-border);width:360px;max-width:calc(100vw - 40px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:14px;gap:10px;padding:16px;display:grid;position:absolute;bottom:calc(100% + 14px);left:0}.live-device-row{border:1px solid var(--color-border);border-radius:10px;align-items:center;padding:6px;display:flex}.live-device-select{background:var(--color-surface);text-align:left;font:inherit;cursor:pointer;border:0;flex:1;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.live-device-select>span:last-of-type{flex:1;gap:4px;display:grid}.live-device-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-device-visibility{background:var(--color-surface);cursor:pointer;color:var(--color-text);border:0;padding:8px}.call-target-prompt{z-index:21;background:var(--color-surface);border:1px solid var(--color-info-border);box-shadow:0 6px 20px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:12px;align-items:center;gap:20px;padding:12px 18px;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.call-target-prompt button{background:var(--color-surface-subtle);cursor:pointer;border:0;border-radius:8px;padding:8px}.choosing-call-target .lesson-block-wrap{cursor:crosshair}.call-target-preview{outline:2px solid var(--color-info-border);outline-offset:2px;border-radius:10px}.choosing-call-target .public-block{pointer-events:none}@media (width<=1023px){.live-lesson-footer{gap:8px;padding:10px;bottom:68px;left:12px}.live-area-switch{padding:0 8px}.live-student-selector{min-width:210px}.call-target-prompt{bottom:170px}}@media (width<=760px){.live-lesson-footer{flex-wrap:wrap}.live-student-selector{flex-basis:60%}.live-area-switch{border:0}.live-area-switch span{display:none}.live-visit,.live-call{flex:1;justify-content:center}.call-target-prompt{white-space:nowrap;bottom:215px}}.live-lesson-footer{justify-content:space-between;max-width:1280px;margin-left:auto;margin-right:auto}.live-student-trigger:focus-visible,.live-device-select:focus-visible,.live-device-visibility:focus-visible,.live-area-switch button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.live-student-selector{border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:12px;padding:10px 12px}.live-student-avatars{flex-shrink:0;align-items:center;gap:6px;max-width:180px;display:flex;overflow-x:auto}.live-student-avatars button{cursor:pointer;color:var(--color-text-muted);border:2px solid #0000;padding:0}.live-student-avatars button[aria-pressed=true]{border-color:var(--color-info-border);color:var(--color-link)}.live-student-device-picker{background:var(--color-surface-subtle);color:var(--color-text);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:3px;padding:6px;display:flex}.live-student-device-picker small{font-size:11px}.live-student-avatars button:focus-visible,.live-student-device-picker:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.live-student-selector{border:0;min-width:250px;height:68px;padding:4px 8px;max-width:420px!important}.live-student-avatars{gap:10px;width:100%;max-width:none;height:60px;overflow:visible}.live-avatar-item{flex:0 0 66px;position:relative}.live-student-avatar-button{cursor:pointer;width:66px;color:var(--color-text);justify-items:center;gap:4px;display:grid;background:0 0!important;border:0!important;padding:0!important}.live-student-avatar-button .live-student-avatar{border:2px solid #0000;width:38px;height:38px}.live-student-avatar-button[aria-pressed=true] .live-student-avatar{border-color:var(--color-info-border);box-shadow:0 0 0 3px var(--color-shadow-color)}.live-avatar-name{text-overflow:ellipsis;max-width:66px;font-size:12px;overflow:hidden}.live-student-device-picker{border-radius:12px;position:absolute;top:25px;right:7px;color:var(--color-on-accent)!important;background:var(--color-accent)!important;padding:3px!important}.live-all-students{cursor:pointer;border-radius:10px;align-content:center;gap:4px;min-width:72px;height:48px;font-size:11px;display:grid;border:1px solid var(--color-border)!important;background:var(--color-surface-subtle)!important}.live-all-students span{color:var(--color-text-muted);font-size:12px}.live-students-menu{background:var(--color-surface);border:1px solid var(--color-border);min-width:260px;max-width:calc(100vw - 40px);max-height:320px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:14px;padding:12px;position:absolute;bottom:calc(100% + 14px);left:0;overflow:auto}.live-students-menu:not([hidden]){gap:6px;display:grid}.live-students-menu button{background:var(--color-surface-subtle);text-align:left;font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.live-students-menu button span{flex:1}.live-students-menu button[aria-pressed=true]{background:var(--color-surface-subtle);color:var(--color-link)}.live-lesson-footer .live-area-switch{flex-shrink:0}.live-device-menu{bottom:calc(100% + 8px)}@media (width<=760px){.live-lesson-footer{height:auto}.live-student-selector{min-width:210px}.live-student-avatars{gap:4px}}.live-lesson-footer{height:96px}.lesson-workspace-in-class{padding-bottom:120px}@media (width<=1023px){.lesson-workspace-in-class{padding-bottom:180px}}@media (width<=760px){.live-lesson-footer{height:auto}.lesson-workspace-in-class{padding-bottom:240px}}.live-lesson-footer{justify-content:center;gap:14px;max-width:960px;height:80px;min-height:80px;padding:8px 16px}.live-lesson-footer .live-student-selector{flex:0 300px;min-width:76px;height:60px;padding:0;max-width:300px!important}.live-lesson-footer .live-position{color:var(--color-text-muted);white-space:normal;flex:0 150px;max-width:150px;font-size:12px}.live-lesson-footer .live-area-switch{gap:8px;padding:0 14px}.live-lesson-footer .live-area-switch>span{font-size:13px}.live-lesson-footer .live-visit,.live-lesson-footer .live-call{min-height:42px;padding:10px 14px!important}.live-lesson-footer button:disabled{cursor:default}.choosing-call-target .lesson-block-wrap:hover{outline:2px solid var(--color-info-border);outline-offset:2px}.call-target-select{border:1px solid var(--color-info-border);background:var(--color-surface-subtle);color:var(--color-link);border-radius:8px;margin:8px;padding:8px 12px}@media (width<=760px){.live-lesson-footer{gap:8px;height:auto;min-height:80px}.live-lesson-footer .live-student-selector{flex:1;min-width:80px}.live-lesson-footer .live-position{max-width:130px}.live-lesson-footer .live-area-switch{padding:0 8px}}.live-lesson-footer .live-student-selector{flex:0 auto;max-width:400px!important}.live-lesson-footer{width:max-content;max-width:calc(100vw - 112px)}@media (width<=1023px){.live-lesson-footer{max-width:calc(100vw - 24px)}}.student-viewport-overlay{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 7%,transparent);border-style:solid;border-width:1.5px;border-radius:12px}.student-viewport-overlay .student-area-caption{box-shadow:0 2px 6px color-mix(in srgb,var(--color-shadow-color) 8.24%,transparent);border-radius:7px;padding:4px 9px;font-size:11px}.live-lesson-footer .live-lesson-status{gap:4px;min-width:140px;max-width:240px;display:grid}.live-lesson-status strong{color:var(--color-success);align-items:center;gap:7px;font-size:13px;display:flex}.live-lesson-status small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.live-status-dot,.live-waiting-dot{background:var(--color-success);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.live-lesson-footer.live-lesson-waiting{height:72px;min-height:72px;padding:12px 24px}.live-lesson-footer .live-waiting-status{grid-template-columns:8px 1fr;align-items:center;gap:4px 10px;display:grid}.live-waiting-status strong{color:var(--color-text);font-size:14px}.live-waiting-status small{color:var(--color-text-muted);white-space:normal;grid-column:2;font-size:12px}.live-waiting-dot{background:var(--color-surface-subtle)}@media (width<=760px){.live-lesson-footer .live-lesson-status{flex:1;max-width:210px}.live-lesson-footer.live-lesson-waiting{height:auto}}.live-lesson-footer:not(.live-lesson-waiting){box-sizing:border-box;gap:var(--space-inline);width:max-content;max-width:calc(100vw - 112px);height:auto;min-height:0;padding:var(--space-inline) var(--space-row-inline);border-radius:var(--radius-panel);grid-template-columns:auto minmax(0,1fr) auto auto auto auto;display:grid}.live-lesson-footer .live-student-selector{min-width:0;height:60px;max-width:230px!important}.live-lesson-footer .live-student-avatars{gap:var(--space-inline);min-width:0;max-width:100%;overflow:auto hidden}.live-lesson-footer .live-lesson-status{gap:var(--space-1);min-width:0;max-width:190px}.live-lesson-footer .live-lesson-status strong{white-space:nowrap}.live-lesson-footer .live-area-switch{gap:var(--space-inline);border:0;padding:0}.live-lesson-footer .live-area-switch>span{display:none}.live-lesson-footer .live-visit,.live-lesson-footer .live-call{box-sizing:border-box;min-width:0;min-height:var(--size-control);font-size:var(--font-size-13);justify-content:center;padding:var(--space-inline) var(--space-row-inline)!important}.live-lesson-footer .live-area-options summary{box-sizing:border-box;width:var(--size-control-compact);height:var(--size-control-compact);justify-content:center;align-items:center;padding:0}.live-lesson-footer .live-area-options summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=1023px){.live-lesson-footer:not(.live-lesson-waiting){max-width:calc(100vw - 24px)}}@media (width<=600px){.live-lesson-footer:not(.live-lesson-waiting){grid-template-columns:var(--size-control) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"students status options""area visit call";width:calc(100vw - 24px)}.live-lesson-footer .live-student-selector{grid-area:students;max-width:76px!important}.live-lesson-footer .live-lesson-status{grid-area:status;max-width:none}.live-lesson-footer .live-area-options{grid-area:options;justify-self:end}.live-lesson-footer .live-area-switch{grid-area:area;justify-content:center}.live-lesson-footer .live-area-switch>svg{display:none}.live-lesson-footer .live-visit-picker{grid-area:visit}.live-lesson-footer .live-visit,.live-lesson-footer .live-call{gap:var(--space-1);width:100%;padding:var(--space-inline) var(--space-1)!important}.live-lesson-footer .live-call{grid-area:call}.live-lesson-footer .live-visit>svg,.live-lesson-footer .live-call>svg{display:none}.live-lesson-footer .live-lesson-status{padding-left:var(--space-6);padding-right:calc(var(--size-control-compact) + var(--space-inline));grid-column:2/4}.live-lesson-footer .live-lesson-status strong{font-size:var(--font-size-12)}.live-lesson-footer .live-lesson-status small{max-width:100%}}.student-profile .class-profile-heading{gap:var(--space-section);flex-wrap:wrap}.student-profile-progress{align-items:center;gap:var(--space-section);margin-left:auto;display:flex}.student-profile-chart{border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid}.student-profile-chart>span{background:var(--color-surface);width:66px;height:66px;font-weight:650;font-size:var(--font-size-24);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.student-profile-chart small{font-size:var(--font-size-12);font-weight:400}.student-profile-progress>div>small{gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-12);align-items:center;display:flex}.student-profile-progress i{border-radius:50%;width:7px;height:7px;display:inline-block}.student-profile .student-profile-actions{gap:var(--space-inline);flex-wrap:wrap;flex-basis:100%;justify-content:flex-end;margin:0;display:flex}.student-profile-classes article{justify-content:space-between;align-items:center;gap:var(--space-section);padding:var(--space-card) 0;border-bottom:1px solid var(--color-border);display:flex}.student-profile-classes article:last-child{border-bottom:0}.student-profile-classes p{margin:var(--space-2) 0;color:var(--color-text-muted)}@media (width<=700px){.student-profile-progress{flex-basis:100%;margin-left:0}.student-profile .student-profile-actions{justify-content:flex-start}.student-profile-classes article{flex-wrap:wrap}}.student-profile .class-profile-heading{padding:var(--space-card) 0 var(--space-card);align-items:center;gap:var(--space-section);margin-bottom:0}.student-profile .student-profile-identity{flex:1;min-width:0}.student-profile-name{align-items:center;gap:var(--space-3);display:flex}.student-profile-name h1{margin:0}.student-profile-edit{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-muted);font-size:var(--font-size-24);cursor:pointer}.student-profile-edit:hover{background:var(--color-surface-subtle);color:var(--color-link)}.student-profile-identity>small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-12);display:block}.student-profile .student-profile-actions{justify-content:flex-end;gap:var(--space-inline);flex-basis:auto;margin-left:auto}.student-profile .student-profile-actions .button{font-size:var(--font-size-13);min-height:var(--size-control);padding:var(--space-2) var(--space-3)}.student-learning-summary{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:26px;padding:24px 0 30px;display:grid}.student-learning-summary>div{border-left:2px solid var(--color-border);flex-direction:column;gap:10px;padding-left:16px;display:flex}.student-learning-summary span{color:var(--color-text-muted);font-size:13px}.student-learning-summary strong{color:var(--color-text);font-size:22px;font-weight:600;line-height:1.25}.student-learning-summary em{font-size:14px;font-style:normal;font-weight:400}.student-learning-summary small{color:var(--color-text-muted);font-size:12px;line-height:1.5}.student-profile-edit:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (width<=1000px){.student-profile .student-profile-actions{flex-basis:100%;justify-content:flex-start;margin-left:0}.student-learning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.student-profile-name h1{font-size:var(--font-size-24)}.student-learning-summary{gap:24px 12px}.student-learning-summary strong{font-size:18px}.student-profile .student-profile-actions .button{white-space:normal;flex:1}}.live-visit-picker{flex-shrink:0;position:relative}.live-visit-menu{max-height:min(440px,65vh);left:auto;right:0;overflow:auto}.live-visit-menu section{border-top:1px solid var(--color-border);gap:5px;padding-top:10px;display:grid}.live-visit-menu section>strong{color:var(--color-text-muted);font-size:13px}.live-visit-menu .live-device-select{background:var(--color-surface-subtle);border-radius:9px}.live-visit-menu .live-device-select:hover{background:var(--color-surface-subtle)}.quiz-question-image{object-fit:contain;width:min(100%,240px);max-height:200px;margin-block:var(--space-inline);border-radius:8px;display:block}.quiz-block:has(.quiz-question-image) .quiz-question{margin:0 0 var(--space-section);padding:var(--space-card)}.self-assessment-quiz{align-items:start;gap:var(--space-section);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.self-assessment-quiz>.exercise-heading{grid-column:1/-1}.self-assessment-quiz.quiz-block .quiz-question{min-width:0;margin:0}@media (width<=640px){.self-assessment-quiz{gap:var(--space-list);grid-template-columns:minmax(0,1fr)}}.live-area-options-trigger{width:var(--size-control-compact);height:var(--size-control-compact);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);cursor:pointer;place-items:center;padding:0;display:grid}.live-area-options-trigger:hover,.live-area-options-trigger[aria-expanded=true]{background:var(--color-surface-subtle)}.live-area-options-panel{z-index:50;box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 16%,transparent);position:fixed}.live-area-option-row{align-items:center;gap:var(--space-inline);width:100%;min-height:var(--size-control-touch);padding:var(--space-inline) var(--space-row-inline);border-radius:var(--radius-control);color:var(--color-text);font:inherit;font-size:var(--font-size-13);text-align:left;cursor:pointer;background:0 0;border:0;line-height:1.4;display:flex}.live-area-option-row>svg{color:var(--color-text-muted);flex:none}.live-area-option-row>span:first-of-type{flex:1;min-width:0}.live-area-option-row:hover{background:var(--color-surface-subtle)}.live-area-option-row:disabled{opacity:.5;cursor:default}.live-area-options-trigger:focus-visible,.live-area-option-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.live-area-option-toggle{box-sizing:border-box;border-radius:var(--radius-dialog);width:32px;height:20px;padding:var(--space-1);background:var(--color-border);flex:none;align-items:center;display:flex}.live-area-option-toggle:after{content:"";background:var(--color-surface);border-radius:50%;width:12px;height:12px}[aria-checked=true]>.live-area-option-toggle{background:var(--color-accent);justify-content:flex-end}.activity-list,.activity-order{gap:12px;display:grid}.activity-row{grid-template-columns:minmax(0,1fr) minmax(140px,1fr);align-items:center;gap:16px;display:grid}.activity-item{overflow-wrap:anywhere;align-items:center;gap:12px;display:flex}.activity-item-image{object-fit:contain;border-radius:8px;width:88px;height:72px}.activity-bank{background:var(--color-surface);border-radius:12px;flex-wrap:wrap;gap:16px;padding:12px;display:flex}.activity-order{padding-left:28px}.activity-order li{border:1px solid var(--color-border);border-radius:10px;padding:12px}.activity-order li::marker{font-weight:600}.activity-order li>.activity-item{max-width:80%;display:inline-flex}.activity-actions{float:right;gap:8px;display:flex}.activity-actions button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;min-width:36px;min-height:36px}.activity-actions button:disabled{opacity:.35;cursor:default}.activity-hint{color:var(--color-text-muted);font-size:14px}.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.vocabulary-card{border:1px solid var(--color-border);border-radius:12px;padding:16px}.vocabulary-card summary{cursor:pointer}.vocabulary-card summary>span{color:var(--color-text-muted);margin-top:8px;font-size:12px;display:block}.vocabulary-example{font-style:italic}.activity-embed iframe{border:1px solid var(--color-border);border-radius:12px;width:100%;min-height:420px;margin-bottom:12px;display:block}.activity-divider{color:var(--color-text-muted);align-items:center;gap:16px;margin:28px 0;display:flex}.activity-divider:before,.activity-divider:after{content:"";background:var(--color-surface-subtle);flex:1;height:1px}.lesson-media video{border-radius:12px;max-width:100%}.audio-recorder{gap:12px;display:grid}.audio-recorder audio{max-width:100%}@media (width<=540px){.activity-row{grid-template-columns:1fr}.activity-embed iframe{min-height:300px}}.category-activity{gap:16px;display:grid}.category-activity>.activity-hint{margin:0}.category-bank,.category-column{border:1px dashed var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;padding:16px;transition:background .15s,border-color .15s}.category-bank h4,.category-column h4{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:15px;display:flex}.category-bank h4>span,.category-column h4>span{background:var(--color-surface-subtle);min-width:24px;height:24px;color:var(--color-text-muted);border-radius:12px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.category-columns{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px;display:grid}.category-column{background:var(--color-surface);border-style:solid;min-height:190px}.category-bank-items,.category-column-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.category-bank-items{grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr))}.category-card{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent);border-radius:10px;padding:12px}.category-card[draggable=true]{cursor:grab}.category-card[draggable=true]:active{cursor:grabbing}.category-card>.activity-item{margin:0}.category-drag-handle{color:var(--color-text-muted);margin-left:auto;font-size:22px}.category-card-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:inherit;background:0 0;border:0;padding:0}.category-card-button:disabled{opacity:1}.category-card.is-selected{border-color:var(--color-info-border);background:var(--color-surface-selected);outline:2px solid var(--color-info-border);outline-offset:2px}.category-target-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.category-target-button:disabled{cursor:default}.category-target-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.category-placeholder{color:var(--color-text-muted);text-align:center;margin:18px 0;font-size:13px;line-height:1.6}.category-progress{color:var(--color-text-muted);margin:0;font-size:12px}.category-activity .is-drop-target{background:var(--color-surface);border-color:var(--color-info-border)}.category-card:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.category-bank,.category-column{transition:none}}.matching-activity{gap:14px;display:grid}.matching-activity>.activity-hint{margin:0}.matching-columns{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.matching-targets,.matching-bank{gap:12px;display:grid}.matching-target{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:10px;padding:14px;display:grid}.matching-answer{border:1px dashed var(--color-border);background:var(--color-surface);border-radius:8px;min-height:44px;padding:10px}.matching-placeholder{color:var(--color-text-muted);font-size:12px}.matching-option{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:14px}.matching-option[draggable=true]{cursor:grab}.matching-option.is-matched{border-color:var(--color-border);background:var(--color-surface)}.matching-used{color:var(--color-success);margin-top:7px;font-size:11px;display:block}.matching-target.is-drop-target{border-color:var(--color-info-border);background:var(--color-surface)}.matching-target:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=450px){.matching-columns{gap:10px}.matching-target,.matching-option{padding:10px}.matching-columns .activity-item{flex-wrap:wrap}.matching-columns .activity-item-image{max-width:100%}}.ordering-activity{gap:18px;display:grid}.ordering-activity>.activity-hint{margin:0}.ordering-group{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;min-width:0;padding:14px}.ordering-group h4{margin:0 0 14px;font-size:15px}.ordering-group .activity-order{margin:0}.ordering-group .activity-order li{background:var(--color-surface)}.ordering-group .activity-order li.is-drop-target{background:var(--color-surface);border-color:var(--color-info-border)}.ordering-mode-words .activity-order,.ordering-mode-letters .activity-order{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.ordering-mode-words .activity-order li,.ordering-mode-letters .activity-order li{flex-direction:column;align-items:center;gap:10px;min-width:74px;max-width:100%;padding:12px;display:flex}.ordering-mode-words .activity-order li>.activity-item,.ordering-mode-letters .activity-order li>.activity-item{max-width:100%}.ordering-mode-letters .activity-item{font-size:22px;font-weight:600}.ordering-group .activity-actions{float:none}.ordering-mode-text .activity-order li{justify-content:space-between;align-items:center;gap:12px;display:flex}.ordering-group li[draggable=true]{cursor:grab}.ordering-group li[draggable=true]:active{cursor:grabbing}.ordering-group .activity-actions button{min-width:32px;min-height:32px}.gap-drop-target{vertical-align:baseline;border:1.5px dashed var(--color-border);background:var(--color-surface);min-width:140px;min-height:40px;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin:3px 5px;padding:6px 12px;font-size:.9em;display:inline-flex}.gap-drop-target.filled{border-style:solid;border-color:var(--color-info-border);background:var(--color-surface-subtle);color:var(--color-link)}.gap-drop-target.ready{border-color:var(--color-info-border);background:var(--color-surface)}.gap-drop-target:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.gap-drop-target:disabled{opacity:1;cursor:default}.word-bank .word-chip[aria-pressed=true]{outline:2px solid var(--color-info-border);background:var(--color-surface-selected)}.matching-activity button.matching-answer{width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;justify-content:space-between;align-items:center;gap:12px;display:flex}.matching-activity button.matching-option{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer}.matching-activity .matching-option.is-selected{border-color:var(--color-info-border);background:var(--color-surface-selected);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 14.9%,transparent)}.matching-activity .matching-answer.has-pair{background:var(--color-surface);border-style:solid;border-color:var(--color-info-border)}.matching-activity button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.pair-link-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px 48px;display:grid;position:relative}.pair-link-column{grid-row:1 / span var(--pair-row-count,1);grid-template-rows:subgrid;gap:14px;min-width:0;display:grid}.pair-link-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pair-link-lines path{fill:none;stroke-width:2px}.pair-link-card{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:68px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere;border-radius:12px;align-items:center;gap:8px;padding:14px;display:flex;position:relative}.pair-link-card>.pair-link-text{flex:1;min-width:0}.pair-link-card.is-linked{border-color:var(--pair-color);background:color-mix(in srgb,var(--pair-color) 7%,var(--color-surface))}.pair-link-card.is-active{border-color:var(--color-info-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 14.12%,transparent);background:var(--color-surface-selected)}.pair-link-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.pair-link-card:disabled{cursor:default}.pair-number{background:var(--pair-color);width:22px;min-width:22px;height:22px;color:var(--color-text-inverse);border-radius:50%;flex:0 0 22px;place-items:center;margin-left:auto;font-size:12px;display:grid}.pair-link-card .activity-item-image{object-fit:contain;max-width:70px;max-height:70px}@media (width<=600px){.pair-link-board{column-gap:30px}.pair-link-card{padding:10px;font-size:14px}}.pair-link-card:not(:disabled){touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.pair-link-card:not(:disabled):active{cursor:grabbing}.pair-link-card.is-drop-target{border-color:var(--color-info-border);background:var(--color-surface-subtle);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 14.12%,transparent)}.pair-link-lines .pair-drag-line{stroke-width:3px;stroke-dasharray:5 4}.matching-help{color:var(--color-text-muted);margin:0 0 14px;font-size:13px}.matching-help summary{cursor:pointer;color:var(--color-link)}.matching-help .activity-hint{background:var(--color-surface);border-radius:8px;margin:8px 0;padding:10px 12px}.vocabulary-card .vocabulary-hide-label,.vocabulary-card[open]>summary>.vocabulary-show-label{display:none}.vocabulary-card[open]>summary>.vocabulary-hide-label{display:block}.vocabulary-translation>summary{color:var(--color-text-muted);cursor:pointer;font-size:12px}.vocabulary-translation[open]>summary>.vocabulary-show-label{display:none}.vocabulary-translation[open]>summary>.vocabulary-hide-label{display:inline}.vocabulary-translation p{color:inherit}.lesson-content-column:not(.choosing-call-target) .teacher-editor-card .activity-embed,.teacher-lesson-view:not(.choosing-call-target) .teacher-editor-card .activity-embed{pointer-events:auto}.shared-video-frame{aspect-ratio:16/9;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;margin-bottom:12px;overflow:hidden}.shared-video-host,.shared-video-host iframe{width:100%;height:100%;border:0!important;min-height:0!important;margin:0!important}.synchronized-video[data-video-role=student] .shared-video-host:not(.awaiting-consent),.synchronized-video[data-video-role=student] .shared-video-host:not(.awaiting-consent) iframe{pointer-events:none}.shared-video-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.shared-video-placeholder>span{color:var(--color-link);font-size:32px}.shared-video-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.shared-video-controls label{align-items:center;gap:8px;display:flex}.shared-video-controls input{border:1px solid var(--color-border);border-radius:8px;width:90px;padding:8px}.synchronized-video>p{color:var(--color-text-muted);font-size:14px}.shared-video-frame{position:relative}.shared-video-start{background:var(--color-accent);width:72px;height:72px;color:var(--color-on-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0 0 0 5px;font-size:30px;display:grid}.shared-video-start:hover{background:var(--color-accent)}.shared-video-start:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.shared-video-consent{z-index:2000;box-sizing:border-box;background:var(--color-media);width:min(520px,100vw - 32px);color:var(--color-media-text);text-align:center;box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.shared-video-consent p{margin:0;font-size:18px;font-weight:500}.pair-link-card.is-image-only{justify-content:center}.pair-link-card.is-image-only .activity-item-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:120px}.pair-link-card.is-image-only .pair-number{position:absolute;top:10px;right:10px}.pair-link-card.is-image-only .pair-verdict{position:absolute;bottom:10px;right:10px}.pair-link-card.is-dragging{border-color:var(--color-info-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 14.12%,transparent);cursor:grabbing}.pair-link-card .activity-item-image{pointer-events:none;-webkit-user-select:none;user-select:none}.standard-exercise-picker{width:min(1080px,100vw - 32px)}.standard-exercise-picker .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.standard-exercise-card{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;color:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:14px;transition:box-shadow .16s,border-color .16s;display:flex}.standard-exercise-card:hover{border-color:var(--color-teal-border);box-shadow:0 5px 18px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent)}.standard-exercise-card strong{font-size:15px;line-height:1.4}.standard-exercise-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.ordering-author-row{align-items:center;gap:8px;display:flex}.ordering-author-row .field-label{flex:1;min-width:0}.exercise-image-preview{object-fit:contain;border-radius:10px;max-width:200px;max-height:150px}@media (width<=700px){.standard-exercise-picker .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.standard-exercise-card{padding:10px}.standard-exercise-card strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.standard-exercise-card{transition:none}}.block-menu-popover button{align-items:center;gap:10px;display:flex}.block-menu-popover button svg{color:var(--color-text-muted);flex:none}.lesson-workspace,.standard-exercise-picker,.exercise-native-dialog{color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lesson-workspace .lesson-editor-columns{gap:24px;max-width:1280px;margin-inline:auto}.lesson-workspace .lesson-editor-main{--lesson-block-inset:40px;border:1px solid var(--color-border);box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow-color) 6.27%,transparent);border-radius:24px;padding:28px 40px 36px}.lesson-workspace .lesson-main-heading h1{letter-spacing:-1px;color:var(--color-text);font-size:30px;font-weight:650;line-height:1.2}.lesson-workspace .lesson-block{padding:18px 0 24px}.lesson-workspace .lesson-block-toolbar{flex-wrap:nowrap;align-items:flex-start;gap:10px;min-height:36px;margin:0 0 16px;display:flex;position:relative;inset:auto}.lesson-block-toolbar .block-menu{flex:none;margin-left:0}.lesson-workspace .lesson-block-toolbar .icon-button{background:var(--color-surface);width:36px;height:36px;color:var(--color-text);border:0;border-radius:10px}.exercise-auto-number{background:var(--color-surface);width:32px;height:32px;color:var(--color-link);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:700;display:inline-grid}.lesson-workspace .public-block .block-number{display:none}.lesson-workspace .public-block h3{letter-spacing:-.4px;color:var(--color-text);font-size:21px;font-weight:650;line-height:1.35}.lesson-workspace .public-block{color:var(--color-text);font-size:17px;line-height:1.65}.lesson-workspace .lesson-sections-panel{border:1px solid var(--color-border);box-shadow:none;border-radius:20px;padding:22px}.lesson-workspace .lesson-sections-panel h2{letter-spacing:-.2px;color:var(--color-text);font-size:17px}.lesson-workspace .section-link.active{background:var(--color-surface-selected);color:var(--color-link);border-left:0;border-radius:10px}.lesson-workspace .section-link button{padding:12px 8px;font-size:15px}.lesson-workspace .lesson-actions{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 85.1%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;gap:10px;margin-bottom:24px;padding:14px 18px}.lesson-workspace .button,.exercise-native-dialog .button{min-height:40px;box-shadow:none;border-radius:11px;font-size:14px;font-weight:600}.lesson-workspace .button.primary,.exercise-native-dialog .button.primary{background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-info-border)}.lesson-workspace .button.secondary,.exercise-native-dialog .button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid #0000}.lesson-workspace .lesson-title-input{font-size:18px;font-weight:600}.lesson-workspace .class-editor-context{background:0 0;gap:16px;padding:4px 0 18px}.lesson-workspace .exercise-insert button{background:var(--color-surface);width:32px;height:32px;color:var(--color-link);border:1px solid var(--color-border);box-shadow:none}.lesson-workspace .add-exercise-bottom{border:1px dashed var(--color-border);background:var(--color-surface);color:var(--color-link);border-radius:12px;padding:15px;font-size:15px}.standard-exercise-picker{border:1px solid color-mix(in srgb,var(--color-border) 62.75%,transparent);background:var(--color-surface);width:min(980px,100vw - 40px);box-shadow:0 32px 100px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent);border-radius:26px}.standard-exercise-picker::backdrop,.exercise-native-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 31.37%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.standard-exercise-picker>header{background:color-mix(in srgb,var(--color-surface) 92.94%,transparent);border-bottom:1px solid var(--color-border);padding:24px 28px}.standard-exercise-picker h2{letter-spacing:-.7px;color:var(--color-text);font-size:25px;font-weight:650}.standard-exercise-picker .template-picker-body{padding:8px 28px 30px}.exercise-picker-group{padding-top:26px}.exercise-group-heading{margin-bottom:14px}.exercise-group-heading h3{letter-spacing:-.3px;color:var(--color-text);margin:0 0 5px;font-size:17px;font-weight:650}.exercise-group-heading p{color:var(--color-text);margin:0;font-size:13px;line-height:1.5}.standard-exercise-picker .template-grid{gap:12px}.standard-exercise-picker .standard-exercise-card{border:1px solid var(--color-border);min-height:100px;box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow-color) 1.57%,transparent);background:var(--color-surface);border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.standard-exercise-picker .standard-exercise-card:hover{border-color:var(--color-info-border);box-shadow:0 6px 18px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent);transform:translateY(-2px)}.standard-exercise-picker .standard-exercise-card:active{background:var(--color-surface-selected);transform:scale(.98)}.standard-exercise-card strong{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.45}.exercise-icon-tile{background:linear-gradient(145deg,var(--color-surface),var(--color-surface));width:76px;height:70px;box-shadow:inset 0 1px 1px var(--color-shadow-color),0 2px 4px color-mix(in srgb,var(--color-shadow-color) 3.14%,transparent);border-radius:15px;flex:none;place-items:center;display:grid}.exercise-icon-tile .exercise-illustration{width:74px;height:58px;min-height:0;filter:drop-shadow(0 2px 1px color-mix(in srgb,var(--color-surface-subtle) 4.71%,transparent))}.exercise-icon-tile .exercise-illustration__cyan{fill:var(--color-text-muted);stroke:var(--color-teal)}.exercise-icon-tile .exercise-illustration__lavender{fill:var(--color-text-muted);stroke:var(--color-text-muted)}.exercise-icon-tile .exercise-illustration__ink,.exercise-icon-tile .exercise-illustration__outline{stroke:var(--color-text-muted)}.exercise-icon-tile .exercise-illustration__sun{fill:var(--color-warning)}.exercise-native-dialog{border:1px solid var(--color-border);width:min(800px,100vw - 32px);box-shadow:0 32px 100px color-mix(in srgb,var(--color-shadow-color) 18.82%,transparent);border-radius:24px}.exercise-native-dialog>header{border-bottom:0;padding:20px 28px 12px}.exercise-native-dialog h2{letter-spacing:-.65px;font-size:24px;font-weight:650}.exercise-native-dialog .exercise-dialog-body{padding:0 28px 28px}.exercise-native-dialog .exercise-dialog-tabs{border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;gap:24px;margin:0 0 24px;padding:0}.exercise-native-dialog .exercise-dialog-tabs button{color:var(--color-text-muted);cursor:pointer;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.exercise-native-dialog .exercise-dialog-tabs button.active{color:var(--color-link);border-bottom-color:var(--color-info-border);box-shadow:none;background:0 0}.exercise-native-dialog .exercise-dialog-tabs button:hover{color:var(--color-link)}.exercise-native-dialog>header h2{letter-spacing:-.6px;font-size:22px;font-weight:650}.exercise-native-dialog>header .icon-button{background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%}.exercise-native-dialog .field-label{color:var(--color-text);gap:8px;font-size:14px;font-weight:600;line-height:1.5}.exercise-native-dialog .field{border:1px solid var(--color-border);background:var(--color-surface-input);min-height:44px;color:var(--color-text);border-radius:10px;padding:10px 12px;font-size:15px}.exercise-native-dialog .field:focus{outline:3px solid color-mix(in srgb,var(--color-focus) 14.12%,transparent);border-color:var(--color-focus)}.exercise-native-dialog .field-config{background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:14px;padding:18px}.exercise-native-dialog .document-editable{min-height:140px;padding:16px;font-size:17px;line-height:1.65}.exercise-native-dialog>footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:18px 28px}.gap-mode-picker{border:0;margin:0;padding:0}.gap-mode-picker legend{margin-bottom:10px;font-size:14px;font-weight:600}.gap-mode-picker>div{background:var(--color-surface);border-radius:13px;gap:5px;padding:5px;display:flex}.gap-mode-picker button{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:11px 8px;font-size:13px}.gap-mode-picker button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link);box-shadow:0 2px 5px color-mix(in srgb,var(--color-shadow-color) 7.84%,transparent);font-weight:600}.gap-mode-picker p{color:var(--color-text-muted);font-size:12px;line-height:1.5}@media (width<=760px){.standard-exercise-picker .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standard-exercise-picker .standard-exercise-card{flex-direction:column;align-items:flex-start}.lesson-workspace .lesson-editor-main{--lesson-block-inset:22px;padding:22px}.lesson-workspace .lesson-actions{padding:12px}.exercise-native-dialog .exercise-dialog-body{padding:16px}.gap-mode-picker>div{flex-wrap:wrap}.gap-mode-picker button{min-width:120px}}@media (prefers-reduced-motion:reduce){.standard-exercise-picker .standard-exercise-card{transition:none;transform:none}}.exercise-native-dialog .structured-fields>.form-grid .field{width:100%}.exercise-native-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-native-dialog .structured-fields>.form-grid{grid-template-columns:minmax(0,1fr)}.exercise-native-dialog .field-label,.exercise-native-dialog .option-editor-row,.exercise-native-dialog .field-config{min-width:0}.exercise-native-dialog .field{box-sizing:border-box;width:100%;min-width:0}.exercise-native-dialog .option-editor-row>.field-label{flex:1}.exercise-native-dialog .exercise-dialog-tabs button{justify-content:center;align-items:center;gap:6px;display:flex}.bulk-gap-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;gap:12px;margin-top:12px;padding:16px;display:grid}.exercise-live-preview{border:1px solid var(--color-border);border-radius:14px;padding:20px}@media (width<=600px){.exercise-native-dialog .form-grid{grid-template-columns:minmax(0,1fr)}.exercise-native-dialog .exercise-dialog-tabs{flex-wrap:wrap}}.exercise-native-dialog .gap-text-editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;overflow:hidden}.exercise-native-dialog .gap-text-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.exercise-native-dialog .gap-text-heading button{align-items:center;gap:8px;display:inline-flex}.exercise-native-dialog .gap-inline-mode{color:var(--color-text);flex-wrap:wrap;align-items:center;gap:16px;padding:0 18px 16px;font-size:14px;display:flex}.exercise-native-dialog .gap-inline-mode select{flex:1;width:auto;min-width:190px;max-width:300px}.exercise-native-dialog .gap-source{min-height:240px;font:inherit;resize:vertical;border-width:1px 0;border-radius:0;padding:20px;line-height:1.8}.exercise-native-dialog .gap-text-preview{border-block:1px solid var(--color-border);min-height:240px;padding:20px;line-height:2}.exercise-native-dialog .gap-text-preview p{white-space:pre-wrap;overflow-wrap:anywhere;min-height:2em;margin:0 0 8px}.exercise-native-dialog .gap-placeholder{border:1px solid var(--color-teal-border);background:var(--color-surface);color:var(--color-teal);border-radius:6px;padding:0 9px;font-size:.9em;display:inline-block}.exercise-native-dialog .gap-syntax-help{color:var(--color-text);padding:16px 18px;font-size:14px;line-height:1.6}.exercise-native-dialog .gap-syntax-help summary{cursor:pointer;color:var(--color-link)}.exercise-native-dialog .gap-view-switch{background:var(--color-surface);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.exercise-native-dialog .gap-view-switch button{color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px}.exercise-native-dialog .visual-gap-toolbar{background:var(--color-surface);color:var(--color-text);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 18px;font-size:13px;display:flex}.exercise-native-dialog .visual-gap-chip{vertical-align:baseline;background:var(--color-surface);border:1px solid var(--color-teal-border);border-radius:7px;align-items:center;max-width:100%;margin:2px 4px;padding:2px 6px;display:inline-flex}.exercise-native-dialog .visual-gap-chip input{font:inherit;color:var(--color-teal);background:0 0;border:0;min-width:6ch;max-width:100%;padding:2px}.exercise-native-dialog .visual-gap-chip button{color:var(--color-teal);cursor:pointer;background:0 0;border:0;padding:2px 5px}.exercise-native-dialog .gap-type-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px;display:grid}.exercise-native-dialog .gap-type-cards>button{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;min-width:0;color:var(--color-text);border-radius:12px;padding:12px}.exercise-native-dialog .gap-type-cards>button[aria-pressed=true]{border-color:var(--color-info-border);background:var(--color-surface-selected);box-shadow:0 0 0 1px var(--color-shadow-color)}.exercise-native-dialog .gap-type-cards strong{margin-top:10px;font-size:13px;font-weight:600;display:block}.exercise-native-dialog .gap-type-example{background:var(--color-surface);color:var(--color-link);border-radius:6px;padding:8px;font-size:12px;display:block}.exercise-native-dialog .gap-type-example.drag{border:1px dashed var(--color-border)}.exercise-native-dialog .gap-student-preview{border-block:1px solid var(--color-border);min-height:240px;padding:20px}.exercise-native-dialog .visual-gap-chip.input{background:var(--color-surface-input);border-color:var(--color-border);border-radius:5px}.exercise-native-dialog .visual-gap-chip.select{background:var(--color-surface);border-color:var(--color-border)}.exercise-native-dialog .visual-gap-chip.drag{background:var(--color-surface);border-style:dashed;border-color:var(--color-border)}.exercise-native-dialog .visual-gap-trigger{white-space:normal;text-align:left;font:inherit!important}.exercise-native-dialog .visual-gap-chip [hidden]{display:none!important}.exercise-native-dialog .visual-word-bank{flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.exercise-native-dialog .visual-word-bank span{background:var(--color-surface);color:var(--color-link);border-radius:7px;padding:4px 10px;font-size:14px}@media (width<=600px){.exercise-native-dialog .gap-type-cards{grid-template-columns:1fr}.exercise-native-dialog .gap-type-cards>button{align-items:center;gap:12px;display:flex}.exercise-native-dialog .gap-type-cards strong{margin:0}}.exercise-native-dialog .gap-type-section h3{color:var(--color-text);margin:0 0 12px;font-size:14px;font-weight:600}.exercise-native-dialog .gap-type-section .gap-type-cards{gap:12px;padding:0}.exercise-native-dialog .gap-type-section .gap-type-cards>button{border-radius:14px;padding:15px;transition:background .15s,border-color .15s;position:relative}.exercise-native-dialog .gap-type-section .gap-type-cards>button:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.exercise-native-dialog .gap-type-section .gap-type-cards>button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-info-border);box-shadow:0 0 0 1px var(--color-shadow-color)}.exercise-native-dialog .gap-type-section .gap-type-cards>button[aria-pressed=true]:after{content:"✓";color:var(--color-link);font-size:14px;position:absolute;top:8px;right:10px}.exercise-native-dialog .gap-type-section .gap-type-example{background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:9px;padding:0;display:flex}.exercise-native-dialog .gap-card-sentence{color:var(--color-text-muted);font-size:11px}.exercise-native-dialog .gap-card-sample{background:var(--color-surface);border:1px solid var(--color-border);min-width:90px;color:var(--color-text);border-radius:6px;padding:6px 9px;font-size:12px}.exercise-native-dialog .gap-type-example.input .gap-card-sample{color:var(--color-text-muted)}.exercise-native-dialog .gap-type-example.drag .gap-card-sample{background:var(--color-surface);border-style:dashed}.exercise-native-dialog .gap-type-section .gap-type-cards strong{margin-top:13px}@media (prefers-reduced-motion:reduce){.exercise-native-dialog .gap-type-section .gap-type-cards>button{transition:none}}.exercise-native-dialog{box-sizing:border-box;height:min(900px,100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}.exercise-native-dialog>header,.exercise-native-dialog>footer{flex:none}.exercise-native-dialog .exercise-dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.exercise-native-dialog .exercise-dialog-tabs{z-index:2;background:var(--color-surface);position:sticky;top:0}@media (width<=600px){.exercise-native-dialog{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}}.exercise-visibility-control{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.exercise-visibility-control span{gap:4px;display:grid}.exercise-visibility-control small{color:var(--color-text-muted);font-size:12px}.exercise-visibility-control[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-warning-border);color:var(--color-warning)}.exercise-visibility-eye{margin-left:auto!important}.exercise-visibility-eye[aria-pressed=true]{color:var(--color-warning);background:var(--color-surface-selected)}.universal-exercise-editor .exercise-visual-content{padding:20px}.universal-exercise-editor [hidden]{display:none!important}.universal-exercise-editor .gap-source{min-height:340px}.universal-exercise-editor>.error-text{padding:0 20px 16px}.universal-exercise-editor .gap-text-heading{flex-wrap:wrap;gap:12px}.exercise-type-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.exercise-type-summary>div{gap:4px;display:grid}.exercise-type-summary span{color:var(--color-text-muted);font-size:12px}.exercise-type-summary strong{color:var(--color-text);font-size:15px}.gap-type-section .gap-type-cards{margin-top:12px}.exercise-source-fields{gap:18px;padding:20px;display:grid}.exercise-source-fields textarea.exercise-source-body{min-height:280px}.exercise-source-fields textarea.exercise-source-setting{resize:vertical;min-height:48px}.section-title-input{width:100%;min-width:0;font:inherit;letter-spacing:-.025em;color:inherit;border:0;border-bottom:2px solid var(--color-info-border);background:0 0;border-radius:0;outline:none;padding:4px 0;font-size:clamp(24px,3vw,36px);font-weight:650}.exercise-native-dialog .exercise-dialog-tabs{align-items:center;gap:20px;margin-bottom:18px;display:flex}.exercise-native-dialog .exercise-dialog-tabs .exercise-visibility-control{background:var(--color-surface);width:auto;min-height:32px;color:var(--color-text);white-space:nowrap;border:0;border-radius:8px;flex:none;gap:6px;margin:0 0 0 auto;padding:6px 10px;font-size:12px;font-weight:500}.exercise-native-dialog .exercise-dialog-tabs .exercise-visibility-control[aria-pressed=true]{color:var(--color-warning);background:var(--color-surface-selected)}.exercise-native-dialog .exercise-dialog-tabs .exercise-visibility-control:hover{background:var(--color-surface-hover);color:var(--color-text)}.exercise-native-dialog .exercise-dialog-tabs .exercise-visibility-control:active{background:var(--color-surface-selected)}.exercise-native-dialog .gap-text-editor{border:0;border-radius:0;overflow:visible}.exercise-native-dialog .gap-text-heading{gap:12px;padding:0 0 18px}.exercise-native-dialog .editor-content-caption{color:var(--color-text-muted);font-size:13px;font-weight:500}.exercise-native-dialog .gap-view-switch button{min-height:32px;padding:7px 10px;font-size:13px}.exercise-native-dialog .exercise-visual-content,.exercise-native-dialog .exercise-source-fields{padding:0}.exercise-native-dialog .exercise-source-fields{gap:16px}.exercise-native-dialog .exercise-source-fields textarea.exercise-source-body{min-height:180px}.exercise-native-dialog .field-label{gap:6px;font-size:13px;font-weight:500}.exercise-native-dialog .structured-fields{gap:16px}.exercise-native-dialog .field-config{background:var(--color-surface-input);border-color:var(--color-border);border-radius:10px;padding:14px}.exercise-native-dialog .field-config legend{color:var(--color-text-muted);font-size:12px;font-weight:500}.exercise-native-dialog .field-config .form-grid{align-items:start;gap:12px}.exercise-native-dialog .field-config .field-label{margin:0}.exercise-native-dialog .help-text{color:var(--color-text-muted);margin:4px 0 12px;font-size:12px;line-height:1.5}.exercise-native-dialog .gap-syntax-help{padding:12px 0;font-size:12px}.exercise-native-dialog>footer{background:var(--color-surface);padding:14px 28px}.exercise-native-dialog .gap-source,.exercise-native-dialog .gap-text-preview,.exercise-native-dialog .gap-student-preview{border:1px solid var(--color-border);border-radius:10px}.exercise-native-dialog button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 33.33%,transparent);outline-offset:2px}@media (width<=600px){.exercise-native-dialog .exercise-dialog-tabs{flex-wrap:wrap;gap:12px}.exercise-native-dialog .exercise-dialog-tabs>button{font-size:12px}.exercise-native-dialog .gap-text-heading{align-items:flex-start}.exercise-native-dialog .editor-content-caption{display:none}.exercise-native-dialog .gap-view-switch{width:100%}.exercise-native-dialog .gap-view-switch button{flex:1;padding:7px 6px;font-size:12px}}.exercise-native-dialog .field-label+.field-label{margin-top:0}.exercise-native-dialog .exercise-optional-media{color:var(--color-text);margin:10px 0;font-size:12px}.exercise-native-dialog .exercise-optional-media summary{cursor:pointer;padding:5px 0}.exercise-native-dialog .exercise-optional-media[open] .field-label{margin-top:10px}.exercise-native-dialog .matching-pair{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.exercise-native-dialog .matching-pair>.form-grid{grid-column:1/-1}.exercise-native-dialog .matching-pair>.exercise-optional-media{margin:4px 0 0}.exercise-native-dialog .matching-pair>.text-button{width:auto;color:var(--color-danger);align-self:start;margin:0;padding:9px 0;font-size:12px;font-weight:400}.exercise-native-dialog .matching-pair:has(details[open])>.exercise-optional-media{grid-column:1/-1}.exercise-native-dialog{width:min(1160px,100vw - 40px);height:min(860px,100dvh - 40px)}.exercise-native-dialog>header{align-items:center;gap:16px;padding:24px 28px 12px;display:flex}.exercise-native-dialog>header h2{margin-right:auto}.exercise-native-dialog>header .exercise-visibility-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;flex:none;align-items:center;gap:8px;width:auto;margin:0;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.exercise-native-dialog>header .exercise-visibility-control[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-warning)}.exercise-native-dialog .editor-split{border:1px solid var(--color-border);border-radius:14px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:430px;display:grid;overflow:hidden}.exercise-native-dialog .editor-compose{min-width:0;padding:20px}.exercise-native-dialog .editor-student-pane{background:var(--color-surface);border-left:1px solid var(--color-border);overflow-wrap:anywhere;min-width:0;padding:20px}.editor-student-pane>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.editor-student-pane>header>div{align-items:center;gap:10px;display:flex}.editor-student-pane>header span{gap:4px;display:grid}.editor-student-pane>header strong{font-size:14px;font-weight:600}.editor-student-pane>header small,.preview-footnote{color:var(--color-text-muted);font-size:12px}.editor-student-pane>header .text-button{width:auto;color:var(--color-text);align-items:center;gap:5px;padding:4px;font-size:12px;display:flex}.preview-footnote{margin:24px 0 0}.exercise-native-dialog .editor-content-caption{display:none}.exercise-native-dialog .exercise-type-summary{background:0 0;border:0;justify-content:flex-start;gap:18px;padding:4px 0 12px}.exercise-native-dialog .exercise-type-summary>div{align-items:center;gap:14px;display:flex}.exercise-native-dialog .exercise-type-summary span{font-size:13px}.exercise-native-dialog .exercise-type-summary strong{font-size:14px;font-weight:500}.exercise-native-dialog .exercise-type-summary .text-button{width:auto;color:var(--color-link);padding:6px;font-size:13px}.exercise-native-dialog .visual-gap-toolbar{background:0 0;gap:8px;padding:0 0 12px;font-size:11px}.exercise-native-dialog .visual-gap-toolbar .text-button{border:1px solid var(--color-border);width:auto;color:var(--color-link);border-radius:8px;padding:6px 10px;font-size:13px}.exercise-native-dialog .gap-text-preview{border:0;min-height:260px;padding:12px 0;font-size:16px;line-height:2.4}.exercise-native-dialog .gap-source{min-height:280px;padding:14px;font-size:15px}.exercise-native-dialog .editor-student-pane .public-block{background:0 0;border:0;padding:0}.exercise-native-dialog>footer .button.primary{background:var(--color-accent);border-color:var(--color-info-border);color:var(--color-on-accent)}@media (width<=800px){.exercise-native-dialog .editor-split{grid-template-columns:minmax(0,1fr)}.exercise-native-dialog .editor-student-pane{border-left:0;border-top:1px solid var(--color-border)}.exercise-native-dialog>header{flex-wrap:wrap}.exercise-native-dialog>header h2{font-size:18px}.exercise-native-dialog>header .exercise-visibility-control{font-size:11px}}.exercise-native-dialog .editor-inline-title{margin-bottom:16px;font-size:0}.exercise-native-dialog .editor-inline-title .field{letter-spacing:-.5px;border-color:#0000;border-radius:4px;padding:5px 0;font-size:22px;font-weight:650}.exercise-native-dialog .editor-inline-title .field:hover{border-color:var(--color-border)}.exercise-native-dialog .editor-inline-title .field:focus{border-color:var(--color-focus)}.exercise-native-dialog .editor-split.preview-hidden{grid-template-columns:minmax(0,1fr)}.exercise-native-dialog .editor-preview-toggle{border:1px solid var(--color-border);background:var(--color-surface);min-height:32px;color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:12px;display:inline-flex}.exercise-native-dialog .editor-preview-toggle[aria-expanded=true]{background:var(--color-surface);color:var(--color-link);border-color:var(--color-border)}.exercise-native-dialog .editor-preview-toggle:hover{background:var(--color-surface-hover)}.exercise-native-dialog .exercise-metadata{z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 0 4px;position:sticky;top:45px}.exercise-native-dialog .exercise-title-field{color:var(--color-text);margin:0 0 12px;font-size:13px}.exercise-native-dialog .exercise-title-field .field{border:1px solid var(--color-border);padding:10px 12px;font-size:17px;font-weight:600}.exercise-native-dialog .exercise-type-summary{flex-wrap:wrap;gap:8px 16px;padding:0 0 8px}.exercise-native-dialog .exercise-type-summary>div{flex-wrap:wrap;gap:6px 14px;min-width:0}.exercise-native-dialog .exercise-type-summary strong{overflow-wrap:anywhere}@media (width<=600px){.exercise-native-dialog .exercise-metadata{position:static}}.exercise-native-dialog .editor-split{grid-template-rows:auto 1fr}.exercise-native-dialog .editor-shared-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:nowrap;grid-column:1/-1;align-items:center;margin:0;padding:16px 20px;display:flex}.exercise-native-dialog .editor-shared-toolbar .gap-view-switch{flex:none;width:auto}.exercise-native-dialog .editor-shared-toolbar .editor-preview-toggle{flex:none;justify-content:center;width:134px;margin-left:auto}.exercise-native-dialog .preview-bottom-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.exercise-native-dialog .preview-bottom-actions .preview-footnote{margin:0}.exercise-native-dialog .preview-bottom-actions .text-button{width:auto;color:var(--color-text);flex:none;align-items:center;gap:5px;padding:5px 0;font-size:12px;display:inline-flex}@media (width<=600px){.exercise-native-dialog .editor-shared-toolbar{gap:8px;padding:12px}.exercise-native-dialog .editor-shared-toolbar .editor-preview-toggle{width:126px}}.exercise-native-dialog .exercise-title-field{color:var(--color-text);gap:6px;margin-bottom:14px;font-size:13px;font-weight:500;line-height:1.5}.exercise-native-dialog .exercise-title-field .field{letter-spacing:normal;min-height:46px;padding:10px 12px;font-size:16px;font-weight:500;line-height:1.5}.exercise-native-dialog .exercise-type-summary{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 12px;margin-bottom:12px;padding:0;display:grid;position:relative}.exercise-native-dialog .exercise-type-summary>div{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.exercise-native-dialog .exercise-type-summary span{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.5}.exercise-native-dialog .exercise-type-summary strong{color:var(--color-text);box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;min-height:46px;padding:10px 12px;font-size:16px;font-weight:500;line-height:1.5;display:block}.exercise-native-dialog .exercise-type-summary .text-button{border:1px solid var(--color-border);background:var(--color-surface);min-width:102px;height:46px;color:var(--color-link);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.exercise-native-dialog .exercise-type-summary .text-button:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.exercise-native-dialog .exercise-metadata{border:0;padding:0;position:static}.exercise-native-dialog .approved-type-section h3{margin:0 0 8px;font-size:13px;font-weight:500}.approved-type-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.approved-type-cards>button{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;color:var(--color-text);cursor:pointer;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px 12px;padding:16px;display:grid;position:relative}.approved-type-cards>button[aria-pressed=true]{border-color:var(--color-info-border);background:var(--color-surface-selected);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent)}.type-card-copy{gap:4px;padding-right:14px;display:grid}.type-card-copy strong{color:var(--color-text);font-size:14px;font-weight:600}.type-card-copy small{color:var(--color-text);font-size:12px;line-height:1.4}.type-selected-check{box-sizing:content-box;background:var(--color-accent);color:var(--color-on-accent);border-radius:50%;padding:3px;position:absolute;top:10px;right:10px}.type-card-demo{min-height:35px;color:var(--color-text);grid-column:2;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.type-card-demo>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:7px;padding:8px 14px}.type-card-demo .type-demo-input{min-width:140px;color:var(--color-text-muted)}.type-card-demo .type-demo-target{border:1px dashed var(--color-border);box-sizing:border-box;background:0 0;min-width:60px;height:34px}.exercise-native-dialog .editor-split{border:1px solid var(--color-border);border-radius:14px;column-gap:0;overflow:hidden}.exercise-native-dialog .editor-shared-toolbar{border-bottom:1px solid var(--color-border);gap:12px;min-height:72px;padding:16px 20px;position:relative}.exercise-native-dialog .gap-view-switch{background:var(--color-surface);border-radius:10px;gap:0;padding:4px}.exercise-native-dialog .gap-view-switch button{color:var(--color-text);background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:13px}.exercise-native-dialog .gap-view-switch button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent)}.editor-preview-caption{color:var(--color-text);align-items:center;gap:10px;display:flex;position:absolute;left:calc(50% + 20px)}.editor-preview-caption[hidden]{display:none}.editor-preview-caption span{gap:3px;display:grid}.editor-preview-caption strong{font-size:14px;font-weight:600}.editor-preview-caption small{color:var(--color-text-muted);font-size:12px}.exercise-native-dialog .editor-compose{border:0;border-radius:0;padding:20px}.exercise-native-dialog .editor-student-pane{border-left:1px solid var(--color-border);background:var(--color-surface);border-radius:0;padding:20px}@media (width<=800px){.editor-preview-caption{display:none}}.exercise-native-dialog .visual-gap-chip.drag{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px}.exercise-native-dialog .visual-gap-chip input,.exercise-native-dialog .visual-gap-chip button{color:var(--color-link)}.exercise-native-dialog>header .exercise-visibility-control:not([aria-pressed=true]){background:var(--color-surface-selected);color:var(--color-success);border-color:#0000;border-radius:20px}@media (width<=700px){.approved-type-cards{grid-template-columns:1fr}.approved-type-cards>button{padding:12px}.type-card-demo,.editing-mode-label{display:none}.exercise-native-dialog .editor-shared-toolbar{flex-wrap:wrap}.exercise-native-dialog .editor-split{row-gap:12px}}.editor-editing-caption{color:var(--color-text);flex:none;font-size:14px;font-weight:600}.exercise-native-dialog .gap-view-switch button{align-items:center;gap:6px;display:inline-flex}@media (width<=1000px){.editor-preview-caption{display:none}}@media (width<=600px){.editor-editing-caption{font-size:12px}}.exercise-native-dialog .visual-gap-bottom-toolbar{border-top:1px solid var(--color-border);margin-top:8px;padding:8px 0 0}.exercise-native-dialog .visual-gap-bottom-toolbar .text-button{padding:5px 8px;font-size:12px}.matching-pairs-editor{gap:10px;display:grid}.matching-pair-row,.matching-pairs-labels{grid-template-columns:18px minmax(0,1fr) 16px minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.matching-pairs-labels,.matching-row-number{color:var(--color-text-muted);font-size:12px}.matching-item-editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.exercise-native-dialog .matching-item-editor .field{background:0 0;border:0;width:100%;min-width:0;padding:8px 4px;font-size:14px}.matching-item-media{flex:0 0 40px;position:relative}.matching-image-button{background:var(--color-surface);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.matching-image-button img{object-fit:contain;width:100%;height:100%}.matching-image-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.matching-image-button:focus-within{outline:2px solid var(--color-focus)}.matching-remove-image{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;padding:2px;display:flex;position:absolute;top:-5px;right:-5px}.matching-delete-pair{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:5px}.matching-delete-pair:disabled{opacity:.3;cursor:default}.matching-delete-pair:hover:not(:disabled){color:var(--color-danger)}.matching-library-toolbar{justify-content:space-between;align-items:center;display:flex}.matching-image-button{border:1px dashed var(--color-border);padding:0}.matching-image-bank{background:var(--color-surface);color:var(--color-text);border-radius:10px;padding:10px;font-size:12px}.matching-image-bank>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.matching-image-bank button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;padding:3px}.matching-image-bank button[aria-pressed=true]{outline:2px solid var(--color-info-border)}.matching-image-bank img{object-fit:contain;width:46px;height:46px;display:block}.matching-media-dialog{border:1px solid var(--color-border);width:min(560px,90vw);max-height:80vh;box-shadow:0 24px 80px color-mix(in srgb,var(--color-shadow-color) 25.1%,transparent);border-radius:18px;padding:24px;overflow:auto}.matching-media-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 33.33%,transparent)}.matching-media-dialog header{justify-content:space-between;align-items:center;display:flex}.matching-media-dialog header button{background:0 0;border:0}.matching-media-dialog p{color:var(--color-text);font-size:14px}.matching-media-dialog input[type=file]{max-width:100%;font-size:13px}.matching-link-input{gap:8px;margin:16px 0;display:flex}.matching-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.matching-media-grid button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:8px;overflow:hidden}.matching-media-grid img{object-fit:contain;width:100%;height:85px}.matching-media-grid span{overflow-wrap:anywhere;font-size:12px;display:block}.matching-source-tabs{background:var(--color-surface);border-radius:10px;gap:4px;margin:20px 0 16px;padding:4px;display:flex}.matching-source-tabs button{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:10px;font-size:14px}.matching-source-tabs button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent)}.matching-upload-zone{border:1.5px dashed var(--color-border);background:var(--color-surface);width:100%;min-height:210px;color:var(--color-link);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.matching-upload-zone span,.matching-upload-zone small,.matching-link-panel small{color:var(--color-text-muted);font-size:13px}.matching-upload-zone:hover,.matching-upload-zone.is-over{background:var(--color-surface-hover);border-color:var(--color-info-border)}.matching-upload-zone:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.matching-upload-zone:disabled{opacity:.65;cursor:progress}.matching-link-panel{box-sizing:border-box;min-height:210px;padding:24px 0}.matching-link-panel label{color:var(--color-text);font-size:14px}.matching-link-input .field{flex:1;min-width:0}.matching-library-area{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin:12px 0 18px;padding:14px}.matching-library-area .matching-library-toolbar{gap:12px;margin-bottom:12px}.matching-library-area strong{font-size:14px}.matching-library-add{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.matching-library-empty{border:1px dashed var(--color-border);background:var(--color-surface);width:100%;color:var(--color-link);cursor:pointer;font:inherit;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;display:flex}.matching-library-empty small{color:var(--color-text-muted);font-size:12px}.matching-library-empty:hover{background:var(--color-surface-hover);border-color:var(--color-info-border)}.matching-item-editor.is-image-target{border-color:var(--color-info-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);background:var(--color-surface)}.matching-image-bank button[draggable=true]{cursor:grab;flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.matching-image-bank button[draggable=true]:active{cursor:grabbing}.matching-used{color:var(--color-success);align-items:center;gap:2px;font-size:10px;display:flex}.matching-image-button svg[role=img]{width:100%;height:100%;display:block}.matching-crop-image{color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px}.lesson-workspace .lesson-block-toolbar .lesson-block-management{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:2px;padding:2px}.lesson-workspace .lesson-block-toolbar .lesson-block-visibility,.lesson-workspace .lesson-block-toolbar .lesson-block-management>.block-menu>.icon-button{width:32px;height:32px;min-height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.lesson-workspace .lesson-block-toolbar .lesson-block-visibility:hover,.lesson-workspace .lesson-block-toolbar .lesson-block-management>.block-menu>.icon-button:hover{background:var(--color-surface-hover);color:var(--color-link)}.lesson-workspace .lesson-block-toolbar .lesson-block-visibility[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text)}.lesson-workspace .lesson-block-toolbar .lesson-block-visibility[aria-pressed=true]:hover{background:var(--color-surface-hover);color:var(--color-link)}.lesson-block-visibility:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (pointer:coarse){.lesson-workspace .lesson-block-toolbar .lesson-block-visibility,.lesson-workspace .lesson-block-toolbar .lesson-block-management>.block-menu>.icon-button{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.lesson-workspace .lesson-block-toolbar .lesson-block-management button{transition:none}}.lesson-workspace .lesson-block.teacher-only{isolation:isolate;box-shadow:none;background:0 0}.lesson-workspace .lesson-block.teacher-only:before{content:"";inset:0 calc(-1 * var(--lesson-block-inset,40px));z-index:-1;pointer-events:none;border-left:3px solid var(--color-border);background:repeating-linear-gradient(135deg, transparent 0 20px, var(--color-surface-subtle) 20px 21px), var(--color-surface);position:absolute}.image-attachment{border-radius:8px;flex-shrink:0;align-items:center;gap:4px;display:flex}.image-attachment.is-image-target{outline:2px solid var(--color-info-border);background:var(--color-surface)}.image-attachment.is-large{flex-direction:column;align-items:stretch;display:flex}.image-attachment.is-large .matching-image-button{background:var(--color-surface);border:0;width:100%;height:180px}.image-attachment.is-large .matching-image-button img,.image-attachment.is-large .matching-image-button svg[role=img]{object-fit:contain;width:100%;height:100%}.exercise-images-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.exercise-image-card{border:1px solid var(--color-border);border-radius:12px;gap:10px;min-width:0;padding:12px;display:grid}.matching-image-bank .image-bank-strip{flex-wrap:nowrap;align-items:stretch;gap:8px;padding:3px;display:flex;overflow-x:auto}.image-bank-strip>button{flex-shrink:0}.image-bank-divider{background:var(--color-surface-subtle);align-self:stretch;width:1px;min-width:1px;margin:4px 6px}.image-picker-card{flex-direction:column;gap:6px;min-width:0;display:flex}.matching-media-grid .image-picker-card>button{width:100%}.matching-media-grid .image-picker-crop{color:var(--color-link);background:var(--color-surface);justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.image-card-dialog{border:1px solid var(--color-border);width:min(620px,90vw);max-height:90vh;color:var(--color-text);box-shadow:0 24px 80px color-mix(in srgb,var(--color-shadow-color) 20%,transparent);border-radius:20px;padding:24px;overflow:auto}.image-card-dialog::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 33.33%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-card-dialog header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.image-card-dialog h3{margin:0}.image-card-dialog header button{background:var(--color-surface);width:32px;height:32px;color:var(--color-text);border:0;border-radius:50%;place-items:center;display:grid}.image-card-preview{object-fit:contain;background:var(--color-surface);border-radius:12px;width:100%;height:280px;display:block}.image-card-actions{gap:8px;margin:16px 0;display:flex}.image-card-actions button{align-items:center;gap:6px;display:flex}.image-card-dialog footer{justify-content:flex-end;margin-top:16px;display:flex}.text-type-section{margin-bottom:20px}.text-type-section .approved-type-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.text-type-section button:disabled{opacity:.6;cursor:default}@media (width<=700px){.text-type-section .approved-type-cards{grid-template-columns:1fr}}.exercise-native-dialog .matching-type-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){.exercise-native-dialog .matching-type-cards{grid-template-columns:1fr}}.exercise-type-picker{min-width:0;margin-bottom:16px}.exercise-type-picker>header{justify-content:space-between;align-items:center;gap:12px;border:0!important;margin:0 0 7px!important;padding:0!important;display:flex!important}.exercise-type-picker h3{margin:0;font-size:13px;font-weight:500}.type-view-toggle{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;display:flex}.exercise-type-options{flex-wrap:wrap;gap:8px;display:flex}.exercise-type-options>button{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);text-align:left;cursor:pointer;font:inherit;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:relative}.exercise-type-options>button[aria-pressed=true]{border-color:var(--color-info-border);background:var(--color-surface-selected);color:var(--color-link)}.type-option-copy{gap:6px;display:grid}.type-option-copy strong{font-size:13px;font-weight:500}.type-option-copy small{color:var(--color-text-muted);font-size:12px}.type-option-check{margin-left:5px}.type-view-full .exercise-type-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.type-view-full .exercise-type-options>button{grid-template-columns:20px 1fr;align-items:start;min-height:105px;padding:13px;display:grid}.type-view-full .type-option-check{position:absolute;top:9px;right:9px}.type-option-example{color:var(--color-text-muted);grid-column:2;align-items:center;margin-top:4px;font-size:12px;display:flex}.exercise-type-options>button:disabled{opacity:.6;cursor:default}.exercise-type-options>button:focus-visible,.type-view-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.text-field{width:100%;min-width:0}.text-field-controls{align-items:center;gap:8px;min-height:24px;margin-bottom:4px;display:flex}.enable-rich-editor{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-size:11px;display:flex}.text-format-toolbar{gap:3px;display:flex}.text-format-toolbar button{background:var(--color-surface);color:var(--color-text);cursor:pointer;border:0;border-radius:4px;place-items:center;padding:4px;display:grid}.formatted-editable{white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px;font-weight:400}.formatted-editable p{min-height:1em;margin:0}.formatted-editable.is-multiline{min-height:92px}.text-field:focus-within .enable-rich-editor{color:var(--color-link)}.text-field-controls button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.matching-pair-row .text-field{align-self:start}.rich-text-editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;min-width:0;overflow:hidden}.rich-editor-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:3px;min-height:42px;padding:8px 10px;display:flex}.rich-editor-toolbar button{width:30px;height:30px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.rich-editor-toolbar button:hover{background:var(--color-surface-hover);color:var(--color-link)}.rich-editor-toolbar select{border:1px solid var(--color-border);background:var(--color-surface);height:29px;color:var(--color-text);font:inherit;border-radius:5px;max-width:125px;padding:0 5px;font-size:12px}.rich-toolbar-divider{background:var(--color-surface-subtle);width:1px;height:20px;margin:0 5px}.rich-tool-group-start{border-left:1px solid var(--color-border)!important;margin-left:5px!important}.rich-editor-content{min-height:140px;color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;outline:none;padding:14px 16px;font-size:16px;font-weight:400;line-height:1.6}.rich-editor-content p,.rich-editor-content div{margin:0 0 6px}.rich-editor-content h2,.rich-editor-content h3{margin:8px 0}.rich-editor-content ul,.rich-editor-content ol{margin:8px 0;padding-left:24px}.rich-text-editor .gap-text-preview{border:0;border-radius:0;min-height:220px;margin:0}.rich-text-editor .visual-gap-bottom-toolbar{border-top:1px solid var(--color-border);padding:8px 12px}.rich-editor-toolbar :focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.rich-editor-switch{border-top:1px solid var(--color-border);background:var(--color-surface);padding:5px 12px}.rich-editor-switch button{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.rich-editor-switch button:hover{color:var(--color-link)}.rich-text-editor{flex-direction:column;display:flex}.rich-text-editor>.rich-editor-switch{border-top:0;border-bottom:1px solid var(--color-border);order:-2}.rich-text-editor>.rich-editor-toolbar{order:-1}.rich-text-editor>.rich-editor-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);order:-1;align-items:flex-start;gap:8px;min-height:47px;padding:8px 10px;display:flex}.rich-editor-tools{flex:1;min-width:0}.rich-editor-header .rich-editor-toolbar{border:0;min-height:30px;padding:0}.rich-editor-toggle{border:1px solid var(--color-border);background:var(--color-surface);min-width:65px;height:30px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:5px;flex:none;padding:0 8px;font-size:12px}.rich-editor-toggle[aria-pressed=true]{border-color:var(--color-info-border);background:var(--color-surface-selected);color:var(--color-link)}.rich-editor-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.exercise-native-dialog .exercise-metadata-fields{margin-bottom:24px}.lesson-workspace .lesson-block-wrap.has-open-menu{z-index:3;position:relative}.lesson-workspace .lesson-block-title{letter-spacing:-.4px;min-width:0;color:var(--color-text);overflow-wrap:anywhere;flex:1;margin:0;font-size:21px;font-weight:650;line-height:1.35}.lesson-workspace .lesson-block>.public-block>.exercise-heading,.lesson-workspace .lesson-block>.exercise-feedback-frame>.public-block>.exercise-heading{display:none}@media (width<=700px){.lesson-workspace .lesson-block-toolbar{flex-wrap:nowrap}.lesson-workspace .lesson-block-title{flex:1;min-width:0}.lesson-workspace .lesson-block-toolbar .lesson-block-visibility{margin-left:auto}}.rich-text-editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;position:relative;overflow:visible}.rich-text-editor:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-shadow-color)}.rich-editor-content{background:var(--color-surface);min-height:150px;caret-color:var(--color-link);border-radius:9px;padding:18px 38px 20px 18px}.rich-editor-content::selection{background:var(--color-accent);color:var(--color-on-accent)}.rich-editor-content ::selection{background:var(--color-accent);color:var(--color-on-accent)}.rich-text-editor>.rich-editor-header{background:0 0;border:0;order:-1;min-height:0;padding:0;display:block}.rich-editor-header>.rich-editor-toggle{background:var(--color-surface);width:27px;min-width:27px;height:29px;color:var(--color-text);z-index:2;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:7px;right:5px}.rich-editor-header>.rich-editor-toggle:hover{background:var(--color-surface-hover);color:var(--color-link)}.rich-editor-header.is-expanded{border-bottom:1px solid var(--color-border);padding:8px 38px 8px 10px}.rich-editor-header .rich-editor-toolbar{background:var(--color-surface);gap:3px;min-height:0}.rich-editor-header .rich-editor-toolbar button{width:32px;height:32px;color:var(--color-text)}.rich-editor-header .rich-editor-toolbar select{background:var(--color-surface);border:0;max-width:110px;height:32px;font-size:13px}.rich-editor-header .rich-selection-bubble{z-index:100;border:1px solid var(--color-border);background:var(--color-surface);width:max-content;max-width:calc(100vw - 16px);box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);isolation:isolate;border-radius:14px;flex-wrap:wrap;padding:9px 11px;display:flex;position:fixed}.rich-editor-header .rich-selection-bubble select{background:var(--color-surface);max-width:92px}.rich-editor-header .rich-color-control{text-underline-offset:4px;width:40px;font-weight:700;text-decoration:underline;text-decoration-thickness:3px}.rich-editor-header .rich-highlight-control{width:40px;background:var(--color-surface)!important;font-size:18px!important}@media (prefers-reduced-motion:reduce){.rich-editor-toolbar,.rich-editor-toggle{transition:none;animation:none}}.rich-text-editor-compact{flex:1;width:100%;min-width:0}.rich-text-editor-compact>.rich-editor-content{min-height:42px;padding:8px 38px 8px 12px;line-height:1.5}.rich-text-editor-compact .rich-editor-content p{margin:0}.rich-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.tf-author-card>.rich-text-editor .rich-editor-content{min-height:62px}.vocabulary-editor-row>.rich-text-editor .rich-editor-content{font-size:14px}.vocabulary-editor-example>.rich-text-editor .rich-editor-content{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:13px}.category-editor-column>header>.rich-text-editor{flex:1;min-width:0}.category-editing-field{min-width:130px;max-width:260px;display:block}.category-editing-field .rich-editor-content{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:14px}.rich-editor-header .rich-selection-bubble{border-radius:18px;width:max-content;max-width:calc(100vw - 16px);padding:10px 14px;display:block}.rich-format-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.rich-editor-header .rich-format-actions>button{width:38px;height:38px;color:var(--color-text-muted);border-radius:8px;position:relative}.rich-color-letter{border-bottom:5px solid var(--color-border);font-size:30px;font-weight:700;line-height:31px}.rich-editor-header .rich-highlight-trigger{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2px;display:flex}.rich-highlight-line{background:repeating-linear-gradient(90deg,var(--color-surface-subtle) 0 7px,var(--color-surface-subtle) 7px 14px);height:5px;position:absolute;bottom:0;left:5px;right:5px}.rich-format-divider{background:var(--color-surface-subtle);width:1px;height:34px;margin:0 2px}.rich-mark{font-family:inherit;font-size:29px;font-weight:800;line-height:1}.rich-mark-1{font-family:Georgia,serif;font-style:italic}.rich-mark-2{text-underline-offset:5px;text-decoration:underline}.rich-mark-3{text-decoration:line-through}.rich-editor-header .rich-color-palette{border-top:1px solid var(--color-border);min-width:285px;margin-top:12px;padding-top:16px}.rich-neutral-colors{gap:10px;margin-bottom:16px;display:flex}.rich-color-grid{grid-template-columns:repeat(9,26px);gap:10px;display:grid}.rich-editor-header .rich-color-palette .rich-color-swatch{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);border-radius:50%;place-items:center;padding:0;display:grid}.rich-editor-header .rich-color-palette .rich-color-swatch[aria-pressed=true]{outline:3px solid var(--color-teal-border);outline-offset:3px}.rich-editor-header .rich-color-palette .rich-color-swatch:hover{box-shadow:0 0 0 3px var(--color-shadow-color)}.rich-custom-color{border-top:1px solid var(--color-border);align-items:center;gap:12px;margin-top:16px;padding-top:10px;display:flex}.rich-custom-color label{color:var(--color-text);align-items:center;gap:8px;font-size:13px;display:flex}.rich-custom-color input{background:0 0;border:0;width:36px;height:30px;padding:0}.rich-editor-header>.rich-editor-toolbar{display:block}@media (width<=380px){.rich-color-grid{grid-template-columns:repeat(9,22px);gap:8px}.rich-editor-header .rich-color-palette .rich-color-swatch{width:22px;height:22px}.rich-editor-header .rich-color-palette{min-width:0}.rich-format-actions{gap:3px}.rich-editor-header .rich-format-actions>button{width:34px}}.plain-text-field{width:100%;position:relative}.plain-text-field>.field{width:100%;min-width:0}.has-heading-format>.field{padding-right:52px}.heading-format-trigger{width:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;bottom:6px;right:6px}.heading-format-trigger:hover,.heading-format-trigger[aria-expanded=true]{background:var(--color-surface-hover);color:var(--color-link)}.heading-format-trigger:focus-visible,.heading-scope-options>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.heading-format-panel{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 10px 30px color-mix(in srgb,var(--color-shadow-color) 12.55%,transparent);border-radius:16px;width:370px;max-width:calc(100vw - 40px);max-height:60vh;padding:18px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.heading-format-panel-title{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:600}.heading-format-preview{background:var(--color-surface);overflow-wrap:anywhere;border-radius:10px;margin-bottom:12px;padding:14px;line-height:1.5}.heading-format-panel .rich-editor-toolbar{display:block}.heading-format-scope{border-top:1px solid var(--color-border);flex-direction:column;gap:9px;margin:18px 0 16px;padding-top:16px;display:flex}.heading-format-scope>span{color:var(--color-text-muted);font-size:12px;font-weight:500}.heading-scope-options{background:var(--color-surface);border-radius:10px;grid-template-columns:1.2fr 1fr 1fr;gap:3px;padding:3px;display:grid}.heading-scope-options>button{font:inherit;color:var(--color-text);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:9px 4px;font-size:12px;line-height:1.2}.heading-scope-options>button[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-link);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shadow-color) 9.41%,transparent);font-weight:600}.heading-format-scope>small{color:var(--color-text-muted);min-height:34px;font-size:12px;line-height:1.4}.heading-format-panel .heading-format-apply{border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.heading-format-panel{width:306px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-text);border-radius:14px;margin:0;padding:12px;font-size:13px;position:fixed;inset:auto;overflow-y:auto}.heading-format-panel::backdrop{background:0 0}.heading-format-panel-title{margin-bottom:8px;font-size:12px}.heading-format-preview{max-height:54px;margin-bottom:8px;padding:9px 10px;font-size:13px;line-height:1.35;overflow:auto}.heading-format-panel .rich-format-actions{flex-wrap:nowrap;gap:6px}.heading-format-panel .rich-format-actions>button{width:32px;height:32px}.heading-format-panel .rich-mark{font-size:24px}.heading-format-panel .rich-color-letter{border-bottom-width:3px;font-size:25px;line-height:26px}.heading-format-panel .rich-format-divider{height:26px}.heading-format-panel .rich-color-palette{min-width:0;margin-top:8px;padding-top:10px}.heading-format-panel .rich-neutral-colors{gap:9px;margin-bottom:12px}.heading-format-panel .rich-color-grid{grid-template-columns:repeat(9,22px);gap:8px}.heading-format-panel .rich-color-palette .rich-color-swatch{width:22px;height:22px}.heading-format-panel .rich-custom-color{margin-top:10px;padding-top:6px}.heading-format-panel .heading-format-scope{gap:7px;margin:10px 0;padding-top:10px}.heading-format-panel .heading-scope-options>button{padding:8px 2px;font-size:11px}.heading-format-panel .heading-format-scope>small{min-height:0;font-size:11px}.heading-format-panel .heading-format-apply{min-height:32px;padding:7px 12px;font-size:12px}.material-settings{flex-shrink:0;position:relative}.material-settings-popover{z-index:80;background:var(--color-surface);border:1px solid var(--color-border);width:min(360px,100vw - 48px);box-shadow:0 12px 32px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent);border-radius:16px;padding:20px;position:absolute;top:calc(100% + 10px);right:0}.material-answer-setting{color:var(--color-text);justify-content:space-between;align-items:center;gap:20px;font-size:15px;line-height:1.45;display:flex}.material-answer-setting small{color:var(--color-text-muted);margin-top:5px;font-size:12px;display:block}.material-answer-setting input{appearance:none;background:var(--color-surface-input);cursor:pointer;border-radius:20px;flex-shrink:0;width:42px;height:26px;position:relative}.material-answer-setting input:after{content:"";background:var(--color-surface-input);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.material-answer-setting input:checked{background:var(--color-teal)}.material-answer-setting input:checked:after{transform:translate(16px)}.material-answer-setting input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.material-answer-setting input:disabled{opacity:.5;cursor:wait}.teacher-feedback.banner{z-index:300;max-width:min(460px,100vw - 48px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-color) 10.2%,transparent);margin:0;position:fixed;bottom:24px;right:24px}@media (prefers-reduced-motion:reduce){.material-answer-setting input:after{transition:none}}.lesson-workspace .class-editor-context .material-student-context{text-align:right;max-width:240px;color:var(--color-text);flex-shrink:0;margin-left:auto;font-weight:500}@media (width<=800px){.lesson-workspace .class-editor-context .material-student-context{flex:1;order:5;max-width:none}}.lesson-workspace .exercise-insert.bottom{margin-top:28px;margin-bottom:24px}.lesson-workspace .exercise-insert.bottom>button{opacity:1}.plain-text-field.has-heading-format>.heading-text-editor{flex:1;min-width:0}.heading-text-editor .rich-editor-content{min-height:44px;padding:10px 12px;line-height:1.5}.heading-text-editor .rich-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.plain-text-field.has-heading-format{align-items:flex-start;gap:8px;display:flex}.plain-text-field.has-heading-format>.heading-format-trigger{flex:none;height:44px;position:static;bottom:auto}.heading-text-editor>.rich-editor-header.is-selection-only{border:0;min-height:0;padding:0}.heading-text-editor>.rich-editor-content{padding-right:12px}.rich-editor-header.is-expanded{padding:6px 38px 6px 8px}.rich-editor-header.is-expanded>.rich-editor-toolbar>.rich-format-actions{gap:3px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-format-actions>button{border-radius:6px;flex:none;width:30px;height:30px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-mark{font-size:22px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-color-letter{border-bottom-width:3px;font-size:22px;line-height:24px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-highlight-trigger svg{width:20px;height:20px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-highlight-line{height:3px;bottom:2px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-format-divider{height:24px;margin:0 2px}.rich-editor-header.is-expanded>.rich-editor-toolbar .rich-tool-group-start{margin-left:3px!important}.rich-editor-header .rich-selection-bubble{border-radius:10px;padding:5px 7px}.rich-editor-header .rich-selection-bubble .rich-format-actions{flex-wrap:nowrap;gap:2px}.rich-editor-header .rich-selection-bubble .rich-format-actions>button{border-radius:5px;flex:none;width:28px;height:28px}.rich-selection-bubble .rich-mark{font-size:20px}.rich-selection-bubble .rich-color-letter{border-bottom-width:3px;font-size:21px;line-height:23px}.rich-selection-bubble .rich-highlight-trigger svg{width:19px;height:19px}.rich-selection-bubble .rich-highlight-line{height:3px;bottom:1px}.rich-selection-bubble .rich-format-divider{height:22px;margin:0 2px}.rich-editor-header .rich-selection-bubble .rich-color-palette{min-width:0;margin-top:7px;padding-top:8px}.rich-selection-bubble .rich-neutral-colors{gap:6px;margin-bottom:8px}.rich-selection-bubble .rich-color-grid{grid-template-columns:repeat(9,20px);gap:6px}.rich-editor-header .rich-selection-bubble .rich-color-palette .rich-color-swatch{width:20px;height:20px}.rich-selection-bubble .rich-color-swatch svg,.rich-selection-bubble .rich-custom-color>button svg{width:18px;height:18px}.rich-selection-bubble .rich-custom-color{margin-top:8px;padding-top:5px}.field-example-hint{color:var(--color-text-muted);grid-column:1/-1;margin:4px 0 0;font-size:11px;line-height:1.4;display:block}.exercise-title-field .plain-text-field{flex-wrap:wrap}.exercise-title-field .field-example-hint{flex-basis:100%}.rich-editor-content[data-empty=true]{position:relative}.rich-editor-content[data-empty=true]:before{content:attr(data-placeholder);pointer-events:none;color:var(--color-text-muted);position:absolute}.exercise-metadata-fields .rich-editor-content{resize:vertical;height:52px;min-height:52px;max-height:none;padding:8px 10px;overflow-y:auto}.field-example-hint{display:none}.example-native-field{width:100%;min-width:0;display:block}.example-native-field>input,.example-native-field>textarea{width:100%}.example-native-field>input:focus~.field-example-hint,.example-native-field>textarea:focus~.field-example-hint,.plain-text-field>.field:focus~.field-example-hint,.rich-text-editor>.rich-editor-content:focus~.field-example-hint{display:block}.plain-text-field:has(>.heading-text-editor>.rich-editor-content:focus)>.field-example-hint{display:block}.visual-gap-chip>input:focus~.field-example-hint:not([hidden]){white-space:nowrap;background:var(--color-surface-input);z-index:2;padding:2px 5px;display:block;position:absolute;top:100%;left:0}.exercise-native-dialog>footer{flex-wrap:wrap;align-items:center}.exercise-native-dialog>footer .exercise-save-error{color:var(--color-danger);background:var(--color-surface);border:1px solid;border-radius:8px;flex:240px;margin:0;padding:10px 12px;font-size:14px;line-height:1.45}@media (width<=600px){.exercise-native-dialog>footer .exercise-save-error{flex-basis:100%}}@media (hover:hover) and (pointer:fine){.lesson-workspace .lesson-block>.lesson-block-toolbar .lesson-block-management{opacity:0;pointer-events:none}.lesson-workspace .lesson-block:hover>.lesson-block-toolbar .lesson-block-management,.lesson-workspace .lesson-block>.lesson-block-toolbar .lesson-block-management:focus-within{opacity:1;pointer-events:auto}.lesson-workspace .lesson-block>.lesson-block-toolbar .lesson-block-management:has(.block-menu-popover){opacity:1;pointer-events:auto}.lesson-workspace .lesson-block>.lesson-block-toolbar .lesson-block-management:has(.task-questions.is-open){opacity:1;pointer-events:auto}}.exercise-native-dialog .editor-student-pane{position:relative}.exercise-native-dialog .preview-top-actions{z-index:2;align-items:center;gap:4px;display:flex;position:absolute;top:4px;right:8px}.exercise-native-dialog .preview-top-actions .text-button{width:auto;min-height:24px;color:var(--color-text-muted);align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:400;display:inline-flex}.exercise-native-dialog .preview-top-actions .icon-button{width:24px;height:24px;min-height:24px;color:var(--color-text-muted);justify-content:center;align-items:center;padding:4px;display:inline-flex}.preview-reset-help{z-index:10000;border:1px solid var(--color-border);background:var(--color-surface);max-width:min(280px,100vw - 16px);color:var(--color-text);border-radius:12px;margin:0;padding:12px;font-size:13px;position:fixed;inset:auto;overflow:visible}.exercise-native-dialog{isolation:isolate}.exercise-native-dialog>header{z-index:10;background:var(--color-surface);position:relative}.exercise-native-dialog .exercise-dialog-body{isolation:isolate;position:relative}.exercise-native-dialog .rich-editor-content{position:relative}.exercise-native-dialog .gap-view-switch button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none;font-weight:650}.exercise-native-dialog .gap-view-switch button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.recording-duration-fields{gap:var(--space-inline);flex-wrap:wrap;display:flex}.recording-duration-fields .field-label{flex:0 140px;min-width:0}.field-example-label{color:var(--color-text-muted);font-size:var(--font-size-12);margin-bottom:var(--space-1);grid-column:1/-1;font-weight:400;display:block}.field-example-label[hidden]{display:none}.field-example-help{font-size:var(--font-size-12);color:var(--color-text-muted);margin-top:var(--space-1);grid-column:1/-1;font-weight:400}.exercise-source-fields .exercise-invalid-field [role=alert]{font-size:var(--font-size-12)}.cabinet-shell .exercise-native-dialog .gap-view-switch button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.exercise-native-dialog .recording-duration-fields{gap:var(--space-inline);display:grid}.exercise-native-dialog .recording-duration-fields>.field-label{width:min(100%,220px)}.exercise-native-dialog .rich-editor-content[data-empty=true]:before{white-space:pre-line}.example-native-field{gap:var(--space-1);min-width:0;display:grid}.recording-duration-label{align-items:center;gap:var(--space-inline);justify-content:space-between;display:flex}.editor-field-help{flex:none;align-items:center;display:inline-flex}.editor-field-help>.icon-button{width:28px;height:28px;min-height:0;padding:var(--space-1);color:var(--color-text-muted)}.example-native-field{position:relative}.example-native-field>.field-example-hint,.plain-text-field>.field-example-hint,.rich-text-editor>.field-example-hint{z-index:8;box-sizing:border-box;width:max-content;max-width:100%;margin:var(--space-1) 0 0;padding:var(--space-1) var(--space-inline);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);pointer-events:none;position:absolute;top:100%;left:0}.exercise-native-dialog .editor-split.editor-compact{grid-template-rows:auto auto;min-height:0}.exercise-native-dialog .editor-compact{grid-template-columns:180px minmax(0,1fr)}.exercise-native-dialog .editor-compact>.editor-compose{padding:var(--space-card)}.exercise-native-dialog .editor-compact .recording-duration-fields>.field-label{width:100%}.exercise-native-dialog .editor-compact .recording-duration-fields input{max-width:120px}.exercise-native-dialog .editor-compact>.editor-student-pane{border-left:1px solid var(--color-border);padding:var(--space-card);border-top:0}.exercise-native-dialog .editor-compact>.editor-shared-toolbar{padding:var(--space-card);grid-template-columns:180px minmax(0,1fr) auto;gap:0;display:grid}.exercise-native-dialog .editor-compact .editor-preview-caption{min-width:0;display:flex;position:static}.exercise-native-dialog .editor-compact .editor-preview-caption small{display:none}.exercise-native-dialog .editor-compact .editor-preview-toggle{width:auto;margin-left:var(--space-inline)}.exercise-native-dialog .editor-compact.preview-hidden{grid-template-columns:minmax(0,1fr)}@media (width<=520px){.exercise-native-dialog .editor-compact{grid-template-columns:minmax(0,1fr)}.exercise-native-dialog .editor-compact>.editor-shared-toolbar{grid-template-columns:minmax(0,1fr) auto}.exercise-native-dialog .editor-compact .editor-preview-caption{display:none}.exercise-native-dialog .editor-compact>.editor-student-pane{border-left:0;border-top:1px solid var(--color-border)}}.exercise-native-dialog .editor-compact .editor-preview-toggle{grid-column:3}@media (width<=520px){.exercise-native-dialog .editor-compact .editor-preview-toggle{grid-column:2}}.exercise-native-dialog .exercise-dialog-body{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.exercise-native-dialog .exercise-dialog-body>.editor-ai-scope{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.exercise-native-dialog .exercise-dialog-tabs{z-index:10;background:var(--color-surface);flex:none;margin-bottom:0;position:relative}.exercise-dialog-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-top:var(--space-section);padding-bottom:var(--space-section);flex:1;overflow:auto}.editor-help-question{margin-bottom:var(--space-inline);font-weight:600;display:block}.preview-reset-help p{margin:0 0 var(--space-inline)}.preview-reset-help pre{white-space:pre-wrap;font:inherit;margin:0 0 var(--space-inline)}.exercise-native-dialog .editor-shared-toolbar>.editor-field-help{margin-left:var(--space-inline)}.exercise-type-picker.type-view-full .exercise-type-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.exercise-type-picker.type-view-full .exercise-type-options>button{border-radius:11px;grid-template-columns:20px minmax(0,1fr);gap:10px;min-height:185px;padding:15px;transition:border-color .15s,background .15s}.exercise-type-picker .exercise-type-options>button:hover:not(:disabled){border-color:var(--color-info-border);background:var(--color-surface-hover)}.exercise-type-picker .exercise-type-options>button[aria-pressed=true]:hover{background:var(--color-surface-hover)}.exercise-type-picker .type-option-copy{gap:6px;padding-right:19px}.exercise-type-picker .type-option-copy strong{font-size:14px;line-height:1.3}.exercise-type-picker .type-option-copy small{color:var(--color-text-muted);font-size:12px;line-height:1.45}.exercise-type-picker .type-option-check{box-sizing:content-box;border:1px solid;border-radius:50%;padding:2px;top:12px;right:12px}.exercise-type-picker .type-option-example{width:100%;color:var(--color-text);grid-column:1/-1;align-self:end;min-width:0;margin:0}.type-preview{box-sizing:border-box;background:var(--color-surface);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;min-height:88px;padding:12px;font-size:12px;line-height:1.5;display:flex;overflow:hidden}.type-preview-input{flex-wrap:wrap;align-items:center;gap:8px}.type-preview-field{border:1px solid var(--color-info-border);background:var(--color-surface-input);min-width:58px;color:var(--color-text);border-radius:6px;align-items:center;gap:2px;padding:6px 12px;display:inline-flex}.type-preview-caret{background:var(--color-accent);vertical-align:middle;width:1px;height:14px;margin-left:2px;display:inline-block}.type-preview-select{flex-direction:column;gap:4px}.type-preview-choice{align-items:center;gap:7px;display:flex}.type-preview-choice>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;width:12px;height:12px}.type-preview-choice.chosen>span{border-color:var(--color-info-border);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-shadow-color)}.type-preview-drag{flex-direction:column;justify-content:center;gap:8px}.type-preview-slot{border:1px dashed var(--color-border);text-align:center;background:var(--color-surface);border-radius:5px;min-width:47px;padding:2px 6px;display:inline-block}.type-preview-drag-row{color:var(--color-link);align-items:center;gap:10px;display:flex;position:relative}.type-preview-token{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-link);border-radius:6px;align-items:center;gap:8px;padding:4px 12px;display:flex}.type-preview-pointer{color:var(--color-text);fill:var(--color-on-accent);position:absolute;bottom:-6px;left:76px}.type-preview-matching{flex-direction:column;justify-content:center;gap:8px}.type-preview-pair{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.type-preview-pair>svg{color:var(--color-link);flex-shrink:0}.type-preview-word{text-align:center;background:var(--color-surface);border-radius:6px;min-width:54px;padding:5px 10px}.type-preview-animal{background-image:url(/images/exercise-type-animals.png);background-position:0;background-size:auto 100%;border-radius:6px;flex-shrink:0;width:40px;height:40px}.type-preview-animal.animal-1{background-position:100%}.type-preview-reading{flex-direction:column;gap:4px}.type-preview-reading b{color:var(--color-text);font-weight:500}.type-preview-reading>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.type-preview-essay{background:0 0;padding:0}.type-preview-paper{border:1px solid var(--color-border);background:var(--color-surface);box-sizing:border-box;border-radius:7px;flex-direction:column;gap:5px;width:100%;min-height:88px;padding:12px;display:flex}@media (width<=600px){.exercise-type-picker.type-view-full .exercise-type-options{grid-template-columns:1fr}.exercise-type-picker.type-view-full .exercise-type-options>button{min-height:160px}}.exercise-type-picker.type-view-compact .type-option-copy{padding-right:0}.exercise-type-picker.type-view-compact .exercise-type-options>button{gap:8px;min-height:40px;padding:9px 12px}.exercise-type-picker.type-view-compact .type-option-check{flex-shrink:0;margin-left:4px;position:static}.type-compact-item{min-width:0;position:relative}.type-compact-select{border:1px solid var(--color-border);background:var(--color-surface-input);min-height:64px;color:var(--color-text);text-align:left;cursor:pointer;font:inherit;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.type-compact-select[aria-pressed=true]{border-color:var(--color-info-border);background:var(--color-surface-selected);color:var(--color-link)}.type-compact-select:hover:not(:disabled){border-color:var(--color-info-border);background:var(--color-surface-hover)}.type-compact-select:disabled{opacity:.6;cursor:default}.type-thumbnail-space{flex:none;width:58px;height:46px}.type-thumbnail-button{background:var(--color-surface);cursor:pointer;border:1px solid #0000;border-radius:8px;width:58px;height:46px;padding:0;position:absolute;top:50%;left:12px;overflow:hidden;transform:translateY(-50%)}.type-thumbnail-button:hover,.type-thumbnail-button[aria-expanded=true]{border-color:var(--color-info-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 7.84%,transparent)}.type-thumbnail-symbol{width:100%;height:100%;color:var(--color-link);pointer-events:none;justify-content:center;align-items:center;display:flex}.type-thumbnail-drag{align-items:center;gap:1px;display:flex}.type-compact-select:focus-visible,.type-thumbnail-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.exercise-type-picker.type-view-compact .type-compact-select{gap:9px;min-height:56px;padding:7px 10px}.type-thumbnail-space{width:44px;height:40px}.type-thumbnail-button{width:44px;height:40px;left:10px}.type-thumbnail-symbol .exercise-illustration{width:40px;height:36px;min-height:0;max-height:none}.type-thumbnail-symbol .picker-image-thumbnail{align-items:center;gap:2px;font-size:7px;display:flex}.type-thumbnail-symbol .type-preview-animal{width:24px;height:24px}:root[data-ui-theme=light],:root[data-ui-theme=dark]{--example-warm:var(--color-warning-surface);--example-accent:var(--color-info-surface)}.picker-help-popover{background:var(--surface);color:var(--text);border-color:var(--line)}.picker-help-popover :is(p,small){color:var(--muted)}.picker-help-example{background:var(--soft);color:var(--text)}:root[data-ui-theme=dark] :is(.exercise-type-picker,.picker-help-popover) :is(.type-preview,.type-preview-paper,.type-preview-field,.type-preview-slot,.type-preview-word){background:var(--soft);color:var(--text);border-color:var(--line)}:root[data-ui-theme=dark] :is(.exercise-type-picker,.picker-help-popover) :is(.type-preview-reading b,.type-option-example){color:var(--text)}:root[data-ui-theme=dark] .type-thumbnail-button{background:var(--color-surface);color:var(--color-link)}:root[data-ui-theme=dark] .type-preview-token{background:var(--color-surface-subtle);color:var(--color-text);border-color:var(--color-info-border)}:root[data-ui-theme=dark] .type-preview-pointer{color:var(--color-text);fill:var(--surface)}:root[data-ui-theme=dark] .type-preview-choice>span{background:var(--surface);border-color:var(--line)}.template-picker.apple-exercise-picker{border:1px solid color-mix(in srgb,var(--color-border) 70.2%,transparent);border-radius:var(--radius-dialog);background:var(--color-surface);width:min(1316px,100vw - 64px);max-height:calc(100dvh - 64px);color:var(--color-text);box-shadow:0 28px 90px color-mix(in srgb,var(--color-shadow-color) 21.96%,transparent);-webkit-font-smoothing:antialiased;scrollbar-width:thin;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}.apple-exercise-picker::backdrop{background:color-mix(in srgb,var(--color-shadow-color) 25.1%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.template-picker.apple-exercise-picker>header{padding:var(--space-card) var(--space-card) var(--space-card);gap:var(--space-section);background:0 0;border:0;position:static}.apple-exercise-picker h2{font-size:var(--font-size-32);letter-spacing:-1px;color:var(--color-text);margin:0;font-weight:650;line-height:1.2}.apple-exercise-picker button,.apple-exercise-picker input{font:inherit}.apple-exercise-picker .picker-close{width:var(--size-control);height:var(--size-control);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.apple-picker-body{padding:0 var(--space-card) var(--space-card)}.picker-search{align-items:center;gap:var(--space-section);height:58px;padding:0 var(--space-card);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-muted);display:flex}.picker-search input{min-width:0;color:var(--color-text);font-size:var(--font-size-20);background:0 0;outline:none;flex:1;box-shadow:none!important;border:0!important;padding:0!important}.picker-search input::placeholder{color:var(--color-text-muted);opacity:1}.picker-search input::-webkit-search-cancel-button{display:none}.picker-search:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-shadow-color) 7.06%,transparent)}.picker-search button{color:var(--color-text);cursor:pointer;padding:var(--space-2);background:0 0;border:0;place-items:center;display:grid}.picker-segments{width:min(636px,100%);margin:var(--space-card) auto var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);display:flex}.picker-segments button{min-height:var(--size-control);padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--radius-control);cursor:pointer;font-size:var(--font-size-15);background:0 0;border:1px solid #0000;flex:1}.picker-segments button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-border);color:var(--color-link);box-shadow:0 1px 5px color-mix(in srgb,var(--color-shadow-color) 4.71%,transparent)}.apple-exercise-picker h3{font-size:var(--font-size-18);color:var(--color-text);margin:0 0 var(--space-card);letter-spacing:0;font-weight:600;line-height:1.4}.picker-quick-section{padding-top:var(--space-1);padding-bottom:var(--space-card)}.picker-quick-grid{gap:var(--space-section);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.picker-quick-tool{align-items:center;gap:var(--space-section);padding:var(--space-card) var(--space-card);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);cursor:pointer;text-align:left;min-height:84px;color:var(--color-text);display:flex}.picker-tool-icon{border-radius:var(--radius-card);flex:none;place-items:center;width:56px;height:56px;display:grid}.tone-blue,.tone-purple{color:var(--color-link);background:var(--color-surface)}.tone-green{color:var(--color-success);background:var(--color-surface)}.picker-tool-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.picker-tool-copy strong{font-size:var(--font-size-15);color:var(--color-text);font-weight:600;line-height:1.35}.picker-quick-tool strong{font-weight:500}.picker-tool-copy>span{font-size:var(--font-size-13);color:var(--color-text-muted);line-height:1.4}.picker-catalog{padding-top:var(--space-card);border-top:1px solid var(--color-border)}.picker-columns{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.picker-column{min-width:0;padding:0 var(--space-card);border-left:1px solid var(--color-border)}.picker-column:first-child{border:0;padding-left:0}.picker-column:last-child{padding-right:0}.picker-column h4{align-items:center;gap:var(--space-3);font-size:var(--font-size-18);color:var(--color-text);margin:0 0 var(--space-3);font-weight:600;line-height:1.4;display:flex}.picker-group-icon{color:var(--color-text);display:flex}.picker-tool-row{align-items:center;gap:var(--space-section);border-radius:var(--radius-card);text-align:left;width:100%;min-height:68px;padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--color-text);background:0 0;border:0;margin:0;display:flex}.picker-tool-row .picker-tool-copy{flex:1}.picker-tool-row .picker-tool-icon{border-radius:var(--radius-card);width:50px;height:50px}.picker-row-action{width:26px;color:var(--color-text-muted);flex:none;place-items:center;display:grid}.picker-plus{display:none}.picker-tool-row:hover,.picker-tool-row:focus-visible{background:var(--color-surface-hover)}.picker-tool-row:hover .picker-chevron,.picker-tool-row:focus-visible .picker-chevron{display:none}.picker-tool-row:hover .picker-plus,.picker-tool-row:focus-visible .picker-plus{color:var(--color-link);display:block}.picker-quick-tool:hover{background:var(--color-surface-hover);border-color:var(--color-info-border)}.apple-exercise-picker button:active{transform:scale(.985)}.apple-exercise-picker button:focus-visible,.picker-more summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.picker-recent-empty{justify-content:space-between;align-items:center;gap:var(--space-section);padding:var(--space-card) var(--space-card);background:var(--color-surface);border-radius:var(--radius-card);min-height:92px;color:var(--color-text-muted);font-size:var(--font-size-14);display:flex}.picker-recent-empty p{margin:0}.picker-recent-empty button{color:var(--color-link);cursor:pointer;padding:var(--space-2);background:0 0;border:0}.picker-more{margin-top:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-2);color:var(--color-text-muted)}.picker-more summary{font-size:var(--font-size-13);cursor:pointer;width:fit-content;padding:var(--space-1)}.picker-extra-grid,.picker-search-results{gap:var(--space-2) var(--space-section);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.picker-no-results{color:var(--color-text-muted);padding:var(--space-card) 0;grid-column:1/-1}.picker-footer{align-items:center;gap:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-13);display:flex}@media (width<=1100px){.template-picker.apple-exercise-picker{width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}.template-picker.apple-exercise-picker>header{padding:var(--space-card) var(--space-card) var(--space-card)}.apple-picker-body{padding:0 var(--space-card) var(--space-card)}.picker-column{padding-inline:var(--space-3)}.picker-tool-row{gap:var(--space-3);padding-inline:var(--space-2)}.picker-quick-tool{gap:var(--space-3);padding:var(--space-3)}.picker-quick-tool .picker-tool-icon{width:44px;height:44px}.picker-row-action{width:18px}}@media (width<=800px){.picker-columns{gap:var(--space-section);grid-template-columns:1fr}.picker-column,.picker-column:first-child,.picker-column:last-child{border:0;padding:0}.picker-quick-grid,.picker-extra-grid,.picker-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.apple-exercise-picker h2{font-size:var(--font-size-28)}}@media (width<=480px){.template-picker.apple-exercise-picker{border-radius:var(--radius-panel);width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.template-picker.apple-exercise-picker>header{padding:var(--space-card) var(--space-card) var(--space-card)}.apple-picker-body{padding:0 var(--space-card) var(--space-card)}.apple-exercise-picker h2{font-size:var(--font-size-24)}.picker-search input{font-size:var(--font-size-16)}.picker-segments button{font-size:var(--font-size-12);padding:var(--space-2) var(--space-1)}.picker-quick-tool{align-items:flex-start;gap:var(--space-3);flex-direction:column}.picker-extra-grid,.picker-search-results{grid-template-columns:1fr}.picker-recent-empty{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.picker-catalog-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-card);flex-wrap:wrap;display:flex}.picker-catalog-header h3{margin:0}.picker-view-switch{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);display:flex}.picker-view-switch button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:var(--color-text-muted);font-size:var(--font-size-12);cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.picker-view-switch button[aria-pressed=true]{background:var(--color-surface-selected);border-color:var(--color-border);color:var(--color-link)}.picker-tool-row.picker-tool-card{gap:var(--space-3);padding:var(--space-card);margin-bottom:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-control);grid-template-columns:36px minmax(0,1fr) 20px;align-items:start;display:grid}.picker-tool-card .picker-tool-icon{border-radius:var(--radius-control);width:36px;height:36px}.picker-tool-card .picker-tool-icon svg{width:21px;height:21px}.picker-tool-card .picker-row-action{grid-area:1/3;align-self:center;width:20px}.picker-tool-card .picker-tool-preview{pointer-events:none;grid-column:1/-1;min-width:0;min-height:100px;display:block}.picker-tool-card .picker-tool-preview>.exercise-illustration{background:var(--color-surface);border-radius:8px;height:100px}.picker-tool-card .type-preview{min-height:100px}.picker-tool-row.picker-tool-card:hover,.picker-tool-row.picker-tool-card:focus-visible{border-color:var(--color-focus);background:var(--color-surface-hover)}@media (width<=480px){.picker-view-switch{width:100%}.picker-view-switch button{flex:1;justify-content:center}}.picker-tool-item{margin-bottom:var(--space-2);min-width:0;position:relative}.picker-tool-item:not(.is-detailed) .picker-tool-row{gap:var(--space-3);min-height:82px;padding:var(--space-3) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:60px minmax(0,1fr) 18px;display:grid}.picker-tool-item:not(.is-detailed) .picker-tool-copy{padding-right:0}.picker-tool-item .picker-tool-card{margin-bottom:0}.picker-tool-thumbnail{border-radius:var(--radius-control);justify-content:center;align-items:center;width:60px;height:54px;display:flex;overflow:hidden}.picker-tool-thumbnail .exercise-illustration{width:60px;height:48px;min-height:0;max-height:none}.picker-thumbnail-button{cursor:pointer;border:1px solid #0000;padding:0;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.picker-thumbnail-button:hover,.picker-thumbnail-button[aria-expanded=true]{border-color:var(--color-info-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-shadow-color) 7.84%,transparent)}.picker-thumbnail-button>span{pointer-events:none}.picker-image-thumbnail{align-items:center;gap:var(--space-1);font-size:7px;display:flex}.picker-image-thumbnail .type-preview-animal{width:25px;height:30px}.picker-image-thumbnail>span:last-child{background:var(--color-surface);padding:var(--space-1);border-radius:var(--radius-xs)}.picker-help-popover{padding:var(--space-card);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);box-shadow:0 12px 36px color-mix(in srgb,var(--color-shadow-color) 13.33%,transparent);max-height:calc(100dvh - 24px);margin:0;position:fixed;inset:auto;overflow:auto}.picker-help-popover::backdrop{background:0 0}.picker-help-popover>header{justify-content:space-between;align-items:center;gap:var(--space-3);border:0;padding:0;display:flex}.picker-help-popover strong{font-size:var(--font-size-15);font-weight:600}.picker-help-popover header button{background:var(--color-surface);border-radius:var(--radius-control);padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;border:0;place-items:center;display:grid}.picker-help-popover p{font-size:var(--font-size-12);color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-3);line-height:1.5}.picker-help-example{pointer-events:none;background:var(--color-surface);border-radius:var(--radius-small);padding:var(--space-1)}.picker-help-example>.exercise-illustration{height:130px}.picker-help-popover>small{margin-top:var(--space-3);font-size:var(--font-size-12);color:var(--color-text-muted);display:block}@media (width<=1100px){.picker-tool-item:not(.is-detailed) .picker-tool-row{gap:var(--space-2);grid-template-columns:50px minmax(0,1fr) 14px}.picker-tool-thumbnail,.picker-tool-thumbnail .exercise-illustration,.picker-thumbnail-space{width:50px}.picker-thumbnail-button{left:10px}}.picker-tool-item:not(.is-detailed) .picker-tool-row{padding:0 var(--space-3) 0 0;gap:var(--space-3);grid-template-columns:70px minmax(0,1fr) 18px;min-height:82px;overflow:hidden}.picker-tool-item:not(.is-detailed) .picker-tool-copy{padding-block:var(--space-3)}.picker-thumbnail-space{width:70px;height:80px}.picker-thumbnail-button.picker-tool-thumbnail{box-sizing:border-box;border:0;border-radius:10px 0 0 10px;width:70px;height:100%;padding:0;top:0;bottom:0;left:0;transform:none}.apple-exercise-picker .picker-thumbnail-button:active{transform:none}.picker-tool-thumbnail>span{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.picker-tool-thumbnail .exercise-illustration{flex:none;width:62px;height:auto;min-height:0;max-height:72px;padding:0}.picker-tool-thumbnail .picker-image-thumbnail{justify-content:center;align-items:center;gap:var(--space-1);width:100%;height:100%;font-size:8px;display:flex}.picker-tool-thumbnail .picker-image-thumbnail .type-preview-animal{border-radius:var(--radius-xs);width:32px;height:32px}.picker-thumbnail-button:hover,.picker-thumbnail-button[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--color-shadow-color)}.picker-tool-item:not(.is-detailed) .picker-tool-copy strong,.picker-tool-item:not(.is-detailed) .picker-tool-copy>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=1100px){.picker-catalog:not(.picker-catalog-detailed) .picker-columns{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.picker-catalog:not(.picker-catalog-detailed) .picker-column{border:0;padding:0}.picker-catalog:not(.picker-catalog-detailed) .picker-column h4{font-size:var(--font-size-14);gap:var(--space-2)}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-tool-row{gap:var(--space-2);min-height:74px;padding-right:var(--space-2);grid-template-columns:44px minmax(0,1fr) 14px}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-thumbnail-space{width:44px;height:72px}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-thumbnail-button{width:44px}.picker-catalog .picker-tool-item:not(.is-detailed) .exercise-illustration{width:40px;max-height:60px}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-tool-copy{padding:var(--space-2) calc(var(--size-control-compact) + var(--space-inline)) var(--space-2) 0;gap:var(--space-1)}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-tool-copy strong,.picker-catalog .picker-tool-item:not(.is-detailed) .picker-tool-copy>span{font-size:var(--font-size-12);line-height:1.3}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-favorite{width:24px;height:24px;right:20px}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-favorite svg{width:16px;height:16px}.picker-catalog .picker-tool-item:not(.is-detailed) .picker-row-action{width:14px}}@media (width<=700px){.picker-catalog:not(.picker-catalog-detailed) .picker-columns{grid-template-columns:1fr}}.picker-favorites-section{padding:var(--space-card) 0 var(--space-2)}.picker-favorites-empty{color:var(--color-text-muted);font-size:var(--font-size-14);margin:0;line-height:1.5}.picker-quick-item{min-width:0;position:relative}.picker-quick-item .picker-quick-tool{width:100%;height:100%;padding-right:calc(var(--size-control-compact) + var(--space-inline) + var(--space-1))}.apple-exercise-picker .picker-favorite{z-index:1;width:var(--size-control-compact);height:var(--size-control-compact);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text-muted);opacity:0;cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.picker-tool-item .picker-tool-row .picker-tool-copy{padding-right:calc(var(--size-control-compact) + var(--space-inline))}.picker-quick-item .picker-favorite{right:8px}.picker-tool-item.is-detailed .picker-favorite{top:16px;transform:none}.picker-tool-item:hover .picker-favorite,.picker-tool-item:focus-within .picker-favorite,.picker-quick-item:hover .picker-favorite,.picker-quick-item:focus-within .picker-favorite,.apple-exercise-picker .picker-favorite.is-favorite{opacity:1}.apple-exercise-picker .picker-favorite.is-favorite{color:var(--color-warning)}.apple-exercise-picker .picker-favorite:hover{background:var(--color-surface-hover);color:var(--color-warning)}.apple-exercise-picker .picker-favorite:active{transform:translateY(-50%)scale(.95)}.apple-exercise-picker .is-detailed .picker-favorite:active{transform:scale(.95)}@media (hover:none){.apple-exercise-picker .picker-favorite{opacity:1}}.picker-favorites-grid{gap:var(--space-2) var(--space-section);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=800px){.picker-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.picker-favorites-grid{grid-template-columns:1fr}}.picker-favorites-grid{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.picker-favorites-grid .picker-tool-item{margin-bottom:0}.picker-favorites-grid .picker-tool-item:not(.is-detailed) .picker-tool-row{gap:var(--space-2);min-height:64px;padding-right:var(--space-2);grid-template-columns:48px minmax(0,1fr) 14px}.picker-favorites-grid .picker-thumbnail-space{width:48px;height:62px}.picker-favorites-grid .picker-thumbnail-button.picker-tool-thumbnail{width:48px}.picker-favorites-grid .picker-tool-thumbnail .exercise-illustration{width:44px;max-height:54px}.picker-favorites-grid .picker-tool-thumbnail .picker-image-thumbnail .type-preview-animal{width:24px;height:24px}.picker-favorites-grid .picker-tool-item .picker-tool-row .picker-tool-copy{padding:var(--space-2) calc(var(--size-control-compact) + var(--space-inline)) var(--space-2) 0;gap:var(--space-1)}.picker-favorites-grid .picker-tool-copy strong{font-size:var(--font-size-13);line-height:1.3}.picker-favorites-grid .picker-tool-copy>span{font-size:var(--font-size-12);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.picker-favorites-grid .picker-row-action{width:14px}.picker-favorites-grid .picker-row-action svg{width:15px;height:15px}.picker-favorites-grid .picker-favorite{width:28px;height:28px;right:22px}.picker-favorites-grid .picker-favorite svg{width:16px;height:16px}.picker-favorites-grid .picker-tool-row.picker-tool-card{gap:var(--space-2);padding:var(--space-3);grid-template-columns:28px minmax(0,1fr) 14px}.picker-favorites-grid .picker-tool-card .picker-tool-icon{border-radius:var(--radius-small);width:28px;height:28px}.picker-favorites-grid .picker-tool-card .picker-tool-icon svg{width:18px;height:18px}.picker-favorites-grid .picker-tool-item.is-detailed .picker-favorite{top:9px;right:24px}.picker-favorites-grid .picker-tool-card .picker-tool-preview,.picker-favorites-grid .picker-tool-card .type-preview{min-height:72px}.picker-favorites-grid .picker-tool-card .picker-tool-preview>.exercise-illustration{height:72px}.picker-favorites-section{padding-top:var(--space-3);padding-bottom:var(--space-1)}.picker-favorites-section h3,.picker-quick-section h3{margin-bottom:var(--space-3)}@media (width<=1100px){.picker-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-favorites-grid .picker-tool-copy strong{font-size:var(--font-size-12)}}@media (width<=700px){.picker-favorites-grid{grid-template-columns:1fr}}.picker-favorites-grid .personal-tool{min-width:0;min-height:64px;padding:0 var(--space-2) 0 0;gap:var(--space-1);border-radius:var(--radius-control)}.picker-favorites-grid .personal-tool>button:first-of-type{gap:var(--space-2);min-width:0;padding:0}.picker-favorites-grid .personal-thumbnail{border-radius:10px 0 0 10px;flex:none;width:48px;height:62px}.picker-favorites-grid .personal-tool-copy{min-width:0;padding-block:var(--space-2);gap:var(--space-1)}.picker-favorites-grid .personal-tool-copy strong{font-size:var(--font-size-13);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.picker-favorites-grid .personal-tool-copy small{font-size:var(--font-size-12);line-height:1.3}.apple-exercise-picker .picker-favorites-grid .personal-tool .picker-favorite{flex:none;width:28px;height:28px;position:static;transform:none}.picker-favorites-grid .personal-tool details{flex:none}.picker-favorites-grid .personal-tool summary{padding:var(--space-1)}@media (width<=1100px){.picker-favorites-grid .personal-tool-copy strong{font-size:var(--font-size-12)}}.template-picker.apple-exercise-picker{flex-direction:column;display:flex;overflow:hidden}.template-picker.apple-exercise-picker:not([open]){display:none}.template-picker.apple-exercise-picker>.picker-scroll{scrollbar-width:thin;overscroll-behavior:contain;min-height:0;overflow-y:auto}.template-picker.apple-exercise-picker>header{z-index:auto;flex:none;justify-content:space-between;align-items:center;display:flex;position:static}.template-picker.apple-exercise-picker>.picker-scroll{flex:auto}.exercise-illustration{pointer-events:none;width:100%;height:100%;min-height:76px;max-height:140px;color:var(--color-text);display:block;overflow:visible}.exercise-illustration text{fill:var(--illustration-text);letter-spacing:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.exercise-illustration__paper{fill:var(--illustration-paper);stroke:var(--illustration-paper-line);stroke-width:1.4px}.exercise-illustration__cyan{fill:var(--illustration-cyan);stroke:var(--illustration-cyan-line);stroke-width:1.4px}.exercise-illustration__lavender{fill:var(--illustration-purple);stroke:var(--illustration-purple-line);stroke-width:1.4px}.exercise-illustration__sun{fill:var(--color-warning)}.exercise-illustration__mountain{fill:var(--color-teal)}.exercise-illustration__dot{fill:var(--color-text-muted)}.exercise-illustration__record{fill:var(--color-danger);stroke:var(--illustration-paper);stroke-width:3px}.exercise-illustration__ink,.exercise-illustration__outline,.exercise-illustration__dashed{fill:none;stroke:var(--illustration-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.exercise-illustration__line{fill:none;stroke:var(--illustration-line);stroke-width:3px;stroke-linecap:round}.exercise-illustration__wave{fill:none;stroke:var(--color-text-muted);stroke-width:4px;stroke-linecap:round}.exercise-illustration__dashed{stroke:var(--color-text-muted);stroke-dasharray:4 4}.exercise-illustration__cursor{fill:var(--illustration-paper);stroke:var(--color-text-muted);stroke-width:2px;stroke-linejoin:round}.exercise-illustration{--illustration-paper:var(--color-illustration-paper);--illustration-paper-line:var(--color-illustration-line);--illustration-text:var(--color-illustration-ink);--illustration-cyan:var(--color-illustration-cyan);--illustration-cyan-line:var(--color-teal-border);--illustration-purple:var(--color-illustration-purple);--illustration-purple-line:var(--color-purple-border);--illustration-ink:var(--color-purple);--illustration-line:var(--color-illustration-line)}