:root{color-scheme:light}:root[data-color-mode=dark]{color-scheme:dark;--appearance-surface:#161b23;--appearance-soft:#222a36;--appearance-ink:#e8edf5;--appearance-muted:#a4afbf;--appearance-line:#3c485a;--appearance-link:#9bc4ff;--appearance-accent:#9bc4ff;--appearance-accent-soft:#203450;--appearance-accent-line:#486c9f;--appearance-success:#80dfb4;--appearance-success-soft:#193c31;--appearance-success-line:#346b55;--appearance-warning:#f3cc7d;--appearance-warning-soft:#3d3220;--appearance-warning-line:#76603a;--appearance-danger:#ffaaa5;--appearance-danger-soft:#442827;--appearance-danger-line:#81514e;--appearance-info:#80d7e5;--appearance-info-soft:#1b3741;--appearance-info-line:#3b6974;--appearance-violet:#c7b2f7;--appearance-violet-soft:#332a49;--appearance-violet-line:#655580;--canvas-bg:#161b23!important;--canvas-ground:#161b23!important;--canvas-grid:#2d3746!important;--ink:#e8edf5!important;--muted:#a4afbf!important;--visual-structure:#e8edf5!important;--visual-context:#8999af!important;--visual-focus:#82b5ff!important;--visual-variable:#82b5ff!important;--visual-measure:#80dfb4!important;--visual-guide:#f3cc7d!important;--visual-effect:#80dfb4!important;--visual-helper:#a4afbf!important;--object-primary:#82b5ff!important;--object-secondary:#a4caff!important;--object-accent:#243a55!important;--brand-soft:#243a55!important;--success:#80dfb4!important;--warning:#f3cc7d!important;--danger:#ffaaa5!important}:root[data-color-mode=dark] body{--ink:var(--appearance-ink);--muted:var(--appearance-muted);--line:var(--appearance-line);--paper:var(--appearance-surface);--surface:var(--appearance-surface);--surface-2:var(--appearance-soft);--bg:var(--appearance-surface);--canvas:var(--appearance-soft);--ui-ink:var(--appearance-ink);--ui-muted:var(--appearance-muted);--ui-line:var(--appearance-line);--ui-soft:var(--appearance-soft);--brand-soft:color-mix(in srgb,var(--brand) 18%,#161b23);--brand-muted:var(--appearance-accent-line);--aha-ink:var(--appearance-ink);--success:var(--appearance-success);--warning:var(--appearance-warning);--danger:var(--appearance-danger);color:var(--appearance-ink)}:root[data-color-mode=dark] body,html[data-color-mode=dark]{background:var(--appearance-surface)!important}.app-header .color-mode-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:0!important;height:34px!important;min-height:34px!important;max-height:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;border:1px solid var(--ui-line,#e9edf2)!important;border-radius:50%!important;background:var(--paper,#fff);color:var(--ui-ink,#172b40);font:inherit;font-size:13px;cursor:pointer;box-shadow:0 1px 2px rgb(15 23 42/4%);transition:background .15s ease,border-color .15s ease;aspect-ratio:1/1!important;box-sizing:border-box!important;overflow:hidden}.app-header .color-mode-toggle:hover{background:var(--ui-soft,#f4f6f9)}.app-header .color-mode-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:3px}:root[data-color-mode=dark] body .legacy-runtime :is(.lesson-study-card,.lesson-study-compare-frame){background:var(--appearance-surface)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] body .legacy-runtime :is(.lesson-study-card-title,.lesson-study-section-heading h3,.lesson-study-compare-frame figcaption){color:var(--appearance-ink)!important;background:var(--appearance-surface)}:root[data-color-mode=dark] body .legacy-runtime :is(.lesson-study-section-note,.lesson-study-description,.lesson-study-status){color:var(--appearance-muted)!important}:root[data-color-mode=dark] body .legacy-runtime :is(.lesson-study-card-select,.lesson-study-clear){background:var(--appearance-soft)!important;color:var(--appearance-ink)!important;border-color:var(--appearance-line)!important;border-radius:9999px!important}:root[data-color-mode=dark] body .legacy-runtime .lesson-study-card-select[aria-pressed=true],:root[data-color-mode=dark] body .legacy-runtime :is(.lesson-study-card-select,.lesson-study-clear):hover:not(:disabled){background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand)!important}:root[data-color-mode=dark] body .legacy-runtime .lesson-study-card-select:disabled{background:var(--appearance-soft)!important;color:var(--appearance-muted)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] body .legacy-runtime .lesson-study-card-preview{border-bottom-color:var(--appearance-line)!important}:root[data-color-mode=dark] body :is(.app-shell,.stage-panel,.lesson-stage-toolbar,.lesson-guide-rail,.question-context,.lesson-context,.teaching-board,.teaching-board-step-heading,.teaching-board-step-body,.narration-confirm-card,.projection-gallery-dialog,.projection-gallery-header,.projection-gallery-card,.loading-stream-panel,.lesson-study-panel-card,.lesson-interaction-preview,.lesson-interaction-settings){background:var(--appearance-surface)!important;border-color:var(--appearance-line)!important;color:var(--appearance-ink)}:root[data-color-mode=dark] body .legacy-runtime{--teaching-observation:var(--appearance-info);--teaching-observation-soft:var(--appearance-info-soft);--teaching-thought:var(--appearance-violet);--teaching-thought-soft:var(--appearance-violet-soft);--teaching-formula:var(--appearance-accent);--teaching-formula-soft:var(--appearance-accent-soft);--teaching-result:var(--appearance-success);--teaching-result-soft:var(--appearance-success-soft)}:root[data-color-mode=dark] body .teaching-board-step-body .teaching-board-row[aria-current=step]{background:var(--appearance-soft)!important}:root[data-color-mode=dark] body .narration-confirm-card h3{color:var(--appearance-ink)}:root[data-color-mode=dark] body .narration-confirm-card p{color:var(--appearance-muted)}:root[data-color-mode=dark] body .narration-confirm-btn-secondary{background:var(--appearance-soft);border-color:var(--appearance-line);color:var(--appearance-ink)}:root[data-color-mode=dark] body .narration-confirm-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-color-mode=dark] body .narration-confirm-icon-wrap{background:var(--appearance-accent-soft);color:var(--appearance-accent)}:root[data-color-mode=dark] body :is(.entry-mascot,.login-mascot,.loading-writing-sprite){filter:invert(1) grayscale(1)}:root[data-color-mode=dark] body .loading-mascot-halo{background:transparent}:root[data-color-mode=dark] body :is(.profile-actions,.profile-error) button{background:var(--appearance-soft);color:var(--appearance-ink);border-color:var(--appearance-line)}:root[data-color-mode=dark] body .canvas-zoom-controls,:root[data-color-mode=dark] body .canvas-zoom-controls button{background:var(--appearance-soft)!important;color:var(--appearance-ink)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] body .lesson-original-image-trigger>span{background:var(--appearance-soft)!important;color:var(--appearance-ink)!important}:root[data-color-mode=dark] body #teachingBoardEmpty{background:var(--appearance-surface)!important;color:var(--appearance-muted)!important}:root[data-color-mode=dark] body .complete-answer-dialog-header span{color:var(--appearance-accent)!important}:root[data-color-mode=dark] body .complete-answer-dialog-header{background:var(--appearance-surface)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] body .legacy-runtime .complete-answer-question strong{color:var(--appearance-accent)!important}:root[data-color-mode=dark] body .tutor-image-picker>span{background:var(--appearance-soft)!important;color:var(--appearance-ink)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] body :is(.question-context .problem-statement,.teaching-board-step-title,.lesson-study-header h2){color:var(--appearance-ink)}:root[data-color-mode=dark] body #generateLessonButton:disabled,:root[data-color-mode=dark] body :is(.canvas-followup-panel,.narration-confirm-card) button:disabled{background:var(--appearance-soft)!important;border-color:var(--appearance-line)!important;color:var(--appearance-muted)!important;box-shadow:none!important}html body .app-header .top-links a.practice-navigation-button:hover{color:var(--appearance-accent,#0b4e9e)!important}.legacy-runtime.lesson-page .canvas-zoom-controls button:focus-visible,.legacy-runtime.lesson-page .canvas-zoom-controls button:hover:not(:disabled),.legacy-runtime.lesson-page .lesson-stage-tabs button:hover:not(:disabled),.legacy-runtime.lesson-page .teaching-board-legend-trigger:hover{color:var(--appearance-accent,var(--brand-strong,#0d5fc7))!important}.legacy-runtime.lesson-page .teaching-board-legend-trigger{color:var(--appearance-muted,#60718b)}:root[data-color-mode=dark] body .lesson-original-image-trigger{background:var(--appearance-surface)!important;color:var(--appearance-ink)!important}:root[data-color-mode=dark] body .lesson-stage-tabs button:active:not(:disabled),:root[data-color-mode=dark] body .lesson-stage-tabs button:hover:not(:disabled){background:var(--brand-soft)!important;color:var(--brand)!important}:root[data-color-mode=dark] body .lesson-stage-tabs button[aria-selected=true]{color:var(--brand)!important;border-bottom-color:var(--brand)!important}:root[data-color-mode=dark] body .lesson-original-image-trigger:hover{border-color:var(--appearance-accent-line)!important;box-shadow:0 2px 6px rgb(0 0 0/14%)}:root[data-color-mode=dark] body .legacy-runtime.lesson-page .canvas-followup-panel #tutorQuestionInput,:root[data-color-mode=dark] body .legacy-runtime.lesson-page .canvas-followup-panel #tutorQuestionInput:focus{background:var(--appearance-surface)!important;color:var(--appearance-ink)!important}:root[data-color-mode=dark] body .canvas-zoom-controls button:focus-visible,:root[data-color-mode=dark] body .canvas-zoom-controls button:hover:not(:disabled){background:var(--appearance-accent-soft)!important;color:var(--appearance-accent)!important;border-color:var(--appearance-accent-line)!important;box-shadow:0 2px 6px rgb(0 0 0/14%)}:root[data-color-mode=dark] body .canvas-zoom-controls button:active:not(:disabled){background:var(--appearance-accent-soft)!important;color:var(--appearance-accent)!important;box-shadow:inset 0 1px 3px rgb(0 0 0/24%)}:root[data-color-mode=dark] body :is(.tutor-image-picker:hover>span,.tutor-image-picker:focus-within>span,.legacy-runtime.lesson-page .tutor-question-tips button:hover:not(:disabled),.legacy-runtime.lesson-page .teaching-board-item .teaching-board-followup:hover,.legacy-runtime.lesson-page .teaching-board-item .teaching-board-followup:focus-visible,.canvas-shell button.canvas-followup-toggle:hover){background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 2px 6px rgb(0 0 0/14%)}:root[data-color-mode=dark] body :is(.tutor-image-picker:active>span,.legacy-runtime.lesson-page .tutor-question-tips button:active:not(:disabled),.legacy-runtime.lesson-page .teaching-board-item .teaching-board-followup:active){background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand)!important;box-shadow:inset 0 1px 3px rgb(0 0 0/24%)}:root[data-color-mode=dark] body .legacy-runtime.lesson-page .teaching-board-item .teaching-board-followup:focus-visible .teaching-board-followup-arrow,:root[data-color-mode=dark] body .legacy-runtime.lesson-page .teaching-board-item .teaching-board-followup:hover .teaching-board-followup-arrow{color:var(--brand)!important}:root[data-color-mode=dark] .legacy-runtime.lesson-page .auto-followup-sequence-item:not(.is-active),:root[data-color-mode=dark] .legacy-runtime.lesson-page :is(.lesson-interaction-option,.lesson-interaction-buttons button):not(.lesson-interaction-play){background:var(--appearance-soft)!important;color:var(--appearance-ink)!important;border-color:var(--appearance-line)!important}:root[data-color-mode=dark] .legacy-runtime.lesson-page .auto-followup-sequence-item:not(.is-active):is(:hover,:focus-visible):not(:disabled),:root[data-color-mode=dark] .legacy-runtime.lesson-page :is(.lesson-interaction-option,.lesson-interaction-buttons button):not(.lesson-interaction-play):is(:hover,:focus-visible,[aria-pressed=true]):not(:disabled){background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand)!important}:root[data-color-mode=dark] .legacy-runtime.lesson-page .lesson-interaction-option[aria-pressed=true] .lesson-interaction-option-mark{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}:root[data-color-mode=dark] .legacy-runtime.lesson-page :is(.lesson-interaction-option,.lesson-interaction-buttons button,.auto-followup-sequence-item):active:not(:disabled){box-shadow:inset 0 1px 3px rgb(0 0 0/24%)}:root[data-color-mode=dark] .legacy-runtime.lesson-page :is(.lesson-interaction-option,.lesson-interaction-buttons button,.auto-followup-sequence-item):disabled{background:var(--appearance-soft)!important;color:var(--appearance-muted)!important;border-color:var(--appearance-line)!important;opacity:1}:root[data-color-mode=dark] .legacy-runtime.lesson-page .auto-followup-sequence-item.is-error:not(.is-active){background:var(--appearance-danger-soft)!important;color:var(--appearance-danger)!important;border-color:var(--appearance-danger-line)!important}:root[data-color-mode=dark] .legacy-runtime.lesson-page .lesson-interaction-control input[type=number]{background:var(--appearance-soft)!important;color:var(--appearance-ink)!important;border-color:var(--appearance-line)!important}@media (max-width:760px){.app-header .color-mode-toggle{width:32px;min-width:32px;height:32px}}