:root{color-scheme:light dark;font-family:SF Mono,SF Pro Text,ui-monospace,Menlo,Monaco,Consolas,monospace;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:#f3f3f1;color:#1d1d1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:#f3f3f1}button,textarea,input{font:inherit}button{border:0}.math-shell{--background: #f3f3f1;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-line: rgba(20, 20, 20, .11);--text: #1d1d1f;--text-muted: rgba(29, 29, 31, .5);--grid: rgba(40, 42, 45, .09);--axis: rgba(40, 42, 45, .32);--accent-primary: #05bfff;--accent-soft: rgba(5, 191, 255, .16);--success-primary: #1f9f55;--success-soft: rgba(31, 159, 85, .16);--warning: #c67421;--shadow: 0 22px 70px rgba(0, 0, 0, .11);width:100%;min-height:100vh;display:grid;align-content:start;gap:14px;padding:18px;overflow:visible;background:radial-gradient(circle at 68% 42%,rgba(255,255,255,.55),transparent 30%),linear-gradient(180deg,var(--background),#e9e9e6);color:var(--text)}.math-shell.theme-dark{--background: #151618;--surface: rgba(31, 32, 35, .74);--surface-strong: rgba(31, 32, 35, .94);--surface-line: rgba(255, 255, 255, .09);--text: #deded9;--text-muted: rgba(222, 222, 217, .48);--grid: rgba(255, 255, 255, .055);--axis: rgba(255, 255, 255, .24);--accent-primary: #08c8ff;--accent-soft: rgba(8, 200, 255, .14);--success-primary: #49d17d;--success-soft: rgba(73, 209, 125, .16);--warning: #ffb15c;--shadow: 0 26px 90px rgba(0, 0, 0, .34);background:radial-gradient(circle at 72% 40%,rgba(255,255,255,.055),transparent 32%),linear-gradient(180deg,#17181a,#121315)}.formula-panel,.example-rail,.science-workbench,.learning-panel{min-height:0;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(26px) saturate(1.16);-webkit-backdrop-filter:blur(26px) saturate(1.16);overflow:hidden}.formula-panel{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:520px;height:100%;overflow:visible}.formula-panel.has-topic-help{grid-template-rows:auto auto minmax(0,1fr)}.app-page{width:100%;min-height:calc(100svh - 36px)}.graph-lab{display:grid;gap:14px;min-height:calc(100svh - 36px)}.learning-page{display:grid;align-content:start;gap:14px}.content-shell{align-content:start;min-height:calc(100svh - 36px)}.knowledge-flow{display:grid;align-content:start;gap:26px}.knowledge-block{display:grid;gap:12px;scroll-margin-top:18px}.knowledge-block-header{min-width:0;border:1px solid var(--surface-line);border-radius:8px;padding:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}.knowledge-block-header span{display:block;margin-bottom:6px;color:var(--accent-primary);font-size:12px;line-height:1}.knowledge-block-header h2{margin:0;color:var(--text);font-size:21px;line-height:1.14}.knowledge-block-header p{max-width:860px;margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.learning-intro{display:grid;gap:14px;border:1px solid var(--surface-line);border-radius:8px;padding:16px;background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.14);-webkit-backdrop-filter:blur(24px) saturate(1.14)}.learning-intro-main{max-width:920px}.learning-intro-main span{display:block;margin-bottom:6px;color:var(--accent-primary);font-size:12px}.learning-intro-main h2{margin:0;color:var(--text);font-size:24px;line-height:1.14}.learning-intro-main p,.learning-intro-grid p{margin:8px 0 0;color:var(--text-muted);font-size:14px;line-height:1.55}.learning-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.learning-intro-grid article{min-width:0;border:1px solid var(--surface-line);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent)}.learning-intro-grid strong{color:var(--text);font-size:13px}.intro-action{width:fit-content;min-width:180px}.workspace-header,.lab-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--surface-line);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.14);-webkit-backdrop-filter:blur(24px) saturate(1.14)}.learning-workspace-header{justify-content:flex-end;padding:10px 12px}.workspace-title,.lab-header>div{min-width:0}.workspace-title span,.lab-header span{display:block;margin-bottom:4px;color:var(--text-muted);font-size:12px;line-height:1}.workspace-title h1,.lab-header h2{margin:0;color:var(--text);font-size:23px;line-height:1.1}.workspace-title p,.lab-header p{margin:7px 0 0;color:var(--text-muted);font-size:12px;line-height:1.35}.workspace-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;padding:0 11px;background:#7878801f;color:var(--text);cursor:pointer;text-decoration:none;font-size:12px;line-height:1;transition:background-color .16s ease,color .16s ease,transform .16s ease}.mode-tab:hover,.mode-tab:focus-visible,.mode-tab.active{background:var(--accent-soft);color:var(--accent-primary);outline:none}.mode-tab:active{transform:translateY(1px)}.content-body{min-width:0;min-height:0}.science-page-grid{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:14px}.science-page-grid .science-workbench,.science-page-grid .example-rail,.learning-content .learning-panel{min-height:0}.graph-lab{scroll-margin-top:0}.lab-grid{--editor-width: 360px;min-width:0;min-height:0;height:calc(100svh - 36px);display:grid;grid-template-columns:minmax(300px,var(--editor-width)) 10px minmax(520px,1fr);gap:10px}.lab-grid .visual-panel,.lab-grid .formula-panel{min-height:0}.split-resizer{position:relative;align-self:stretch;width:10px;min-width:10px;border-radius:8px;background:transparent;cursor:col-resize;touch-action:none}.split-resizer:before{content:"";position:absolute;inset:8px 2px;border-radius:999px;background:color-mix(in srgb,var(--surface-line) 72%,transparent);opacity:.72;transition:background-color .16s ease,opacity .16s ease,transform .16s ease}.split-resizer:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:38px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 46%,transparent);box-shadow:-4px 0 color-mix(in srgb,var(--text-muted) 22%,transparent),4px 0 color-mix(in srgb,var(--text-muted) 22%,transparent);transform:translate(-50%,-50%);transition:background-color .16s ease,box-shadow .16s ease}.split-resizer:hover:before,.split-resizer:focus-visible:before,.lab-grid.is-resizing .split-resizer:before{background:var(--accent-soft);opacity:1;transform:scaleX(1.12)}.split-resizer:hover:after,.split-resizer:focus-visible:after,.lab-grid.is-resizing .split-resizer:after{background:var(--accent-primary);box-shadow:-4px 0 color-mix(in srgb,var(--accent-primary) 36%,transparent),4px 0 color-mix(in srgb,var(--accent-primary) 36%,transparent)}.split-resizer:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.lab-grid-resize-active{cursor:col-resize;-webkit-user-select:none;user-select:none}.rail-header{display:flex;align-items:center;gap:8px;padding:12px}.panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px}.panel-header,.rail-header{justify-content:space-between;border-bottom:1px solid var(--surface-line)}.rail-header p{margin:0 0 4px;color:var(--text);font-size:15px;line-height:1.1}.panel-header span,.rail-header span,.scene-empty{color:var(--text-muted);font-size:12px}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-wrap:nowrap;gap:5px;min-width:0}.formula-panel .panel-header>div:first-child{display:flex;align-items:center;flex:1 1 auto;min-width:62px}.formula-panel .panel-header span{font-size:11px;line-height:1.2;white-space:nowrap}.library-menu-anchor{position:relative;display:inline-grid}.formula-input{width:100%;height:100%;min-height:0;padding:18px 18px 24px;resize:none;border:0;outline:0;background:transparent;color:var(--text);caret-color:var(--accent-primary);font-size:20px;line-height:1.55;letter-spacing:0;tab-size:2}.formula-input::selection{background:var(--accent-soft)}.topic-help{display:grid;gap:8px;padding:12px 14px;border-top:1px solid var(--surface-line);border-bottom:1px solid var(--surface-line);background:color-mix(in srgb,var(--surface-strong) 64%,transparent)}.topic-help div:first-child{display:grid;gap:4px}.topic-help span{color:var(--text-muted);font-size:11px;line-height:1.1}.topic-help strong{color:var(--text);font-size:14px;line-height:1.2}.topic-help p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.42}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:#7878801f;color:var(--text);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.formula-panel .icon-button{width:30px;height:30px}.icon-button:hover,.icon-button:focus-visible,.icon-button.active{background:var(--accent-soft);color:var(--accent-primary);outline:none}.icon-button:active{transform:translateY(1px)}.visual-panel{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);gap:10px}.canvas-stage{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);box-shadow:var(--shadow);overflow:hidden}.canvas-plot{min-width:0;min-height:0;display:grid;overflow:hidden}.math-canvas{display:block;width:100%;height:100%;min-height:360px;overflow:hidden}.canvas-background{fill:transparent}.grid-lines line{stroke:var(--grid);stroke-width:1}.axis-lines line{stroke:var(--axis);stroke-width:1.8}.axis-labels text{fill:var(--text-muted);stroke:var(--surface-strong);stroke-width:4;paint-order:stroke;font-size:20px;font-weight:700;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none}.region-cells rect{fill:var(--plot-color);opacity:var(--region-opacity)}.bar-plots rect{fill:var(--plot-color);opacity:.34;vector-effect:non-scaling-stroke}.explicit-plots path,.implicit-plots line,.scene-vectors line{fill:none;stroke:var(--plot-color);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.explicit-plots path{stroke-width:3.1}.implicit-plots line{stroke-width:2.2;opacity:.92}.scene-vectors line{stroke-width:1.7;opacity:.74}.scene-vectors path{fill:var(--plot-color);opacity:.74}.geometry-shapes line,.geometry-shapes ellipse{fill:none;stroke:color-mix(in srgb,var(--accent-primary) 72%,var(--text));stroke-width:2;vector-effect:non-scaling-stroke}.geometry-shapes ellipse{opacity:.72}.geometry-shapes .vector-head{fill:color-mix(in srgb,var(--accent-primary) 72%,var(--text));stroke:none}.geometry-points circle{fill:var(--accent-primary);stroke:color-mix(in srgb,var(--background) 70%,transparent);stroke-width:2.5;vector-effect:non-scaling-stroke}.geometry-points text{fill:var(--text);font-size:18px;paint-order:stroke;stroke:color-mix(in srgb,var(--background) 82%,transparent);stroke-width:5px}.scene-legend{width:100%;min-height:52px;max-height:52px;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;align-items:center;border-top:1px solid var(--surface-line);padding:8px 12px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent)}.scene-legend span{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:30px;padding:5px 9px;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:12px;white-space:nowrap}.scene-legend .formula-legend-item{max-width:min(260px,32vw);overflow:hidden;text-overflow:ellipsis}.scene-legend i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.scene-legend .geometry-dot{background:var(--accent-primary)}.scene-empty{margin:0;align-self:center;padding:0 12px}.warning-strip{max-height:74px;display:grid;gap:6px;overflow:auto;color:var(--warning);font-size:12px}.warning-strip span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--warning) 42%,transparent);border-radius:8px;background:color-mix(in srgb,var(--warning) 13%,var(--surface))}.library-menu-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:30;width:min(520px,calc(100vw - 36px));max-height:min(640px,calc(100svh - 122px));display:flex;flex-direction:column;overflow:auto;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface-strong);box-shadow:0 24px 80px #0000003d;backdrop-filter:blur(28px) saturate(1.18);-webkit-backdrop-filter:blur(28px) saturate(1.18)}.library-menu-popover .rail-header,.library-menu-popover .rail-search{flex:0 0 auto;background:color-mix(in srgb,var(--surface-strong) 94%,transparent)}.library-menu-popover .example-group{flex:0 0 auto}.example-rail{display:flex;flex-direction:column;overflow:auto}.deferred-rail{min-width:0;min-height:0}.library-placeholder{min-height:280px}.library-placeholder-body{display:grid;gap:10px;padding:16px}.library-placeholder-body strong{color:var(--text);font-size:14px}.library-placeholder-body p{max-width:520px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.library-placeholder-body .science-run{width:fit-content;margin:0;padding:0 13px}.right-stack{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;overflow:hidden}.learning-mode .right-stack{grid-template-rows:auto minmax(0,1fr)}.right-content-stack{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(112px,.28fr);gap:12px;overflow:hidden}.science-workbench{display:flex;flex-direction:column;overflow:auto}.app-page .science-workbench,.app-page .example-rail,.app-page .learning-panel{overflow:visible}.app-page .learning-panel{display:grid;align-content:start;gap:12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-page .science-workbench{display:grid;align-content:start;gap:12px;border:0;padding:12px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-page .science-workbench>.rail-header,.app-page .science-status,.app-page .science-guide,.app-page .science-packages,.app-page .science-presets,.app-page .science-field,.app-page .science-result{border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 56%,transparent)}.app-page .science-workbench>.rail-header,.app-page .science-status,.app-page .science-guide,.app-page .science-packages,.app-page .science-presets,.app-page .science-field{border-bottom:1px solid var(--surface-line)}.app-page .science-run{margin:0}.app-page .science-package-list,.app-page .science-track-methods{max-height:none;overflow:visible}.app-page .lesson-content{display:grid;gap:14px;overflow:visible;padding:0}.app-page .learning-menu-bar,.app-page .learning-progress,.app-page .learning-search,.app-page .lesson-roadmap{border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent)}.app-page .learning-menu-popover .learning-progress,.app-page .learning-menu-popover .learning-search,.app-page .learning-menu-popover .lesson-roadmap{border-right:0;border-left:0;border-radius:0}.app-page .learning-menu-popover .learning-progress{border-top:0}.app-page .learning-menu-popover .lesson-roadmap{border-bottom:0}.app-page .lesson-level-status,.app-page .lesson-theory,.app-page .lesson-glossary,.app-page .lesson-checks,.app-page .lesson-experiments,.app-page .lesson-practice,.app-page .lesson-methods,.app-page .lesson-science-map,.app-page .lesson-package-map{margin-top:0;border:1px solid var(--surface-line);border-radius:8px;padding:14px;background:color-mix(in srgb,var(--surface-strong) 48%,transparent)}.app-page .lesson-kicker,.app-page .lesson-ideas{padding:2px 0}.app-page .lesson-complete-button{margin-top:0}.science-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:30px;padding:6px 12px;border-bottom:1px solid var(--surface-line);color:var(--text-muted);font-size:12px}.science-status svg{color:var(--accent-primary)}.science-guide{display:grid;flex:0 0 auto;gap:6px;padding:10px 12px;border-bottom:1px solid var(--surface-line)}.science-guide span,.science-guide em{color:var(--text-muted);font-size:11px}.science-guide strong{color:var(--text);font-size:13px;line-height:1.2}.science-guide p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}.science-guide em{font-style:normal;color:var(--accent-primary)}.science-packages{flex:0 0 auto;border-bottom:1px solid var(--surface-line)}.science-packages summary{padding:9px 12px;color:var(--text);cursor:pointer;font-size:12px;list-style-position:inside}.science-package-list{display:grid;gap:8px;max-height:300px;overflow:auto;padding:0 12px 12px}.science-package-card{display:grid;gap:5px;padding:9px;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent)}.science-package-card div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.science-package-card strong{color:var(--text);font-size:12px}.science-package-card span,.science-package-card small{color:var(--text-muted);font-size:10px}.science-package-card p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}.science-presets{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:7px 12px;border-bottom:1px solid var(--surface-line)}.science-preset,.science-run{border-radius:8px;background:#7878801f;color:var(--text);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.science-preset{flex:0 0 auto;padding:7px 9px;font-size:11px;white-space:nowrap}.science-preset.active,.science-preset:hover,.science-preset:focus-visible,.science-run:hover,.science-run:focus-visible{background:var(--accent-soft);color:var(--accent-primary);outline:none}.science-field{display:grid;flex:0 0 auto;gap:6px;padding:8px 12px;border-bottom:1px solid var(--surface-line)}.science-field span{color:var(--text-muted);font-size:11px}.science-field input,.science-field select,.science-field textarea{width:100%;border:1px solid var(--surface-line);border-radius:8px;outline:0;background:color-mix(in srgb,var(--surface-strong) 74%,transparent);color:var(--text);font-size:12px;letter-spacing:0}.science-field input,.science-field select{height:30px;padding:0 9px}.science-field textarea{min-height:86px;height:100%;resize:none;padding:9px;line-height:1.35}.science-payload-field{min-height:132px;flex:0 0 auto}.science-run{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:32px;margin:8px 12px;font-size:12px}.science-run:disabled{cursor:default;opacity:.58}.science-result{min-height:86px;margin:0;padding:10px 12px 12px;overflow:auto;border-top:1px solid var(--surface-line);color:var(--text-muted);font-size:11px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.learning-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.learning-menu-bar,.learning-search{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--surface-line)}.learning-menu-bar{justify-content:space-between}.learning-menu-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;border-radius:8px;padding:0 10px;background:#7878801f;color:var(--text);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.learning-menu-trigger:hover,.learning-menu-trigger:focus-visible,.learning-menu-trigger.active{background:var(--accent-soft);color:var(--accent-primary);outline:none}.learning-menu-trigger:active{transform:translateY(1px)}.learning-menu-trigger>span{display:grid;gap:2px;text-align:left}.learning-menu-trigger strong{color:var(--text);font-size:12px;line-height:1.1}.learning-menu-trigger small,.learning-current-lesson span{color:var(--text-muted);font-size:11px;line-height:1.1}.learning-current-lesson{min-width:0;flex:1 1 auto;display:grid;gap:3px}.learning-current-lesson strong{display:block;min-width:0;overflow:hidden;color:var(--text);font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.learning-menu-popover{position:absolute;z-index:20;top:58px;left:12px;width:min(440px,calc(100% - 24px));max-height:min(70svh,620px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 20px 54px #00000057;backdrop-filter:blur(28px) saturate(1.18);-webkit-backdrop-filter:blur(28px) saturate(1.18)}.learning-progress{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid var(--surface-line);background:color-mix(in srgb,var(--surface-strong) 58%,transparent)}.learning-progress div{display:flex;align-items:center;justify-content:space-between;gap:10px}.learning-progress strong{color:var(--text);font-size:12px;line-height:1.25}.learning-progress span{flex:0 0 auto;color:var(--text-muted);font-size:11px}.learning-progress progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:#78788029}.learning-progress progress::-webkit-progress-bar{background:#78788029;border-radius:999px}.learning-progress progress::-webkit-progress-value{background:var(--accent-primary);border-radius:999px}.learning-progress progress::-moz-progress-bar{background:var(--accent-primary);border-radius:999px}.lesson-nav{display:flex;gap:7px}.lesson-nav .icon-button:disabled{opacity:.42;cursor:default}.learning-search{padding:10px 12px;color:var(--accent-primary)}.learning-search input{width:100%;height:32px;border:1px solid var(--surface-line);border-radius:8px;outline:0;padding:0 9px;background:color-mix(in srgb,var(--surface-strong) 74%,transparent);color:var(--text);font-size:12px}.lesson-roadmap{display:grid;gap:7px;overflow:auto;padding:9px 12px;border-bottom:1px solid var(--surface-line)}.lesson-chip{display:inline-flex;align-items:center;gap:7px;width:100%;padding:8px 10px;border-radius:8px;background:#7878801f;color:var(--text);cursor:pointer;font-size:12px;text-align:left}.lesson-chip-level{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--surface-line));border-radius:7px;padding:2px 5px;color:var(--accent-primary);font-size:10px;line-height:1.1}.lesson-chip-index,.lesson-chip-status{color:var(--text-muted)}.lesson-chip-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.lesson-chip-status{border:1px solid var(--surface-line);border-radius:999px;padding:2px 6px;font-size:10px}.lesson-chip.active,.lesson-chip:hover,.lesson-chip:focus-visible{background:var(--accent-soft);color:var(--accent-primary);outline:none}.lesson-chip.completed{border-color:color-mix(in srgb,var(--success-primary) 42%,var(--surface-line));background:var(--success-soft)}.lesson-chip.completed .lesson-chip-status{display:inline-flex;align-items:center;gap:4px;border-color:color-mix(in srgb,var(--success-primary) 42%,var(--surface-line));color:var(--success-primary)}.lesson-content{min-height:0;overflow:auto;padding:14px 14px 18px}.lesson-level-status{display:grid;gap:5px;padding:10px;border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--surface-line));border-radius:8px;background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.lesson-level-status span{color:var(--accent-primary);font-size:11px;font-weight:700;line-height:1.1}.lesson-level-status strong{color:var(--text);font-size:14px;line-height:1.2}.lesson-level-status p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.42}.lesson-kicker,.lesson-ideas{display:flex;flex-wrap:wrap;gap:7px}.lesson-kicker span,.lesson-ideas span{border:1px solid var(--surface-line);border-radius:8px;padding:5px 7px;color:var(--text-muted);background:color-mix(in srgb,var(--surface-strong) 60%,transparent);font-size:11px}.lesson-content h1{margin:14px 0 8px;color:var(--text);font-size:22px;line-height:1.15}.lesson-complete-button{width:100%;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;border-radius:8px;padding:8px 10px;background:#7878801f;color:var(--text);cursor:pointer;text-align:center}.lesson-complete-button.completed,.lesson-complete-button:hover,.lesson-complete-button:focus-visible{background:var(--accent-soft);color:var(--accent-primary);outline:none}.lesson-complete-button.completed{background:var(--success-soft);color:var(--success-primary)}.lesson-summary,.lesson-theory p,.lesson-glossary-card p,.lesson-glossary-card em,.lesson-experiment-card p,.lesson-experiment-card em,.lesson-experiment-card small,.lesson-method-card p,.lesson-science-map p,.science-track p,.science-track-method p,.science-track-method em,.lesson-package-card p,.lesson-question{color:var(--text-muted);font-size:13px;line-height:1.48}.lesson-theory,.lesson-glossary,.lesson-checks,.lesson-experiments,.lesson-practice,.lesson-methods{display:grid;gap:9px;margin-top:16px}.lesson-science-map,.lesson-package-map{display:grid;gap:9px;margin-top:18px}.lesson-theory h2,.lesson-glossary h2,.lesson-experiments h2,.lesson-practice h2,.lesson-methods h2,.lesson-science-map h2,.lesson-package-map h2{margin:0;color:var(--text);font-size:13px;line-height:1.2}.lesson-theory p{margin:0}.lesson-glossary{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-glossary h2{grid-column:1 / -1}.lesson-glossary-card{display:grid;gap:6px;min-width:0;padding:10px;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 52%,transparent)}.lesson-glossary-card strong{color:var(--text);font-size:13px;line-height:1.25}.lesson-glossary-card p,.lesson-glossary-card em{margin:0}.lesson-glossary-card em{color:var(--accent-primary);font-style:normal}.lesson-checks{grid-template-columns:1fr 1fr}.lesson-checks div{display:grid;gap:5px;padding:10px;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 52%,transparent)}.lesson-checks strong{color:var(--text);font-size:12px}.lesson-checks p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.4}.lesson-experiment-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;width:100%;border:1px solid var(--surface-line);border-radius:8px;padding:10px;background:color-mix(in srgb,var(--surface-strong) 58%,transparent);color:var(--text);cursor:pointer;text-align:left}.lesson-experiment-card svg{margin-top:2px;color:var(--accent-primary)}.lesson-experiment-card span{display:grid;min-width:0;gap:5px}.lesson-experiment-card strong{color:var(--text);font-size:13px}.lesson-experiment-card p,.lesson-experiment-card em,.lesson-experiment-card small{margin:0}.lesson-experiment-card em{font-style:normal;color:var(--accent-primary)}.lesson-experiment-card small{font-size:12px}.lesson-experiment-card:hover,.lesson-experiment-card:focus-visible{background:var(--accent-soft);outline:none}.lesson-practice button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;border-radius:8px;padding:8px 10px;background:#7878801f;color:var(--text);cursor:pointer;text-align:left}.lesson-practice button:hover,.lesson-practice button:focus-visible{background:var(--accent-soft);color:var(--accent-primary);outline:none}.lesson-method-card{display:grid;gap:5px;padding:10px;border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent)}.lesson-method-card strong{color:var(--text);font-size:13px}.lesson-method-card span{color:var(--text-muted);font-size:11px}.lesson-method-card p,.lesson-question{margin:0}.lesson-science-map>p,.science-track p,.science-track-method p,.science-track-method em,.lesson-package-card p{margin:0}.science-track{border:1px solid var(--surface-line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent);overflow:hidden}.science-track summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;cursor:pointer;color:var(--text);list-style:none}.science-track summary::-webkit-details-marker{display:none}.science-track summary span,.science-track-method,.lesson-package-card{display:grid;gap:5px;min-width:0}.science-track summary strong{font-size:13px}.science-track summary small,.science-track>small,.science-track-method span,.lesson-package-card span{color:var(--text-muted);font-size:11px;line-height:1.35}.science-track summary em{min-width:34px;border-radius:999px;padding:4px 8px;background:var(--accent-soft);color:var(--accent-primary);font-style:normal;font-size:12px;text-align:center}.science-track>p,.science-track>small{display:block;padding:0 10px 9px}.science-track-methods{display:grid;gap:8px;max-height:360px;overflow:auto;padding:9px;border-top:1px solid var(--surface-line)}.science-track-method{border:1px solid var(--surface-line);border-radius:8px;padding:9px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.science-track-method.active{border-color:color-mix(in srgb,var(--accent-primary) 48%,var(--surface-line));background:var(--accent-soft)}.science-track-method strong,.lesson-package-card strong{color:var(--text);font-size:12px}.science-track-method code,.lesson-package-card code{width:fit-content;max-width:100%;border-radius:7px;padding:3px 6px;background:#78788024;color:var(--text-muted);font-family:inherit;font-size:11px;overflow-wrap:anywhere}.science-track-method em{color:var(--accent-primary);font-style:normal}.lesson-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-package-card{border:1px solid var(--surface-line);border-radius:8px;padding:9px;background:color-mix(in srgb,var(--surface-strong) 54%,transparent)}.lesson-question{margin-top:16px;color:var(--accent-primary)}.rail-search{padding:10px 12px;border-bottom:1px solid var(--surface-line);background:color-mix(in srgb,var(--surface-strong) 84%,transparent)}.rail-search input{width:100%;height:34px;border:1px solid var(--surface-line);border-radius:8px;outline:0;padding:0 10px;background:color-mix(in srgb,var(--surface-strong) 74%,transparent);color:var(--text);font-size:13px;letter-spacing:0}.rail-search input:focus{border-color:color-mix(in srgb,var(--accent-primary) 46%,var(--surface-line))}.rail-search input::placeholder{color:var(--text-muted)}.example-group{display:grid;flex:0 0 auto}.example-group h2{margin:0;padding:11px 14px 8px;border-bottom:1px solid var(--surface-line);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);color:var(--text-muted);font-size:11px;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase}.example-row{display:grid;grid-template-columns:34px 26px 1fr;align-items:start;min-height:52px;padding:10px 12px;gap:6px;border-bottom:1px solid var(--surface-line);background:transparent;color:var(--text);text-align:left;cursor:pointer;line-height:1.22}.example-row.active,.example-row:hover,.example-row:focus-visible{background:var(--accent-soft);outline:none}.example-index{color:var(--text-muted)}.example-row>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}@media(max-width:1120px){.app-page,.graph-lab,.content-shell{height:auto;min-height:auto}.workspace-header,.lab-header{align-items:flex-start}.science-page-grid,.lab-grid{height:auto;grid-template-columns:1fr}.split-resizer{display:none}.science-page-grid .science-workbench,.science-page-grid .example-rail,.learning-content .learning-panel{height:auto}.formula-panel{min-height:380px;height:auto}.formula-input{min-height:220px}.lab-grid .visual-panel{min-height:560px}.example-rail{max-height:520px}.app-page .example-rail{max-height:none}.science-workbench{min-height:520px}}@media(max-width:620px){.math-shell{padding:10px}.content-shell,.graph-lab{gap:10px}.workspace-header,.lab-header{flex-direction:column}.workspace-controls{width:100%;justify-content:flex-start}.mode-tab{flex:1 1 auto}.formula-panel{min-height:340px}.formula-input{font-size:18px}.learning-intro-grid{grid-template-columns:1fr}.lab-grid .visual-panel{min-height:430px}.lesson-checks,.lesson-glossary,.lesson-package-grid{grid-template-columns:1fr}.panel-header,.rail-header{padding:10px}.scene-legend{max-height:118px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}