:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#fff;--text-color:#213547;--header-bg:#f9f9f9;--card-bg:#fff;--card-shadow:#0000001a;--btn-primary:#646cff;--btn-hover:#535bf2;--border-color:#ddd;--grid-cell-bg:#fff;--grid-cell-border:#ccc;--active-cell:#e8f0fe;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-color:#242424;--text-color:#ffffffde;--header-bg:#1a1a1a;--card-bg:#2f2f2f;--card-shadow:#0000004d;--btn-primary:#747bff;--btn-hover:#8a91ff;--border-color:#444;--grid-cell-bg:#333;--grid-cell-border:#555;--active-cell:#3d4b5f}}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-color);place-items:center;margin:0;display:flex;overflow-x:hidden}#root{width:100%}@media screen and (orientation:portrait) and (width<=1024px){.portrait-warning{display:flex}}.portrait-warning{background:var(--bg-color);z-index:9999;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.review-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);gap:20px;padding:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.review-left-panel,.review-right-panel,.review-center-panel{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex-direction:column;padding:20px;display:flex}.review-left-panel{gap:25px;width:260px}.section-label{letter-spacing:1px;color:var(--text-color);opacity:.7;margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.op-grid{grid-template-columns:1fr;gap:10px;display:grid}.op-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;align-items:center;gap:15px;padding:12px 15px;transition:all .2s;display:flex}.op-btn .op-icon{width:30px;font-size:1.4rem;font-weight:700}.op-btn .op-name{font-size:.95rem}.op-btn.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:scale(1.02)}.diff-stack{flex-direction:column;gap:8px;display:flex}.diff-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;text-align:left;border-radius:10px;padding:10px;font-size:.9rem}.diff-btn.active{background:var(--active-cell);border-color:var(--btn-primary);font-weight:600}.reset-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:15px;font-size:1rem;font-weight:700;display:flex}.review-center-panel{flex:1;min-width:500px}.center-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.task-prompt{font-size:1.2rem;font-weight:600}.score-badge{background:var(--header-bg);border-radius:20px;padding:8px 16px;font-size:1.1rem;font-weight:700}.score-val{color:#4caf50}.math-display-area{flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}.math-grid{flex-direction:column;gap:4px;font-family:Consolas,Monaco,monospace;font-size:3rem;display:flex}.grid-row{gap:4px;display:flex}.grid-cell{border:2px solid var(--grid-cell-border);background:var(--grid-cell-bg);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:4rem;height:4rem;line-height:1;transition:all .2s;display:flex}.cell-empty{background:0 0;border:none}.cell-given{color:var(--text-color);font-weight:700}.cell-input{border-style:dashed}.cell-op{color:var(--btn-primary);border:none;font-weight:700}.cell-line{border-top:5px solid var(--text-color);border-bottom:none;border-left:none;border-right:none;border-radius:0;height:0;margin-top:2rem}.cell-active{color:#2e7d32;background:#f1f8e9;border-style:solid;border-color:#4caf50;box-shadow:0 0 10px #4caf5033}.cell-ok{color:#2e7d32;border-style:solid;border-color:#4caf50}.cell-error{color:#f44336;background:#ffebee;border-color:#f44336;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback-banner{border-radius:12px;justify-content:center;align-items:center;height:60px;font-size:1.4rem;font-weight:700;display:flex}.feedback-banner.ok{color:#4caf50;text-shadow:0 0 20px #4caf5066;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounce-in}.math-grid.celebrate{filter:drop-shadow(0 0 15px #4caf5033);transition:filter 1s ease-in-out}.grid-cell.celebrate-cell{border-color:#4caf50;transition:all .5s ease-in-out;box-shadow:0 0 10px #4caf5033}.math-display-area{position:relative}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(600px)rotate(360deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.feedback-banner.error{color:#f44336}.review-right-panel{align-items:center;width:320px}.large-numpad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.big-num-btn{border:1px solid var(--border-color);background:var(--card-bg);height:85px;color:var(--text-color);cursor:pointer;box-shadow:0 4px 0 var(--border-color);border-radius:16px;font-size:2.5rem;font-weight:600;transition:all .1s}.big-num-btn:active{box-shadow:none;transform:translateY(4px)}.big-num-btn:hover{background:var(--header-bg)}.big-num-btn.utility{background:var(--header-bg);opacity:.5;cursor:default;font-size:1.5rem}.next-task-btn{background:var(--btn-primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--btn-hover);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.next-task-btn:active{box-shadow:none;transform:translateY(4px)}.next-task-btn:hover{background:var(--btn-hover)}.scale-controls{align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.scale-slider{cursor:pointer;flex:1}.scale-value{text-align:right;min-width:40px;font-size:.8rem;font-weight:700}.helper-text{text-align:center;opacity:.8;margin-top:15px;font-size:.9rem;line-height:1.4}@media (prefers-color-scheme:dark){.cell-error{background:#4a1c1c}}.naturals-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.naturals-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.naturals-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.naturals-nav button.active{background:var(--btn-primary);color:#fff}.naturals-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-text p{margin-bottom:20px;font-size:1.2rem}.example-box{color:#854d0e;text-align:center;background:#fef9c3;border-radius:12px;margin-bottom:30px;padding:20px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.important-list{padding:0;list-style:none}.important-list li{margin-bottom:15px;padding-left:30px;font-size:1.2rem;position:relative}.rules-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:40px;padding:20px}.rules-box h3{color:#1e40af;margin-top:0}.cmp-area{justify-content:center;align-items:center;gap:30px;margin-bottom:30px;display:flex}.cmp-num{font-family:Courier New,monospace;font-size:4rem;font-weight:700}.cmp-btns{gap:10px;display:flex}.cmp-btns button:hover{background:var(--btn-primary);color:#fff}.rounding-scene{gap:40px;display:flex}.rounding-left{flex:1.2}.rounding-right{flex:.8}.task-card{text-align:center;background:#fefce8;border:2px solid #fde68a;border-radius:16px;margin-bottom:25px;padding:20px}.task-card .instr{color:#854d0e;margin-bottom:10px;font-weight:600}.num-display{font-family:Courier New,monospace;font-size:3.5rem;font-weight:700}.hl-digit{color:#92400e;background:#fde68a;border-radius:4px;padding:0 5px}.hl-toggle{color:#d97706;cursor:pointer;background:0 0;border:none;margin-top:10px;font-weight:700;text-decoration:underline}.answer-box{border:3px solid var(--btn-primary);box-sizing:border-box;background:#fff;border-radius:16px;justify-content:center;align-items:center;height:100px;margin-bottom:20px;padding:0;font-size:3rem;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.placeholder{color:#ccc;box-sizing:border-box;border:3px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin:0;font-size:3rem;line-height:1;display:flex}.rounding-scene{position:relative}.numpad button:hover:not(:disabled){background:#e2e8f0}.rule-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;padding:15px}.rule-card h4{color:#0369a1;margin:0 0 10px}.rule-card p,.rule-card li{margin-bottom:5px;font-size:.95rem}.canvas-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden}.feedback-msg{text-align:center;height:30px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.example-box{color:#fef08a;background:#3f3f17}.rules-box{background:#1e293b;border-color:#334155}.rules-box h3{color:#60a5fa}.task-card{background:#3f3f17;border-color:#71710a}.task-card .instr{color:#fef08a}.hl-digit{color:#fef08a;background:#71710a}.answer-box{background:#1a1a1a}.rule-card{color:#e0f2fe;background:#0c4a6e;border-color:#075985}.rule-card h4{color:#7dd3fc}.canvas-wrapper canvas{filter:invert(.9)hue-rotate(180deg)}}.addition-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.addition-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.addition-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.addition-nav button.active{background:var(--btn-primary);color:#fff}.addition-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.important-box{text-align:center;background:#fef9c3;border:2px solid #fde68a;border-radius:16px;margin:20px 0;padding:25px}.important-box h3{color:#854d0e;margin-top:0}.formula-box{color:#92400e;margin-top:15px;font-family:Courier New,monospace;font-size:2rem;font-weight:700}.example-list{font-size:1.2rem}.rule-card ul{padding-left:20px}@media (prefers-color-scheme:dark){.important-box{background:#3f3f17;border-color:#71710a}.important-box h3,.formula-box{color:#fef08a}.formula-hl{color:#6ee7b7;background:#064e3b}.answer-box{background:#1a1a1a}.rule-card{background:#1e293b;border-color:#334155}.rule-card h4{color:#60a5fa}}.subtraction-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.subtraction-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.subtraction-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.subtraction-nav button.active{background:var(--btn-primary);color:#fff}.subtraction-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.formula-display{text-align:center;color:var(--btn-primary);margin:20px 0;font-family:Courier New,monospace;font-size:3rem;font-weight:700}.terms-list{text-align:center;padding:0;font-size:1.2rem;list-style:none}.important-box{text-align:center;color:#854d0e;background:#fef9c3;border:2px solid #fde68a;border-radius:16px;margin-top:30px;padding:20px;font-size:1.5rem;font-weight:700}.prop-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.prop-card h3{color:var(--btn-primary);margin-top:0}.example{color:var(--muted);font-style:italic}.answer-box.ok .placeholder,.answer-box.error .placeholder{display:none}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}.feedback-msg{min-height:1.5em;margin-top:15px;font-size:1.2rem;font-weight:700}.rule-card h4{color:#1e40af;margin-top:0}@media (prefers-color-scheme:dark){.important-box{color:#fef08a;background:#3f3f17;border-color:#71710a}.formula-hl{color:#6ee7b7;background:#064e3b}.answer-box{background:#1a1a1a}.rule-card{background:#1e293b;border-color:#334155}.rule-card h4{color:#60a5fa}}.multiplication-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.multiplication-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.multiplication-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.multiplication-nav button.active{background:var(--btn-primary);color:#fff}.multiplication-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.prop-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.prop-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.prop-card.full{grid-column:span 2}.formula-hl{color:#166534;background:#dcfce7;border-radius:8px;margin:10px 0;padding:10px 20px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;display:inline-block}.viz-formula{text-align:center;color:#854d0e;background:#fef9c3;border-radius:12px;margin-bottom:20px;padding:15px;font-size:2rem;font-weight:700}.canvas-emulation{border:2px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:20px;padding:40px;display:flex}.block-row{align-items:center;margin-bottom:5px;display:flex}.block{border:2px solid #fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.block.blue{background:#2563eb}.block.red{background:#dc2626}.block-spacer{transition:width .3s}.viz-controls{justify-content:center;gap:10px;margin-bottom:15px;display:flex}.viz-controls button{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.viz-controls .rnd-btn{background:#16a34a}.viz-desc{text-align:center;color:var(--muted);height:3em;font-style:italic}.trainer-main{text-align:center;flex:1.2}.task-display{background:var(--header-bg);border-radius:12px;margin-bottom:25px;padding:20px;font-family:Courier New,monospace;font-size:2.2rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:300px;padding:15px;font-size:1.1rem;font-weight:700}.rule-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:20px}.score-box{text-align:right;margin-top:20px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.viz-formula{color:#fef08a;background:#3f3f17}.canvas-emulation{background:#1a1a1a}.formula-hl{color:#6ee7b7;background:#064e3b}.answer-box{background:#1a1a1a}.rule-card{background:#1e293b;border-color:#334155}}.powers-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.powers-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.powers-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.powers-nav button.active{background:var(--btn-primary);color:#fff}.powers-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.comparison-box{gap:20px;margin-bottom:30px;display:flex}.comp-item{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;flex:1;padding:20px}.formula{color:var(--btn-primary);margin-top:10px;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.important-box{color:#854d0e;background:#fef9c3;border:1px solid #fde68a;border-radius:12px;padding:20px}.important-box ul{margin-top:10px;padding-left:20px}.power-cards{justify-content:center;gap:30px;margin-top:40px;display:flex}.power-card{text-align:center;color:#fff;border-radius:20px;width:280px;padding:30px;box-shadow:0 8px 16px #0000001a}.power-card.purple{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.power-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.big-formula{margin:20px 0;font-size:4rem;font-weight:700}.rule{opacity:.9;margin-bottom:15px;font-size:1.5rem}.ex{background:#fff3;border-radius:20px;padding:5px 15px;font-weight:600}.priority-list{margin-bottom:30px;padding:0;list-style:none}.priority-list li{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:20px;margin-bottom:15px;padding:20px;display:flex}.step{color:var(--btn-primary);min-width:250px;font-size:1.3rem;font-weight:700}.example-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.trainer-main{flex-direction:column;flex:1.2;align-items:center;display:flex}.task-display{color:var(--text-color);margin-bottom:30px;font-family:Courier New,monospace;font-size:3.5rem;font-weight:700}.answer-box{border:3px solid var(--btn-primary);box-sizing:border-box;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:320px;height:100px;margin-bottom:20px;font-size:3rem;font-weight:700;transition:all .2s;display:flex;position:relative}.answer-box.celebrate-box{box-shadow:0 0 20px #4caf5066}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:320px;margin-bottom:20px;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;color:var(--text-color);border-radius:10px;padding:15px;font-size:1.5rem;font-weight:700}.numpad button:hover:not(:disabled){background:var(--btn-primary);color:#fff}.table-card{background:#fdf4ff;border:1px solid #f5d0fe;border-radius:16px;margin-bottom:20px;padding:20px}.mini-table{grid-template-columns:1fr 1fr;gap:10px;font-family:monospace;font-size:1.1rem;display:grid}.score-box span{color:#4caf50}.feedback-msg{height:30px;margin-top:15px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.important-box{color:#fef08a;background:#3f3f17;border-color:#71710a}.table-card{color:#f5d0fe;background:#2e102e;border-color:#4a1d4a}.answer-box{background:#1a1a1a}}.division-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.division-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.division-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.division-nav button.active{background:var(--btn-primary);color:#fff}.division-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.info-box{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-bottom:30px;padding:30px}.formula-large{margin-bottom:20px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.terms-box{color:#1e40af;font-size:1.5rem}.term.highlight{color:#2563eb;font-weight:700;text-decoration:underline}.error-text{color:#dc2626}.logic-box{background:#fee2e2;border:2px solid #fecaca;border-radius:16px;padding:30px;font-size:1.5rem;line-height:1.6}.conclusion{color:#991b1b;background:#fff;border-radius:8px;margin-top:20px;padding:15px;font-weight:700}.cases-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.case-card{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;padding:20px}.case-header{color:#1e40af;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;display:flex}.code{background:#fef9c3;border-radius:4px;padding:4px 8px;font-family:monospace}@media (prefers-color-scheme:dark){.info-box,.logic-box,.case-card,.hint-card{color:#f1f5f9;background:#1e293b;border-color:#334155}.answer-box{background:#0f172a}.code{color:#fde68a;background:#334155}}.remainder-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.remainder-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.remainder-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.remainder-nav button.active{background:var(--btn-primary);color:#fff}.remainder-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.example-hero{text-align:center;background:#fefce8;border:2px solid #fde68a;border-radius:20px;margin-bottom:30px;padding:40px}.example-hero p{color:#854d0e;margin-bottom:10px;font-size:1.5rem}.formula-large{color:#1e293b;font-family:Courier New,monospace;font-size:3rem;font-weight:700}.formula-box{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:30px;margin-bottom:30px;padding:40px;display:flex}.main-formula{color:#92400e;background:#fef9c3;border-radius:12px;padding:20px 40px;font-family:Courier New,monospace;font-size:4rem;font-weight:700}.formula-legend{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.formula-legend p{margin:0;font-size:1.2rem}.example-box{text-align:center;background:#f8fafc;border-radius:12px;padding:20px;font-size:1.5rem;font-weight:600}.task-display{text-align:center;margin-bottom:30px;font-family:Courier New,monospace;font-size:3.5rem;font-weight:700}.dual-input-section{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.input-group label{text-align:center;color:#64748b;margin-bottom:10px;font-weight:600;display:block}.answer-box{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;height:100px;font-size:2.5rem;font-weight:700;transition:all .2s;display:flex}.answer-box.focused{border-color:var(--btn-primary);box-shadow:0 0 10px #2563eb33}.action-btns{gap:10px;display:flex}.tab-btn{border:1px solid var(--border-color);cursor:pointer;background:#f1f5f9;border-radius:12px;flex:1;padding:15px;font-size:1rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1.5;padding:15px;font-size:1.2rem;font-weight:700}.hint-card.yellow{background:#fffbeb;border-color:#fef3c7}.formula-small{color:#1e293b;margin-top:10px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}@media (prefers-color-scheme:dark){.example-hero{background:#3f3f17;border-color:#71710a}.formula-box,.answer-box{background:#1e293b;border-color:#334155}.main-formula{color:#fef08a;background:#71710a}.example-box{background:#0f172a}.tab-btn{color:#fff;background:#334155;border-color:#475569}.placeholder{color:#475569;border-color:#475569}.hint-card{color:#dcfce7;background:#064e3b;border-color:#065f46}.hint-card.yellow{color:#fef3c7;background:#78350f;border-color:#92400e}.formula-small{color:#fff}}.expressions-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.expressions-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.expressions-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.expressions-nav button.active{background:var(--btn-primary);color:#fff}.expressions-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.theory-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.theory-card{border:2px solid #e2e8f0;border-radius:16px;padding:25px}.theory-card.numeric{background:#eff6ff;border-color:#bfdbfe}.theory-card.algebraic{background:#fff7ed;border-color:#ffedd5}.theory-card h3{margin-top:0;margin-bottom:15px}.theory-card .example{background:#fff;border-radius:8px;margin-bottom:10px;padding:10px;font-family:Courier New,monospace;font-weight:700}.calculation-example{background:#fef9c3;border:1px solid #fde68a;border-radius:12px;padding:20px}.calculation-example .res{color:#92400e;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.formulas-list{flex-direction:column;gap:15px;display:flex}.formula-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.formula-item .title{font-size:1.2rem;font-weight:600}.formula-item .math{color:var(--btn-primary);font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.demo-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.demo-card{text-align:center;border:2px solid #e2e8f0;border-radius:16px;padding:25px}.demo-card.highlight{background:#fdf2f8;border-color:#fce7f3}.demo-card .math{margin-bottom:15px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.examples-list{padding:0;list-style:none}.examples-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:15px;padding:20px}.examples-list .ans{color:#16a34a;font-size:1.2rem;font-weight:700}.task-display{text-align:center;background:#f8fafc;border-radius:12px;margin-bottom:30px;padding:20px;font-size:1.8rem;font-weight:600}@media (prefers-color-scheme:dark){.theory-card,.formula-item,.demo-card,.examples-list li,.task-display,.answer-box{color:#f1f5f9;background:#1e293b;border-color:#334155}.theory-card.numeric{background:#1e3a8a}.theory-card.algebraic{background:#7c2d12}.theory-card .example{background:#0f172a}.calculation-example{color:#fff;background:#71710a}.formula-item .math{color:#60a5fa}}.motion-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.motion-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.motion-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.motion-nav button.active{background:var(--btn-primary);color:#fff}.motion-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.formula-hero{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:40px}.main-f{color:#2563eb;background:#eff6ff;border-radius:12px;margin-bottom:20px;padding:10px 30px;font-family:Courier New,monospace;font-size:4rem;font-weight:700;display:inline-block}.legend{justify-content:center;gap:30px;font-size:1.2rem;display:flex}.river-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.river-card{border:2px solid #e2e8f0;border-radius:16px;padding:25px}.river-card.downstream{background:#eff6ff;border-color:#bfdbfe}.river-card.upstream{background:#fef2f2;border-color:#fecaca}.river-card .math{margin:15px 0;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.river-visual{background:#e0f2fe;border-radius:50px;align-items:center;height:100px;padding:0 40px;display:flex;position:relative;overflow:hidden}.river-lane{justify-content:space-between;width:100%;font-size:2rem;display:flex}.current{color:#0ea5e9;letter-spacing:5px;animation:2s linear infinite wave}@keyframes wave{0%{transform:translate(0)}to{transform:translate(20px)}}.motion-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.motion-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.motion-card .math{color:#4f46e5;margin:10px 0;font-size:1.4rem;font-weight:700}.diagram{letter-spacing:5px;font-size:1.5rem;font-weight:700}.task-display{text-align:left;border-left:5px solid var(--btn-primary);background:#f8fafc;border-radius:0 12px 12px 0;margin-bottom:30px;padding:25px;font-size:1.3rem;line-height:1.6}.hint-card{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.main-hints ul{margin-top:10px;padding-left:20px}.main-hints li{margin-bottom:5px;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.formula-hero,.river-card,.motion-card,.task-display,.answer-box{color:#f1f5f9;background:#1e293b;border-color:#334155}.main-f,.river-card.downstream{background:#1e3a8a}.river-card.upstream{background:#7f1d1d}.river-visual{background:#0c4a6e}.task-hint-box{color:#fff;background:#064e3b;border-color:#065f46}.toggle-hint-btn{color:#fde68a;background:#334155;border-color:#475569}}.economic-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.economic-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.economic-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.economic-nav button.active{background:var(--btn-primary);color:#fff}.economic-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}h2{color:var(--btn-primary);margin-bottom:20px;font-size:2rem}.theory-box{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:40px}.theory-box .legend{color:#64748b;justify-content:center;gap:30px;margin-bottom:20px;display:flex}.theory-box .main-formula{color:#2563eb;background:#eff6ff;border-radius:12px;margin-bottom:20px;padding:10px 40px;font-family:Courier New,monospace;font-size:4rem;font-weight:700;display:inline-block}.sub-formulas{justify-content:center;gap:40px;font-size:1.5rem;font-weight:600;display:flex}.example-card{background:#f8fafc;border-left:5px solid #16a34a;border-radius:12px;padding:20px}.example-card .res{color:#16a34a;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.examples-grid{flex-direction:column;gap:15px;display:flex}.example-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.example-item .ans{color:#2563eb;margin-top:10px;font-weight:700}.trainer-layout{gap:40px;display:flex}.trainer-main{flex:1.2}.trainer-side{flex:.8}.task-display{background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;margin-bottom:30px;padding:25px;font-size:1.4rem;line-height:1.6}.answer-box{border:3px solid var(--btn-primary);background:#fff;border-radius:16px;justify-content:center;align-items:center;height:100px;margin-bottom:20px;font-size:3rem;font-weight:700;display:flex;position:relative}.placeholder{color:#cbd5e1;border:3px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:10px;padding:15px;font-size:1.5rem;font-weight:700}.hint-card.formulas{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.f-row{margin-top:10px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.toggle-hint-btn{color:#1e40af;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;width:100%;margin-bottom:15px;padding:10px;font-weight:700}.task-hint-box{background:#fefce8;border:1px solid #fde68a;border-radius:12px;margin-bottom:20px;padding:15px}.formula-highlight{color:#92400e;margin:10px 0;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.score-box{text-align:right;font-size:1.5rem;font-weight:700}.trainer-scene{position:relative}@media (prefers-color-scheme:dark){.theory-box,.example-card,.example-item,.task-display,.answer-box{color:#f1f5f9;background:#1e293b;border-color:#334155}.theory-box .main-formula{background:#1e3a8a}.task-hint-box{color:#fff;background:#3f3f17;border-color:#71710a}.formula-highlight{color:#fef08a}}.all-ops-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.all-ops-nav{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--card-shadow);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.all-ops-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.all-ops-nav button.active{background:var(--btn-primary);color:#fff;box-shadow:0 4px 12px var(--btn-shadow)}.all-ops-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;position:relative;overflow-y:auto}.scene-content{max-width:1000px;margin:0 auto;animation:.4s ease-out fadeIn}h2{color:var(--btn-primary);text-align:center;margin-bottom:25px;font-size:2.2rem}.rules-box{background:var(--header-bg);border:1px solid var(--border-color);box-shadow:inset 0 2px 4px var(--card-shadow);border-radius:16px;margin-bottom:40px;padding:25px}.rules-box ol{padding-left:40px;font-size:1.25rem;line-height:1.8}.example-hero{background:linear-gradient(135deg, var(--btn-primary) 0%, var(--btn-hover) 100%);color:#fff;text-align:center;box-shadow:0 10px 25px var(--btn-shadow);border-radius:20px;padding:40px}.example-hero .math{margin-bottom:25px;font-family:Consolas,monospace;font-size:3rem;font-weight:700}.example-hero .steps{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.example-hero .steps span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:30px;padding:10px 20px;font-size:1.1rem}.property-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;margin-bottom:30px;padding:30px;transition:transform .3s}.property-card:hover{transform:translateY(-5px)}.property-card h3{color:var(--btn-primary);margin-top:0;font-size:1.6rem}.property-card .math{text-align:center;color:var(--text-color);background:var(--header-bg);border-radius:12px;margin:20px 0;padding:15px;font-family:Consolas,monospace;font-size:2.2rem}.property-card .example{border-left:5px solid var(--btn-primary);background:var(--bg-color);margin-top:20px;padding:15px;font-size:1.2rem}.trainer-layout{grid-template-columns:1fr 300px;gap:40px;display:grid}.trainer-main{flex-direction:column;align-items:center;display:flex}.task-display{background:var(--header-bg);text-align:center;width:100%;box-shadow:inset 0 2px 10px var(--card-shadow);color:var(--text-color);border-radius:20px;margin:30px 0;padding:30px;font-family:Consolas,monospace;font-size:2.8rem;font-weight:700}.input-section{width:100%;max-width:400px}.answer-box{background:var(--card-bg);border:3px solid var(--btn-primary);height:100px;box-shadow:0 4px 15px var(--card-shadow);border-radius:16px;justify-content:center;align-items:center;margin-bottom:25px;font-family:Consolas,monospace;font-size:3.5rem;font-weight:700;transition:all .3s;display:flex}.placeholder{color:var(--border-color);border:3px dashed var(--border-color);opacity:.5;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);height:70px;color:var(--text-color);cursor:pointer;box-shadow:0 4px 0 var(--border-color);border-radius:12px;font-size:1.8rem;font-weight:700;transition:all .1s}.numpad button:hover:not(:disabled){background:var(--bg-color);box-shadow:0 6px 0 var(--border-color);transform:translateY(-2px)}.numpad button:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.numpad button:disabled{opacity:.5;cursor:not-allowed}.check-btn,.next-btn{cursor:pointer;color:#fff;width:100%;box-shadow:0 4px 15px var(--btn-shadow);border:none;border-radius:12px;padding:18px;font-size:1.4rem;font-weight:700;transition:all .2s}.check-btn:hover:not(:disabled){background:var(--btn-hover);transform:scale(1.02)}.check-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn:hover{background:#43a047;transform:scale(1.02)}.feedback-msg{text-align:center;height:40px;margin-top:25px;font-size:1.5rem;font-weight:700}.trainer-side{flex-direction:column;gap:20px;display:flex}.toggle-hint-btn{border:2px solid var(--btn-primary);color:var(--btn-primary);cursor:pointer;background:0 0;border-radius:12px;padding:15px;font-weight:700;transition:all .2s}.toggle-hint-btn:hover{background:var(--btn-primary);color:#fff}.task-hint-box{color:#5d4037;background:#fff9c4;border:2px solid #fbc02d;border-radius:16px;padding:20px;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.task-hint-box h5{margin:0 0 10px;font-size:1.1rem}.task-hint-box p{margin:0;font-family:Consolas,monospace;font-size:1rem}.score-box{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:16px;padding:20px;font-size:1.3rem;font-weight:700}.score-box span{color:#4caf50;font-size:1.8rem}.answer-box.celebrate-box{animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-color-scheme:dark){.answer-box{background:#1a1a1a}.task-hint-box{color:#efebe9;background:#3e2723;border-color:#5d4037}.answer-box.ok{color:#a5d6a7;background:#1b5e20}.answer-box.error{color:#ef9a9a;background:#b71c1c}}.segments-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.segments-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.segments-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600}.segments-nav button.active{background:var(--btn-primary);color:#fff}.segments-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex:1;padding:30px;position:relative;overflow-y:auto}.animate-in{animation:.4s ease-out fadeIn}h2,h3{color:var(--btn-primary);text-align:center}.units-box{background:var(--header-bg);text-align:center;border-radius:12px;margin-bottom:30px;padding:20px;font-size:1.5rem;line-height:2}.units-example{color:#92400e;text-align:center;background:#fef9c3;border-radius:12px;padding:20px}.units-example .math{font-family:Consolas,monospace;font-size:1.8rem;font-weight:700}.canvas-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:center;margin:20px 0;display:flex;overflow:hidden}.controls{flex-direction:column;align-items:center;gap:15px;display:flex}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 30px;font-weight:700}.compare-visual{flex-direction:column;align-items:center;gap:30px;margin:40px 0;display:flex}.seg-row{align-items:center;gap:20px;width:100%;max-width:500px;display:flex}.seg-row .label{width:40px;font-weight:700}.seg-line{border-radius:3px;height:6px;position:relative}.dot{background:#d97706;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.dot.start{left:-6px}.dot.end{right:-6px}.cmp-btns{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.cmp-btns button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:12px;width:60px;height:60px;font-size:1.5rem;font-weight:700}.split-visual{justify-content:center;margin:40px 0;display:flex}.seg-full{background:var(--btn-primary);align-items:center;width:80%;max-width:600px;height:6px;display:flex;position:relative}.seg-part{color:var(--btn-primary);justify-content:center;align-items:center;margin-top:-30px;font-size:.9rem;font-weight:700;display:flex}.p-dot{z-index:2;background:#4f46e5}.split-inputs{justify-content:center;gap:40px;margin-bottom:30px;display:flex}.input-group{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:10px;display:flex}.input-group.active{border-color:var(--btn-primary);background:var(--header-bg)}.ans-box{border:2px solid var(--border-color);width:100px;height:60px;color:var(--text-color);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.dash{color:#ccc}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px;margin:0 auto;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:8px;height:50px;font-size:1.2rem;font-weight:700}.numpad-check-btn{color:#fff;grid-column:span 3;background:var(--btn-primary)!important}.ans-box-large{border:3px solid var(--btn-primary);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:200px;height:80px;margin:20px auto;font-size:2.5rem;font-weight:700;display:flex}.task-text{text-align:center;min-height:60px;margin:20px 0;font-size:1.3rem;font-weight:600}.score{text-align:right;color:var(--btn-primary);font-weight:700}.feedback-msg{text-align:center;height:30px;margin:10px 0;font-weight:700}@media (prefers-color-scheme:dark){.canvas-container canvas{filter:invert(.9)hue-rotate(180deg)}.ans-box,.ans-box-large{background:#1a1a1a}.units-example{color:#fef08a;background:#3f3f17}}.rayline-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;display:flex}.rayline-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.rayline-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.rayline-nav button.active{background:var(--btn-primary);color:#fff}.rayline-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex:1;padding:30px;position:relative;overflow-y:auto}.intro-card ul{margin-top:15px}.intro-card li{margin-bottom:10px;font-size:1.1rem}.svg-box.mini{margin:10px 0;padding:10px}.trainer-scene .task-card{text-align:center}.question{margin:20px 0;font-size:1.4rem;font-weight:700}.options-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px;display:grid}.options-grid button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:15px;font-size:1.1rem;font-weight:600}.options-grid button.ok{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.options-grid button.error{color:#c62828;background:#ffebee;border-color:#f44336}.feedback{min-height:24px;margin:15px 0;font-weight:700}.feedback.ok{color:#4caf50}.feedback.error{color:#f44336}.next-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:10px;padding:12px 30px;font-weight:700}.score{color:var(--muted-text);margin-top:20px;font-weight:700}.confetti-particle{animation:3s linear forwards confetti-fall;position:absolute}@media (prefers-color-scheme:dark){.svg-box{background:#1a1a1a}svg line{stroke-width:4px}}.coord-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;display:flex}.coord-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.coord-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.coord-nav button.active{background:var(--btn-primary);color:#fff}.coord-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex:1;padding:30px;position:relative;overflow-y:auto}.scene-content{text-align:center;max-width:900px;margin:0 auto}.intro-card,.task-card{background:var(--header-bg);border:1px solid var(--border-color);text-align:left;border-radius:16px;margin-top:20px;padding:25px}.svg-box{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:center;margin:20px 0;padding:20px;display:flex}.svg-box.interactive g{cursor:pointer}.svg-box.interactive g:hover line{stroke:var(--btn-primary);stroke-width:2px}.input-row{align-items:flex-start;gap:40px;margin-top:20px;display:flex}.answer-section{width:300px}.answer-box{border:3px solid var(--btn-primary);box-sizing:border-box;background:#fff;border-radius:12px;justify-content:center;align-items:center;height:80px;margin-bottom:15px;font-size:2.5rem;font-weight:700;display:flex}.answer-box.ok{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.answer-box.error{color:#c62828;background:#ffebee;border-color:#f44336}.placeholder{color:#ccc}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:12px;font-size:1.2rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;width:100%;padding:15px;font-size:1.1rem;font-weight:700}.check-btn{background:var(--btn-primary)}.check-btn:disabled{opacity:.5}.next-btn{background:#4caf50}.feedback-area{flex-direction:column;flex:1;justify-content:center;min-height:150px;display:flex}.feedback-msg{margin-bottom:20px;font-size:1.5rem;font-weight:700}.feedback-msg.ok{color:#4caf50}.feedback-msg.error{color:#f44336}.score-badge{color:var(--muted-text);font-size:1.2rem}.celebration-overlay{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(600px)rotate(360deg)}}.confetti-particle{width:10px;height:10px;animation:3s linear forwards fall;position:absolute}@media (prefers-color-scheme:dark){.svg-box,.answer-box{background:#1a1a1a}}.placeholder{text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);text-align:center;border:2px dashed var(--border-color);border-radius:12px;margin-top:20px;padding:20px}.app-container{background-color:var(--bg-color);max-width:1200px;min-height:100vh;color:var(--text-color);flex-direction:column;margin:0 auto;padding:20px;display:flex}header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.grade-selector{gap:10px;display:flex}.grade-selector button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px}.grade-selector button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.paragraph-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.paragraph-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;box-shadow:0 4px 6px var(--card-shadow);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.paragraph-card:hover{box-shadow:0 8px 12px var(--card-shadow);transform:translateY(-5px)}.lesson-container{flex-direction:column;gap:20px;display:flex}.lesson-header{align-items:center;gap:20px;display:flex}.back-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:8px 16px}.lesson-content{background:var(--card-bg);border-radius:16px;min-height:60vh}@media screen and (width<=768px){.app-container{padding:10px}header{flex-direction:column;gap:15px}}