:root{--surface:#f6f8f5;--panel:#fff;--panel-soft:#fbfcfa;--ink:#1e261f;--muted:#68746b;--border:#d9e2da;--primary:#2f6f4e;--primary-strong:#1e4e39;--primary-dark:#173f32;--primary-soft:#e7f5ec;--accent:#d14f30;--accent-strong:#a83a24;--accent-soft:#fff0ea;--geometry:#2563eb;--geometry-soft:#eaf1ff;--precalc:#be185d;--precalc-soft:#fde8f1;--warning:#b7791f;--warning-soft:#fff4ce;--danger:#b42318;--danger-soft:#ffe7e2;--grid:#e1e7df;--axis:#5d675f;--shadow-soft:0 14px 38px #1e261f14;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--surface)}body{min-width:320px;margin:0}button,input{font:inherit}p{margin:0}.app-shell{background:linear-gradient(90deg, #2f6f4e14, transparent 28%), linear-gradient(180deg, #d14f300f, transparent 46%), var(--surface);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcf9f0;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:48px;display:flex}.brand-mark{background:var(--primary);width:44px;height:44px;color:var(--panel);border-radius:8px;place-items:center;font-size:15px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);font-size:16px;line-height:1.1}.brand span{color:var(--muted);margin-top:2px;font-size:13px}.module-nav,.subject-tabs{gap:9px;display:grid}.module-nav button,.subject-tabs button{width:100%;min-height:74px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr;grid-template-areas:"icon label""icon standard";align-items:center;gap:2px 10px;padding:12px;display:grid}.module-nav button:hover,.module-nav button.active,.subject-tabs button:hover,.subject-tabs button.active{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow-soft)}.module-nav button.active,.subject-tabs button.active{color:var(--primary)}.module-nav svg,.subject-tabs svg{grid-area:icon}.module-nav span,.subject-tabs span{color:var(--ink);grid-area:label;font-weight:750}.module-nav small,.subject-tabs small{color:var(--muted);grid-area:standard;font-size:12px}.standards-card{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:8px;gap:8px;margin-top:auto;padding:14px;display:grid}.standards-card svg{color:var(--accent)}.standards-card p{font-size:13px;line-height:1.45}.workspace{align-content:start;gap:16px;min-width:0;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.module-title{gap:13px;min-width:0;display:flex}.module-title>svg{color:var(--primary);flex:none;margin-top:7px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.module-title h1,.stage-header h2{color:var(--ink);letter-spacing:0;margin:0}.module-title h1{font-size:clamp(28px,4vw,44px);line-height:1.03}.module-title span{max-width:760px;color:var(--muted);margin-top:8px;font-size:15px;line-height:1.45;display:block}.mode-switch,.segmented{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:8px;flex:none;align-items:center;padding:4px;display:inline-flex}.top-actions{flex:none;align-items:center;gap:10px;display:flex}.mode-switch button,.segmented button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:750;display:inline-flex}.mode-switch button{padding:0 12px}.segmented{width:100%}.segmented button{flex:1 1 0;padding:0 8px}.mode-switch button.active,.segmented button.active{background:var(--primary-dark);color:var(--panel)}.standard-strip{min-height:42px;color:var(--primary-strong);background:var(--primary-soft);border:1px solid #bcd8c6;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-weight:720;display:flex}.module-grid{grid-template-columns:minmax(420px,1fr) minmax(330px,420px);align-items:start;gap:16px;display:grid}.visual-stage,.tool-panel,.learning-panel,.table-panel,.algebra-panel,.solution-card,.truth-list{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:8px}.visual-stage{min-width:0;padding:16px}.stage-header{justify-content:space-between;align-items:flex-start;gap:12px;min-height:64px;margin-bottom:14px;display:flex}.stage-header h2{word-break:break-word;font-size:clamp(20px,2.4vw,31px);line-height:1.1}.score-pill,.match-pill,.truth-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.match-pill{text-transform:uppercase;min-width:82px}.match-pill.far{color:var(--accent-strong);background:var(--accent-soft)}.match-pill.close{color:var(--warning);background:var(--warning-soft)}.match-pill.matched{color:var(--primary-strong);background:var(--primary-soft)}.score-pill{color:var(--accent-strong);background:var(--accent-soft)}.score-pill.complete,.truth-pill.true{color:var(--primary-strong);background:var(--primary-soft)}.truth-pill.false{color:var(--danger);background:var(--danger-soft)}.plane{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;display:block}.plane-bg{fill:var(--panel-soft)}.grid-line{stroke:var(--grid);stroke-width:1px}.axis-line{stroke:var(--axis);stroke-width:2px}.axis-label{fill:var(--muted);font-size:12px;font-weight:650}.parent-curve{fill:none;stroke:#8a938c;stroke-width:3px;stroke-dasharray:8 8}.main-curve{fill:none;stroke:var(--primary);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.target-curve{fill:none;stroke:var(--accent);stroke-width:5px;stroke-dasharray:12 8;stroke-linecap:round}.geometry-circle{fill:#2563eb1f;stroke:var(--geometry);stroke-width:5px}.radius-line{stroke:var(--geometry);stroke-width:4px;stroke-linecap:round}.center-dot{fill:var(--geometry-soft);stroke:var(--geometry);stroke-width:5px;cursor:grab}.radius-handle{fill:var(--ink);stroke:var(--geometry-soft);stroke-width:4px;cursor:grab}.center-dot.active,.radius-handle.active{filter:drop-shadow(0 0 8px #2563eb61)}.sine-curve{fill:none;stroke:var(--precalc);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.midline{stroke:var(--precalc);stroke-width:2px;stroke-dasharray:9 7}.amplitude-guide{stroke:#be185d5c;stroke-width:2px;stroke-dasharray:4 6}.key-point{fill:var(--panel);stroke:var(--precalc);stroke-width:4px}.trail-curve{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.guide-line{stroke:var(--axis);stroke-width:2px;stroke-dasharray:5 6}.vertex-dot,.intersection-dot{fill:var(--panel);stroke:var(--primary);stroke-width:5px}.vertex-dot,.scale-handle,.line-handle{cursor:grab}.vertex-dot.active,.scale-handle.active{filter:drop-shadow(0 0 8px #2f6f4e6b)}.scale-handle{fill:var(--ink);stroke:var(--panel);stroke-width:4px}.drag-hit-zone{fill:#0000;stroke:#0000;cursor:grab;pointer-events:all}.handle-tether{stroke:var(--primary);stroke-width:2px;stroke-dasharray:4 5}.handle-label,.graph-label,.boundary-label{fill:var(--ink);paint-order:stroke;stroke:var(--panel);stroke-width:5px;stroke-linejoin:round;pointer-events:none;font-size:14px;font-weight:850}.target-label{fill:var(--accent-strong)}.parent-label{fill:var(--axis)}.current-label{fill:var(--primary)}.axis-name{fill:var(--axis)}.line-one,.line-two{fill:none;stroke-width:5px;stroke-linecap:round}.line-one{stroke:var(--primary)}.line-two{stroke:var(--accent)}.target-crosshair,.target-ring{stroke:var(--warning);stroke-width:3px;fill:none}.target-crosshair{stroke-linecap:round}.slope-triangle line{stroke:#1e261f57;stroke-width:2px;stroke-dasharray:5 5}.line-handle{fill:var(--panel);stroke-width:4px}.line-one-handles .line-handle{stroke:var(--primary)}.line-two-handles .line-handle{stroke:var(--accent)}.shade-cell{fill:#2f6f4e29}.boundary{fill:none;stroke-width:5px;stroke-linecap:round}.boundary.dashed{stroke-dasharray:12 10}.test-point circle{fill:var(--warning);stroke:var(--accent-strong);stroke-width:4px}.test-point text{fill:var(--ink);paint-order:stroke;stroke:var(--warning-soft);stroke-width:6px;font-size:18px;font-weight:850}.control-stack{gap:12px;display:grid}.tool-panel,.table-panel,.algebra-panel,.truth-list,.learning-panel{padding:14px}.panel-heading{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.panel-heading svg{color:var(--primary);flex:none;margin-top:2px}.panel-heading h3,.table-panel h3,.algebra-panel h3,.line-control h3{color:var(--ink);margin:0;font-size:15px;line-height:1.2}.panel-heading p,.algebra-panel p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.lesson-card{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px;display:grid}.flow-step{border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:8px;align-content:start;gap:7px;min-height:126px;padding:11px;display:grid}.flow-step.active{border-color:var(--primary);background:var(--primary-soft)}.flow-step span{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}.flow-step p{color:var(--ink);margin:0;font-size:13px;line-height:1.38}.flow-step strong{color:var(--primary-strong);font-size:13px;line-height:1.35}.preset-list{gap:8px;display:grid}.preset-list button{border:1px solid var(--border);background:var(--panel);text-align:left;cursor:pointer;border-radius:8px;gap:4px;min-height:62px;padding:10px 12px;display:grid}.preset-list button:hover,.preset-list button.active{border-color:var(--primary);background:var(--primary-soft)}.preset-list span{color:var(--ink);font-weight:820}.preset-list small{color:var(--muted);font-size:12px;font-weight:720}.control{gap:8px;margin-top:14px;display:grid}.control span{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;font-weight:720;display:flex}.control strong{color:var(--ink);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--primary)}.ghost-button,.tile-actions button{border:1px solid var(--border);background:var(--panel);min-height:38px;color:var(--ink);cursor:pointer;border-radius:8px;font-weight:780}.ghost-button{justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:0 12px;display:inline-flex}.ghost-button:hover,.tile-actions button:hover{border-color:var(--primary);color:var(--primary)}.lens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lens-toggle{border:1px solid var(--border);background:var(--panel);min-height:40px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-size:13px;font-weight:760;display:flex}.lens-toggle input{width:16px;height:16px;accent-color:var(--primary)}.extension-panel{background:var(--panel-soft)}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-content:space-between;gap:8px;min-height:78px;padding:12px;display:grid}.stat-card span{color:var(--muted);font-size:12px;font-weight:750}.stat-card strong{color:var(--ink);word-break:break-word;font-size:17px;line-height:1.18}.stat-card.good{background:var(--primary-soft);border-color:#acd5b8}.stat-card.warn{background:var(--warning-soft);border-color:#efd49d}.mini-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.mini-table span{border:1px solid var(--border);background:var(--panel-soft);min-height:48px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;gap:2px;padding:8px 6px;font-size:13px;display:grid}.mini-table b{color:var(--ink)}.point-list{gap:8px;margin-top:10px;display:grid}.point-list span{border:1px solid var(--border);background:var(--panel-soft);min-height:40px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.point-list b{color:var(--ink)}.line-control{border-top:1px solid var(--border);padding:12px 0}.line-control:first-child{border-top:0;padding-top:0}.line-control.one h3{color:var(--primary)}.line-control.two h3{color:var(--accent)}.solution-card{justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px;display:flex}.solution-card span{color:var(--muted);font-size:12px;font-weight:760}.solution-card strong{color:var(--ink);margin-top:4px;font-size:21px;line-height:1.15;display:block}.solution-card.good svg{color:var(--primary)}.solution-card.warn svg{color:var(--accent)}.toggle-row{min-height:42px;color:var(--ink);align-items:center;gap:10px;margin:8px 0;font-weight:760;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--primary)}.truth-list{gap:8px;display:grid}.truth-list div{border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:8px 10px;font-weight:820;display:flex}.truth-list .pass{color:var(--primary-strong);background:var(--primary-soft)}.truth-list .fail{color:var(--danger);background:var(--danger-soft)}.tile-board{border:1px solid var(--border);background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--panel-soft);touch-action:none;background-size:24px 24px;border-radius:8px;width:100%;min-height:520px;position:relative;overflow:hidden}.tile{color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid #1e261f52;border-radius:6px;place-items:center;font-size:15px;font-weight:850;display:grid;position:absolute;box-shadow:0 8px 16px #1e261f1f}.tile:active{cursor:grabbing}.tile.positive{background:#b7e4c7}.tile.negative{background:#ffc9bd}.tile.x2{font-size:22px}.tile.unit{font-size:14px}.tile-dispenser .panel-heading{margin-bottom:8px}.tile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile-actions button{padding:0 8px}.tile-actions button.negative{background:var(--accent-soft)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.learning-panel{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.learning-panel .panel-heading{margin:0}.learning-panel ol{color:var(--ink);gap:8px;margin:0;padding-left:22px;display:grid}.learning-panel li{padding-left:4px;line-height:1.42}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2f6f4e5c}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.module-nav,.subject-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.subject-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.module-nav button,.subject-tabs button{text-align:center;grid-template-columns:1fr;grid-template-areas:"icon""label""standard";justify-items:center;min-height:92px}.standards-card{display:none}}@media (width<=980px){.workspace{padding:16px}.topbar{display:grid}.module-grid{grid-template-columns:1fr}.control-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.learning-panel{grid-template-columns:1fr}.lesson-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.module-nav,.subject-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.control-stack,.insight-grid{grid-template-columns:1fr}.stage-header{display:grid}.tile-board{min-height:430px}.mini-table{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-card,.lens-grid{grid-template-columns:1fr}}