.teaching-focus-panel{flex-direction:column;gap:14px;display:flex}.method-map-panel{border-left:4px solid #00897b;flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.method-map-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.method-map-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.method-map-card{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:10px;min-height:230px;padding:12px;display:flex}.method-map-card.active{background:#e3f2fd;border-color:#90caf9;box-shadow:inset 0 0 0 2px #1976d21f}.method-map-label{color:#0d47a1;font-weight:800}.method-map-row{gap:3px;display:grid}.method-map-row .MuiTypography-caption,.teaching-mistake-card .MuiTypography-caption,.teaching-why-box .MuiTypography-caption{color:#546e7a;font-weight:800}.teaching-path,.teaching-template{flex-direction:column;gap:10px;display:flex}.teaching-section-title{color:#0d47a1;font-weight:800}.teaching-path-list{gap:10px;display:grid}.teaching-path-step{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.teaching-path-step span{color:#fff;background:#1976d2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:inline-flex}.teaching-why-box{color:#0d47a1;background:#e3f2fd;border-left:4px solid #1976d2;gap:5px;padding:10px 12px;display:grid}.teaching-template-line{background:#fff;border:1px solid #cfd8dc;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.teaching-template-line .MuiChip-root{flex:none;margin-top:1px}.teaching-mistake-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.teaching-mistake-card{background:#fff8e1;border:1px solid #ffcc80;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.teaching-mistake-text{color:#b71c1c;font-weight:700}@media (width<=600px){.method-map-header{flex-direction:column}.teaching-template-line,.teaching-path-step{gap:8px;padding:10px}}.degree-sequence-focus{background:#fff;border-left:4px solid #1976d2}.degree-sequence-row{grid-template-columns:repeat(8,minmax(48px,1fr));gap:8px;display:grid}.degree-sequence-tile{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:8px 6px;display:flex}.degree-sequence-tile p{color:#0d47a1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.75rem;font-weight:800;line-height:1}.degree-sequence-tile span{color:#607d8b;margin-top:6px;font-size:.78rem;font-weight:700}.degree-sequence-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,.7fr);align-items:stretch;gap:10px;display:grid}.degree-sequence-flow>div:not(.degree-flow-arrow){background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;padding:12px}.degree-flow-arrow{color:#fff;background:#1976d2;border-radius:999px;justify-content:center;align-items:center;min-width:56px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;display:flex}@media (width<=700px){.degree-sequence-row{grid-template-columns:repeat(4,minmax(48px,1fr))}.degree-sequence-flow{grid-template-columns:1fr}.degree-flow-arrow{min-height:36px}}.bridge-lab-tabs-panel{margin-bottom:22px;padding:0 8px}.bridge-intro-strip{border-left:4px solid #1976d2}.checker-panel{border-left:4px solid #00897b}.proof-mode-block{flex-direction:column;gap:10px;display:flex}.proof-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;display:grid}.proof-mode-toggle .MuiToggleButton-root{white-space:normal;border:1px solid #90a4ae;border-radius:4px;min-height:44px;margin:0;padding:8px 10px;line-height:1.35}.proof-mode-summary{color:#0d47a1;background:#e3f2fd;border-left:4px solid #1976d2;padding:10px 12px;font-weight:700}.checker-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checker-case-grid>div{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.split-check-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.split-check{border-radius:6px;flex-direction:column;gap:6px;min-height:104px;padding:10px;display:flex}.split-check.closed{background:#ffebee;border:1px solid #ef9a9a}.split-check.open{background:#fff8e1;border:1px solid #ffcc80}.hint-panel{border-left:4px solid #f9a825;flex-direction:column;gap:12px;display:flex}.hint-line{background:#fff8e1;border:1px solid #ffcc80;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.hint-line span{color:#263238;background:#f9a825;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:inline-flex}.mini-quiz{border-left:4px solid #00897b;flex-direction:column;gap:12px;display:flex}.mini-quiz .MuiToggleButtonGroup-root{flex-wrap:wrap;align-self:flex-start;gap:8px}.mini-quiz .MuiToggleButton-root{border:1px solid #b0bec5;border-radius:4px;margin:0}@media (width<=700px){.checker-case-grid,.proof-mode-toggle{grid-template-columns:1fr}.mini-quiz .MuiToggleButtonGroup-root{align-self:stretch}.mini-quiz .MuiToggleButton-root{flex:100%}}.extra-tabs-panel{margin-bottom:22px;padding:0 8px}.extra-intro{border-left:4px solid #1976d2}.detector-board{flex-direction:column;gap:14px;display:flex}.chemical-row,.detector-light-row,.solution-token-row,.poset-token-row{flex-wrap:wrap;gap:10px;display:flex}.chemical,.detector-light{text-align:center;background:#eceff1;border:1px solid #cfd8dc;border-radius:6px;flex-direction:column;flex:130px;justify-content:center;align-items:center;gap:4px;min-height:96px;padding:10px;display:flex}.chemical.active{background:#e3f2fd;border-color:#90caf9;box-shadow:inset 0 0 0 2px #1976d224}.chemical strong,.detector-light strong{color:#0d47a1;font-size:1.6rem}.detector-light.on{background:#e8f5e9;border-color:#81c784}.detector-light em{color:#607d8b;font-style:normal;font-weight:700}.truth-table{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.truth-table>span{color:#0d47a1;text-align:center;background:#e3f2fd;border-radius:4px;padding:8px;font-weight:800}.truth-row{display:contents}.truth-row span{text-align:center;border-radius:4px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.truth-row .one{color:#1b5e20;background:#e8f5e9}.truth-row .zero{color:#b71c1c;background:#ffebee}.statement-grid,.answer-card-grid,.logic-group-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.statement-card,.answer-mini-card,.logic-group{border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.statement-card.true{background:#e8f5e9;border:1px solid #a5d6a7}.statement-card.false{background:#ffebee;border:1px solid #ef9a9a}.answer-mini-card,.logic-group{background:#f5f7f8;border:1px solid #dfe7eb}.interval-stack{flex-direction:column;gap:8px;display:flex}.interval-line{grid-template-columns:46px minmax(160px,1fr) 120px;align-items:center;gap:10px;display:grid}.interval-track{background:#cfd8dc;border-radius:999px;height:12px;position:relative;overflow:hidden}.interval-track span{border-radius:inherit;background:#00897b;height:100%;position:absolute}.function-machine{border-left:4px solid #00897b;flex-direction:column;gap:12px;display:flex}.function-domains{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.function-domains>div:not(.function-arrow){text-align:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;flex-direction:column;gap:4px;padding:14px;display:flex}.function-arrow{color:#1976d2;font-size:2rem;font-weight:800}.logic-value-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.logic-value{text-align:center;border-radius:6px;flex-direction:column;gap:4px;min-height:70px;padding:10px;display:flex}.logic-value.true{background:#e8f5e9;border:1px solid #a5d6a7}.logic-value.false{background:#ffebee;border:1px solid #ef9a9a}.number-line{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;grid-template-columns:repeat(17,1fr);align-items:center;gap:4px;padding:12px;display:grid}.number-line span{color:#607d8b;text-align:center;border-top:2px solid #90a4ae;padding-top:8px}.number-line span.active{color:#d32f2f;font-weight:800;transform:translateY(-4px)}.mod-clock{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:50%;align-self:center;width:270px;height:270px;margin:10px 0;position:relative}.mod-clock strong,.mod-clock span{position:absolute;top:50%;left:50%}.mod-clock strong{color:#0d47a1;transform:translate(-50%,-50%)}.mod-clock span{color:#0000;background:#cfd8dc;border-radius:50%;justify-content:center;align-items:center;width:8px;height:8px;margin:-4px;font-size:.72rem;font-weight:800;display:flex}.mod-clock span.active{color:#263238;background:#f9a825;width:30px;height:30px;margin:-15px}@media (width<=700px){.interval-line,.function-domains{grid-template-columns:1fr}.function-arrow{text-align:center;transform:rotate(90deg)}.logic-value-grid{grid-template-columns:repeat(2,1fr)}.number-line{gap:1px;padding:8px;font-size:.72rem}.mod-clock{width:230px;height:230px}.mod-clock span{transform:translate(94px)}}.wv-scene{background:#fff;border-left:4px solid #1976d2;flex-direction:column;gap:14px;display:flex;overflow:hidden}.wv-subtitle,.wv-small-copy,.wv-step-copy{color:#546e7a;line-height:1.55}.wv-small-copy{font-size:.92rem}.wv-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wv-board{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.wv-alphabet-grid{grid-template-columns:repeat(13,minmax(22px,1fr));gap:6px;display:grid}.wv-letter{color:#37474f;background:#fff;border:1px solid #cfd8dc;border-radius:4px;justify-content:center;align-items:center;min-height:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;display:inline-flex}.wv-letter.required{color:#263238;background:#fff8e1;border-color:#f9a825;animation:1.7s ease-in-out infinite wv-pulse}.wv-letter.blocked{color:#fff;background:#607d8b;border-color:#455a64;position:relative}.wv-letter.blocked:after{content:"";background:#ffffffe6;height:2px;position:absolute;top:50%;left:5px;right:5px;transform:rotate(-22deg)}.wv-letter.extra{color:#0d47a1;background:#e3f2fd;border-color:#90caf9}.wv-legend.required{background:#fff8e1;border:1px solid #f9a825}.wv-legend.blocked{color:#fff;background:#607d8b}.wv-legend.extra{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9}.wv-slot-row{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;display:grid}.wv-slot{aspect-ratio:1;color:#263238;text-align:center;background:#fff;border:2px solid #b0bec5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:4px;font-weight:800;display:flex}.wv-slot span{overflow-wrap:anywhere}.wv-slot small{color:#263238ad;font-size:.75rem;font-weight:700}.wv-slot.allowed{background:#e8f5e9;border-color:#81c784}.wv-slot.required{background:#fff8e1;border-color:#f9a825;animation:1.7s ease-in-out infinite wv-pulse}.wv-slot.blocked{color:#b71c1c;background:#ffebee;border-color:#ef9a9a;text-decoration:line-through}.wv-complement-demo{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wv-story-step{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;display:flex}.wv-step-number{color:#fff;background:#1976d2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:inline-flex}.wv-equation-strip{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.wv-equation-piece{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;flex:120px;justify-content:center;gap:3px;min-height:58px;padding:9px 11px;display:flex}.wv-equation-piece strong{color:#263238;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem}.wv-equation-piece span{color:#607d8b;font-size:.82rem}.wv-equation-piece.start{background:#e3f2fd;border-color:#90caf9}.wv-equation-piece.minus{background:#ffebee;border-color:#ef9a9a}.wv-equation-piece.plus{background:#e8f5e9;border-color:#a5d6a7}.wv-equation-piece.answer{background:#e8f5e9;border-color:#66bb6a;box-shadow:inset 0 0 0 2px #2e7d3229}.wv-branch-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wv-branch-root{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;flex-direction:column;grid-column:1/-1;gap:10px;padding:12px;display:flex}.wv-branch-card{border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.wv-branch-card.success{background:#e8f5e9;border:1px solid #a5d6a7}.wv-branch-card.warning{background:#fff8e1;border:1px solid #ffcc80}.wv-derange-table{flex-direction:column;gap:10px;display:flex}.wv-position-row{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;margin-left:110px;display:grid}.wv-position-row span{color:#607d8b;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.wv-derange-row{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;grid-template-columns:90px minmax(0,1fr) minmax(120px,.75fr);align-items:center;gap:10px;padding:10px;display:grid}.wv-matrix{flex-direction:column;gap:6px;display:flex}.wv-matrix-head,.wv-matrix-row{grid-template-columns:1.2fr repeat(5,1fr);gap:6px;display:grid}.wv-matrix-head span,.wv-matrix-row span{border-radius:4px;justify-content:center;align-items:center;min-height:34px;font-weight:800;display:flex}.wv-matrix-head span{color:#0d47a1;background:#e3f2fd}.wv-matrix-row .label{background:#fff8e1;border:1px solid #f9a825}.wv-matrix-row .good{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7}.wv-matrix-row .bad{color:#b71c1c;background:#ffebee;border:1px solid #ef9a9a}@keyframes wv-pulse{0%,to{box-shadow:0 0 #f9a8252e}50%{box-shadow:0 0 0 5px #f9a8252e}}@media (width<=900px){.wv-two-column,.wv-branch-map,.wv-complement-demo{grid-template-columns:1fr}.wv-branch-root{grid-column:auto}.wv-derange-row{grid-template-columns:1fr;align-items:stretch}.wv-position-row{display:none}}@media (width<=600px){.wv-alphabet-grid{grid-template-columns:repeat(7,minmax(24px,1fr))}.wv-slot-row{grid-template-columns:repeat(5,minmax(38px,1fr))}.wv-slot{font-size:.82rem}.wv-equation-piece{flex-basis:100%}}:root{color:#263238;background:#eceff1}body{min-width:320px;margin:0}.app-root{background:linear-gradient(#1976d214,#eceff100 280px),#eceff1;min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,36px) 10px;display:flex}.topbar-subtitle,.subtitle{color:#263238b8;margin-top:3px;font-size:.95rem}.topbar-subtitle{color:#ffffffd1}.main-content{max-width:1440px;margin:0 auto;padding:clamp(16px,3vw,32px)}.intro-strip{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:14px 18px;display:flex}.intro-strip>p{min-width:0}.glossary-section{flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.glossary-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;display:grid}.term-card{background:#fff;border-left:4px solid #1976d2;border-radius:6px;flex-direction:column;gap:6px;min-height:138px;padding:12px;display:flex;box-shadow:0 1px 3px #00000029}.wordle-term-card{border-left-color:#f9a825}.term-title{color:#0d47a1;font-weight:700}.term-example{color:#546e7a;font-size:.9rem}.visual-panel{flex-direction:column;gap:16px;min-height:620px;display:flex}.compact-panel{flex-direction:column;gap:10px;display:flex}.proof-panel,.coach-panel{flex-direction:column;gap:14px;display:flex}.coach-idea{color:#0d47a1;background:#e3f2fd;border-left:4px solid #1976d2;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.read-first{color:#37474f}.coach-step-text{color:#263238;margin-top:10px;font-weight:700;line-height:1.55}.exam-move,.self-check,.trap-box{border-radius:6px;padding:10px 12px}.exam-move{background:#e8f5e9;border:1px solid #a5d6a7}.self-check{background:#f5f7f8;border:1px solid #dfe7eb}.self-check-answer{color:#0d47a1;margin-top:8px;font-weight:700}.trap-box{background:#fff8e1;border:1px solid #ffcc80}.question{color:#455a64;font-style:italic}.bilingual-question{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.question-line{color:#263238;font-size:1rem;font-weight:500;line-height:1.6}.question-line.english{color:#455a64;font-style:italic;font-weight:400}.subtle-question{color:#607d8b}.proof-step{align-items:flex-start;gap:10px;display:flex}.step-index{color:#fff;background:#1976d2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.8rem;font-weight:700;display:inline-flex}.answer-box{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7;align-items:center;gap:12px;padding:12px;display:flex}.answer-text{color:#1b5e20;font-weight:700}.graph-shell{background:linear-gradient(#f7fafb 0 0) padding-box padding-box,linear-gradient(135deg,#1976d247,#00897b47) border-box;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;min-height:390px;display:flex;overflow:hidden}.graph-title{color:#455a64;background:#fff;border-bottom:1px solid #dfe7eb;padding:8px 12px}.graph-canvas{flex:1;min-height:350px}.slider-row{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:18px;display:grid}.formula-box{border-color:#cfd8dc;flex:1;min-width:0;padding:12px}.formula-box.success{background:#e8f5e9;border-color:#81c784}.formula-box.error{background:#ffebee;border-color:#ef9a9a}.formula-box.warning{background:#fffde7;border-color:#ffd54f}.formula-value{color:#263238;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.95rem,1.1vw,1.1rem);font-weight:700;line-height:1.45}.budget-panel{gap:12px}.budget-row{grid-template-columns:minmax(120px,1fr) minmax(120px,1.5fr) 36px;align-items:center;gap:10px;display:grid}.budget-track{background:#cfd8dc;border-radius:999px;height:12px;overflow:hidden}.budget-fill{height:100%;display:block}.budget-fill.required{background:#d32f2f}.budget-fill.available{background:#00897b}.budget-number{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.compare-panel{flex-direction:column;gap:14px;display:flex}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compare-grid>div{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.compare-title{color:#0d47a1;font-weight:700}.formula-flow{gap:12px}.flow-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flow-step{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;padding:12px}.flow-step.active{background:#e8f5e9;border-color:#66bb6a}.wordle-tabs-panel{margin-bottom:22px;padding:0 8px}.wordle-visual-panel{flex-direction:column;gap:16px;min-height:360px;display:flex}.visual-meter-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.visual-meter{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.visual-meter.success{background:#e8f5e9;border-color:#a5d6a7}.visual-meter.warning{background:#fff8e1;border-color:#ffcc80}.visual-meter.error{background:#ffebee;border-color:#ef9a9a}.visual-meter-label{color:#455a64;font-weight:700}.visual-meter-value{color:#0d47a1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.visual-meter-track{background:#455a642e;border-radius:999px;height:12px;overflow:hidden}.visual-meter-fill{border-radius:inherit;background:#1976d2;height:100%;transition:width .26s}.visual-meter.success .visual-meter-fill{background:#2e7d32}.visual-meter.warning .visual-meter-fill{background:#f9a825}.visual-meter.error .visual-meter-fill{background:#d32f2f}.visual-meter-detail{color:#546e7a;font-size:.92rem;line-height:1.45}.scene-grid{gap:12px;display:grid}.scene-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card,.visual-case-card,.visual-ladder-card,.permutation-card{border-radius:6px;flex-direction:column;gap:12px;padding:14px;display:flex}.scene-card{background:#f5f7f8;border:1px solid #dfe7eb}.token-row{flex-wrap:wrap;gap:8px;display:flex}.token-chip.blocked{color:#fff;background:#607d8b;text-decoration:line-through}.token-chip.highlight{color:#263238;background:#fff8e1;border:1px solid #f9a825}.difference-band{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;gap:6px;padding:12px;display:grid}.case-split-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.visual-case-card.success{background:#e8f5e9;border:1px solid #a5d6a7}.visual-case-card.warning{background:#fff8e1;border:1px solid #ffcc80}.split-or{color:#fff;background:#1976d2;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:46px;height:46px;font-weight:800;display:flex}.permutation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.permutation-card.good{background:#e8f5e9;border:1px solid #a5d6a7}.permutation-card.bad{background:#ffebee;border:1px solid #ef9a9a}.permutation-row{grid-template-columns:repeat(5,minmax(38px,1fr));gap:8px;display:grid}.permutation-cell{aspect-ratio:1;color:#263238;background:#fff;border:2px solid #90a4ae;border-radius:4px;justify-content:center;align-items:center;font-weight:800;display:flex}.permutation-cell.fixed{color:#fff;background:#d32f2f;border-color:#b71c1c;text-decoration:line-through}.visual-ladder-card{background:#f5f7f8;border:1px solid #dfe7eb}.ladder-row{flex-wrap:wrap;gap:8px;display:flex}.ladder-chip{border-radius:6px;gap:2px;min-width:86px;padding:8px 10px;display:grid}.ladder-chip.minus{background:#ffebee;border:1px solid #ef9a9a}.ladder-chip.plus{background:#e8f5e9;border:1px solid #a5d6a7}.ladder-sign{color:#0d47a1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.ladder-label{color:#546e7a;font-size:.86rem}.ladder-result{background:#fff;border-radius:6px;gap:6px;padding:10px;display:grid}.wordle-recipe,.cue-panel,.slot-plan-panel,.expression-panel{flex-direction:column;gap:14px;display:flex}.recipe-grid,.cue-grid,.slot-plan-grid{gap:12px;display:grid}.recipe-grid,.cue-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.slot-plan-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.recipe-step{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;display:flex}.recipe-index{color:#fff;background:#1976d2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.cue-grid>div{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;padding:12px}.slot-plan-card{border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:8px;min-height:110px;padding:12px;display:flex}.slot-plan-card.open{background:#f5f7f8}.slot-plan-card.warning{background:#fff8e1;border-color:#ffcc80}.slot-plan-card.blocked{background:#ffebee;border-color:#ef9a9a}.slot-plan-card.success{background:#e8f5e9;border-color:#a5d6a7}.slot-plan-label{color:#0d47a1;font-weight:700}.expression-track{flex-wrap:wrap;gap:8px;display:flex}.expression-step{color:#37474f;background:#eceff1;border:1px solid #cfd8dc;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.expression-step.active{color:#fff;background:#1976d2;border-color:#0d47a1}.expression-card{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.answer-input-card{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.wordle-tile-wrap{flex-direction:column;gap:12px;display:flex}.wordle-slot-row{grid-template-columns:repeat(5,minmax(48px,72px));gap:10px;display:grid}.wordle-tile{aspect-ratio:1;color:#263238;border:2px solid #b0bec5;border-radius:4px;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;display:flex}.wordle-tile.correct{color:#fff;background:#2e7d32;border-color:#1b5e20}.wordle-tile.present{color:#263238;background:#f9a825;border-color:#f57f17}.wordle-tile.absent,.wordle-tile.blocked{color:#fff;background:#607d8b;border-color:#455a64}.wordle-tile.plain{background:#fff}.tile-legend.present{background:#fff8e1}.tile-legend.absent{background:#eceff1}.wordle-rule-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.wordle-rule{background:#f5f7f8;border:1px solid #dfe7eb;border-radius:6px;align-items:flex-start;gap:10px;padding:10px;display:flex}.rule-dot{border-radius:50%;flex:none;width:14px;height:14px;margin-top:5px}.rule-dot.present{background:#f9a825}.rule-dot.absent{background:#607d8b}.derangement-grid{grid-template-columns:repeat(5,minmax(54px,1fr));gap:6px;display:grid}.derangement-cell{color:#1b5e20;text-align:center;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:4px;padding:10px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.derangement-cell.blocked{color:#b71c1c;background:#ffebee;border-color:#ef9a9a;text-decoration:line-through}.constraint-board{grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px;display:grid}.constraint-slot{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;min-height:90px;padding:12px}.constraint-slot.blocked{background:#fff8e1;border-color:#ffcc80}.slot-number{color:#0d47a1;font-size:1.3rem;font-weight:700}strong{color:#0d47a1}@media (width<=900px){.intro-strip{flex-direction:column;align-items:flex-start}.visual-panel{min-height:540px}.recipe-grid,.cue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.topbar{align-items:flex-start}.slider-row{grid-template-columns:1fr}.graph-shell{min-height:330px}.graph-canvas{min-height:290px}.glossary-grid,.compare-grid,.flow-line,.bilingual-question,.budget-row{grid-template-columns:1fr}.budget-number{text-align:left}.wordle-slot-row,.derangement-grid,.constraint-board{grid-template-columns:repeat(5,minmax(44px,1fr))}.wordle-tile{font-size:1.35rem}.constraint-slot{min-height:82px;padding:8px}.recipe-grid,.cue-grid{grid-template-columns:1fr}}:root{--md2-divider:#d7e0e5;--md2-page:#eef2f5;--md2-soft:#f6f8fa;--md2-surface:#fff;--md2-text-muted:#546e7a;--layout-gutter:28px;--layout-gap:22px;--panel-padding:20px}.app-root{background:linear-gradient(180deg, #1976d212, #eef2f500 240px), var(--md2-page)}.app-root .MuiAppBar-root{background:#1976d2;box-shadow:0 2px 4px #0000002e,0 3px 8px #0000001f}.topbar{min-height:64px;padding:12px var(--layout-gutter) 8px}.topbar>div:first-child{min-width:0}.topbar h1{overflow-wrap:anywhere;max-width:980px;font-size:1.55rem;line-height:1.25}.topbar-subtitle{margin-top:2px;font-size:.9rem;line-height:1.35}.topbar .MuiIconButton-root{background:#ffffff1f;flex:none;width:40px;height:40px}.app-root .MuiTabs-root{min-height:44px}.app-root .MuiTabs-scroller{padding:0 var(--layout-gutter)}.app-root .MuiTab-root{letter-spacing:0;text-transform:none;min-width:0;min-height:44px;padding:0 16px}.main-content{max-width:1280px;padding:24px var(--layout-gutter) 36px}.lesson-page{gap:var(--layout-gap);flex-direction:column;display:flex}.lesson-page .MuiGrid-container{align-items:flex-start}.lesson-page .MuiGrid-item{min-width:0}.MuiPaper-root.panel,.MuiPaper-root.intro-strip,.MuiPaper-root.bilingual-question{border-radius:6px;box-shadow:0 1px 3px #00000029,0 2px 5px #0000001a}.panel{padding:var(--panel-padding)}.visual-panel,.wordle-visual-panel,.wv-scene{border-top:3px solid #1976d2;min-height:0}.visual-panel{gap:18px}.compact-panel,.proof-panel,.coach-panel,.compare-panel,.wordle-recipe,.cue-panel,.slot-plan-panel,.expression-panel{gap:12px}.intro-strip{background:var(--md2-surface);border-left:4px solid #1976d2;align-items:flex-start;margin-bottom:0;padding:16px 18px}.intro-strip>p,.intro-strip .MuiTypography-root{line-height:1.6}.intro-strip>.MuiStack-root{flex:0 360px;justify-content:flex-end;min-width:0}.bilingual-question{background:var(--md2-surface);border-left:4px solid #00897b;align-items:start;margin-bottom:0;padding:16px 18px}.question-line{line-height:1.65}.bridge-lab-tabs-panel,.extra-tabs-panel,.wordle-tabs-panel{background:var(--md2-surface);margin-bottom:0;padding:0;overflow:hidden}.bridge-lab-tabs-panel .MuiTabs-scroller,.extra-tabs-panel .MuiTabs-scroller,.wordle-tabs-panel .MuiTabs-scroller{padding:0 8px}.method-map-panel{background:#fbfcfd;border-left-color:#00897b;gap:12px;margin-bottom:0}.method-map-header{align-items:center}.method-map-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.method-map-card{background:var(--md2-surface);gap:8px;min-height:0;padding:11px 12px}.method-map-card.active{box-shadow:inset 0 0 0 2px #1976d224}.method-map-row{gap:2px}.glossary-section{gap:12px;margin-bottom:0}.glossary-grid{gap:10px}.term-card{min-height:0;padding:12px;box-shadow:0 1px 2px #00000024}.teaching-focus-panel,.coach-panel,.hint-panel,.mini-quiz{background:#fbfcfd}.coach-idea,.teaching-why-box{border-radius:4px}.formula-box{background:var(--md2-surface)}.graph-shell{min-height:420px}.graph-title{padding:9px 12px}.wordle-slot-row,.wv-slot-row,.constraint-board,.permutation-row{max-width:100%}.answer-box{border-radius:6px}.mode-row{justify-content:flex-start}.lesson-page .MuiAlert-root{border-radius:6px}.lesson-support-zone{border-top:1px solid var(--md2-divider);flex-direction:column;gap:16px;padding-top:4px;display:flex}.lesson-support-stack{gap:16px;display:grid}@media (width<=900px){:root{--layout-gutter:20px;--layout-gap:18px;--panel-padding:18px}.main-content{padding-bottom:28px}.method-map-header{align-items:flex-start}.visual-panel{min-height:0}.graph-shell{min-height:360px}}@media (width<=1100px){.intro-strip{flex-direction:column}.intro-strip>.MuiStack-root{justify-content:flex-start;width:100%}}@media (width<=600px){:root{--layout-gutter:14px;--layout-gap:16px;--panel-padding:14px}.topbar{min-height:58px;padding:10px var(--layout-gutter) 6px;gap:10px}.topbar h1{font-size:1.24rem}.topbar-subtitle{font-size:.84rem}.topbar .MuiIconButton-root{width:36px;height:36px}.app-root .MuiTabs-scroller{padding:0 var(--layout-gutter)}.app-root .MuiTab-root{min-height:42px;padding:0 12px;font-size:.82rem}.main-content{padding:16px var(--layout-gutter) 24px}.intro-strip,.bilingual-question{padding:14px}.method-map-grid{grid-template-columns:1fr}.graph-shell{min-height:320px}.wordle-slot-row{gap:6px}.formula-value{font-size:.95rem}}
