: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-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(1000px)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}.task-display{background:var(--header-bg);border-radius:12px;margin-bottom:25px;padding:20px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.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}.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}.task-display{background:var(--header-bg);white-space:nowrap;scrollbar-width:thin;border-radius:12px;margin-bottom:25px;padding:20px;font-family:Courier New,monospace;font-size:2.2rem;font-weight:700;overflow-x:auto}.common-factor{color:#dc2626}.dist-factor{color:#2563eb}.pair-factor{color:#16a34a}.task-expr{justify-content:center;align-items:center;gap:5px;display:flex}.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}@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}.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}.trainer-side{flex-direction:column;flex:.8;gap:15px;display:flex}.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-btn{cursor:pointer;background:var(--header-bg);text-align:center;border:3px solid #0000;border-radius:16px;flex:1;padding:15px;transition:all .2s}.input-group-btn.active{border-color:var(--btn-primary);background:var(--card-bg);transform:translateY(-2px);box-shadow:0 4px 15px #2563eb33}.input-group-btn label{color:#64748b;cursor:pointer;margin-bottom:10px;font-size:.9rem;font-weight:700;display:block}.input-group-btn.active label{color:var(--btn-primary)}.answer-box{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}.column-layout{justify-content:center;align-items:flex-start;gap:40px;display:flex}.math-grid-container{border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #0000000d}.math-grid{font-family:Courier New,monospace;font-size:1.8rem;line-height:1.2;display:inline-block}.grid-row{display:flex}.grid-cell{border:1px solid #0000;justify-content:center;align-items:center;width:35px;height:45px;display:flex}.cell-given{color:var(--text-color);font-weight:700}.cell-op{color:var(--btn-primary);font-weight:700}.cell-line{border-bottom:2px solid var(--text-color)}.cell-input{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:4px}.cell-active{background:#fef9c3;border:2px solid #eab308;animation:1.5s infinite pulse}.cell-ok{color:#15803d;background:#dcfce7;border:1px solid #22c55e}.cell-error{background:#fee2e2;border:1px solid #ef4444}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.column-controls{width:250px}.numpad.small{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px;display:grid}.numpad.small button{padding:12px;font-size:1.1rem}.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-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}}.equations-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}.equations-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.equations-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}.equations-nav button.active{background:var(--btn-primary);color:#fff}.equations-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}.intro-card{border:2px solid var(--border-color);text-align:center;background:#fff;border-radius:20px;margin-bottom:30px;padding:30px}.intro-card p{margin-bottom:15px;font-size:1.4rem}.equation-example{color:var(--btn-primary);font-family:Courier New,monospace;font-size:3.5rem;font-weight:700}.concepts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.concept-card{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;padding:20px}.concept-card h3{color:var(--btn-primary);margin-top:0}.rule-list{flex-direction:column;gap:15px;display:flex}.rule-item{background:#fff;border:2px solid #0000;border-radius:16px;padding:20px}.rule-item.purple{border-color:#ddd6fe}.rule-item.orange{border-color:#fed7aa}.rule-item h3{margin-top:0}.rule-item.purple h3{color:#7c3aed}.rule-item.orange h3{color:#ea580c}.formula{background:#fef9c3;border-radius:8px;margin-top:10px;padding:10px 20px;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700}.example-card{background:#f1f5f9;border-radius:16px;margin-bottom:20px;padding:25px}.example-card h3{color:var(--btn-primary);margin-top:0}.example-card ol{font-size:1.2rem;line-height:1.8}.trainer-main{text-align:center;flex:1.2}.task-box{border:3px solid var(--border-color);background:#fff;border-radius:20px;margin-bottom:20px;padding:30px}.task-text{font-family:Courier New,monospace;font-size:3rem;font-weight:700}.answer-box{border:3px solid var(--btn-primary);background:#fff;border-radius:16px;justify-content:center;align-items:center;height:90px;margin-bottom:20px;font-size:2.8rem;font-weight:700;display:flex}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}.numpad button{border:1px solid var(--border-color);cursor:pointer;background:#f8fafc;border-radius:10px;padding:15px;font-size:1.4rem;font-weight:700}.action-btns{justify-content:center;gap:10px;display:flex}.feedback-msg{min-height:1.5em;margin-top:15px;font-size:1.4rem;font-weight:700}.hint-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:20px}.hint-card h4{color:#1e40af;margin-top:0}.score-box{text-align:right;margin-top:20px;font-size:1.5rem;font-weight:700}.score-box span{color:#22c55e}@media (prefers-color-scheme:dark){.intro-card,.rule-item,.task-box,.answer-box,.numpad button{background:#1e293b;border-color:#334155}.concept-card,.example-card{background:#0f172a;border-color:#1e293b}.formula{color:#fef08a;background:#713f12}.hint-card{background:#1e3a8a;border-color:#1e40af}.hint-card h4{color:#bfdbfe}}.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}.motion-diagram{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:10px}.motion-diagram svg{width:100%;height:auto;max-height:80px}.mini-diagram{border-top:1px solid #bbf7d0;margin-top:15px;padding-top:10px}.formula-highlight{color:#16a34a;background:#dcfce7;border-radius:6px;margin:10px 0;padding:5px 10px;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;display:inline-block}@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}.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}.task-display{background:var(--header-bg);text-align:center;width:100%;box-shadow:inset 0 2px 10px var(--card-shadow);color:var(--text-color);white-space:nowrap;border-radius:20px;margin:30px 0;padding:30px;font-family:Consolas,monospace;font-size:2.8rem;font-weight:700;overflow-x:auto}.order-display{flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0;font-family:Consolas,monospace;font-size:3rem;display:flex}.token{cursor:default;border-radius:12px;padding:10px 15px;transition:all .2s;position:relative}.token.operator{cursor:pointer;background:var(--header-bg);box-shadow:0 4px 0 var(--border-color);border:1px solid var(--border-color)}.token.operator:hover{background:var(--bg-color);transform:translateY(-2px)}.token.selected{background:var(--btn-primary);color:#fff;box-shadow:0 4px 0 var(--btn-shadow);border-color:var(--btn-primary)}.order-badge{color:#fff;background:#ff9800;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}@media (width<=900px){.trainer-layout{grid-template-columns:1fr}.trainer-side{flex-flow:wrap}}.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}.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}.answer-box.celebrate-box{animation:1s infinite pulse}@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-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}@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:disabled{opacity:.5}.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}.score-badge{color:var(--muted-text);font-size:1.2rem}@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}}.charts-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}.charts-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.charts-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}.charts-nav button.active{background:var(--btn-primary);color:#fff}.charts-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}.intro-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:30px;padding:25px}.intro-card p{margin-bottom:10px;font-size:1.2rem;line-height:1.6}.intro-card ul{margin-left:20px;font-size:1.1rem;line-height:1.8}.chart-box{border:2px solid var(--border-color);background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:250px;margin:20px 0;padding:20px;display:flex;box-shadow:inset 0 2px 8px #0000000d}.chart-controls{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.chart-msg{color:var(--text-color);opacity:.8;font-weight:600}.rnd-btn,.next-btn,.check-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-weight:700;transition:all .2s}.rnd-btn{background:var(--btn-primary)}.rnd-btn:hover,.next-btn:hover,.check-btn:hover{transform:scale(1.05)}.quiz-box{background:var(--header-bg);border:2px solid var(--border-color);border-radius:16px;margin-top:20px;padding:20px}.quiz-q{margin-bottom:15px;font-size:1.3rem;font-weight:700}.options-grid{flex-wrap:wrap;gap:15px;display:flex}.option-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .2s}.option-btn:hover{background:#f1f5f9}.answer-input-area{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.ans-display{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:80px;font-family:Courier New,monospace;font-size:3rem;font-weight:700;transition:all .2s;display:flex}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:10px;height:60px;font-size:1.5rem;font-weight:700;transition:all .1s}.numpad button:active{transform:translateY(2px)}.feedback-msg{height:30px;margin-bottom:10px;font-size:1.2rem;font-weight:700}.score-box{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:12px;padding:20px;font-size:1.2rem;font-weight:700}.score-box span{color:var(--btn-primary);font-size:1.8rem}.hint-box h4{color:#1e40af;margin-top:0}.hint-box ul{margin-bottom:0;padding-left:20px}.celebration-overlay{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti-particle{animation:3s linear forwards confetti-fall;position:absolute}@media (prefers-color-scheme:dark){.chart-box,.ans-display,.option-btn{color:#fff;background:#1e293b;border-color:#334155}.option-btn:hover{background:#334155}.hint-box{color:#bfdbfe;background:#1e3a8a;border-color:#1e40af}.hint-box h4{color:#60a5fa}.ans-display.ok{background:#064e3b;border-color:#22c55e}.ans-display.error{background:#7f1d1d;border-color:#ef4444}.option-btn.correct{color:#4ade80;background:#064e3b;border-color:#22c55e}.option-btn.error{color:#f87171;background:#7f1d1d;border-color:#ef4444}}.angles-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}.angles-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.angles-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.angles-nav button.active{background:var(--btn-primary);color:#fff}.angles-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:25px;position:relative;overflow-y:auto}.type-item{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:15px}.practice-layout{grid-template-columns:1fr 350px;gap:30px;display:grid}.canvas-area{border:2px solid var(--border-color);cursor:crosshair;background:#fff;border-radius:16px;position:relative;overflow:hidden}.task-card{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:12px;padding:20px}.task-card h3{margin-top:0;font-size:1.4rem}.classify-btns{flex-direction:column;gap:8px;display:flex}.classify-btn{border:1px solid var(--border-color);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px;font-weight:600;transition:all .2s;display:flex}.classify-btn:hover{background:#f1f5f9}.classify-btn.selected{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.classify-btn.correct{color:#fff;background:#22c55e;border-color:#16a34a}.classify-btn.error{color:#fff;background:#ef4444;border-color:#dc2626}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:14px;font-weight:700;transition:all .2s}.feedback-area{text-align:center;min-height:40px;font-weight:700}.feedback-area.ok{color:#16a34a}.feedback-area.error{color:#dc2626}.sub-tabs{gap:5px;margin-bottom:15px;display:flex}.sub-tabs button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:6px;flex:1;padding:8px;font-size:.9rem}.sub-tabs button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}@media (prefers-color-scheme:dark){.visual-box,.canvas-area,.classify-btn,.sub-tabs button{color:#fff;background:#1e293b;border-color:#334155}.classify-btn:hover{background:#334155}.type-item{background:#1e293b;border-color:#334155}}.triangles-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}.triangles-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.triangles-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.triangles-nav button.active{background:var(--btn-primary);color:#fff}.triangles-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:25px;position:relative;overflow-y:auto}.types-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.type-item{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:15px;transition:transform .2s}.type-item:hover{transform:translateY(-5px)}.type-item h4{color:var(--btn-primary);margin-top:0}.formula-highlight{color:#4f46e5;text-align:center;margin:15px 0;font-family:Consolas,monospace;font-size:1.5rem;font-weight:700}.task-text{background:var(--header-bg);border-radius:12px;width:100%;margin-bottom:20px;padding:15px 25px;font-size:1.3rem;font-weight:600}.choice-grid{flex-direction:column;gap:10px;width:100%;max-width:350px;display:flex}.choice-btn{border:1px solid var(--border-color);cursor:pointer;text-align:center;background:#fff;border-radius:10px;padding:14px;font-weight:600;transition:all .2s}.choice-btn:hover{background:#f1f5f9}.choice-btn.selected{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.choice-btn.correct{color:#fff;background:#22c55e}.choice-btn.error{color:#fff;background:#ef4444}@media (prefers-color-scheme:dark){.visual-box,.ans-display,.choice-btn{color:#fff;background:#1e293b;border-color:#334155}.choice-btn:hover{background:#334155}.type-item{background:#1e293b;border-color:#334155}.hint-box{color:#bfdbfe;background:#1e3a8a;border-color:#1e40af}}.rect-sq-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}.rect-sq-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.rect-sq-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}.rect-sq-nav button.active{background:var(--btn-primary);color:#fff}.rect-sq-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}.theory-card ul{margin-top:15px;margin-left:25px;font-size:1.1rem;line-height:1.8}.ans-display{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:300px;height:80px;margin-bottom:20px;font-family:Courier New,monospace;font-size:3rem;font-weight:700;display:flex}@media (prefers-color-scheme:dark){.visual-box,.ans-display{color:#fff;background:#1e293b;border-color:#334155}.formula-box{color:#818cf8;background:#334155}.hint-box{color:#bfdbfe;background:#1e3a8a;border-color:#1e40af}}.equality-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}.equality-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.equality-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}.equality-nav button.active{background:var(--btn-primary);color:#fff}.equality-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}.theory-card p{margin-bottom:0;font-size:1.15rem;line-height:1.6}.visual-demo{border:2px solid var(--border-color);background:#fff;border-radius:16px;justify-content:space-around;align-items:center;min-height:250px;margin:20px 0;padding:20px;display:flex}.task-text{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:20px;padding:20px;font-size:1.3rem;font-weight:600}.task-visual{border:2px solid var(--border-color);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:300px;margin-bottom:20px;display:flex}.ans-area{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.ans-display{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:280px;height:70px;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700;display:flex}.yn-btns{gap:20px;width:100%;max-width:350px;display:flex}.yn-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;padding:15px;font-size:1.3rem;font-weight:700;transition:transform .2s}.yn-btn.yes{background:#16a34a}.yn-btn.no{background:#dc2626}.yn-btn:hover{transform:scale(1.05)}.remember-card{background:#fdf2f2;border:1px solid #fecaca;border-radius:12px;padding:15px}.remember-card h4{color:#b91c1c;margin-top:0}.remember-card p{margin-bottom:5px;font-size:.9rem}@media (prefers-color-scheme:dark){.visual-demo,.task-visual,.ans-display{color:#fff;background:#1e293b;border-color:#334155}.theory-card h3{color:#fbbf24}.remember-card{color:#fecaca;background:#450a0a;border-color:#7f1d1d}.remember-card h4{color:#f87171}}.area-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}.area-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.area-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.area-nav button.active{background:var(--btn-primary);color:#fff}.area-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:25px;position:relative;overflow-y:auto}.theory-card ul{margin-top:10px;margin-left:20px}.visual-box{border:2px solid var(--border-color);background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:300px;margin:20px 0;padding:20px;display:flex}.formula-box{color:#4f46e5;text-align:center;background:#f1f5f9;border-radius:12px;margin:20px 0;padding:20px;font-family:Consolas,monospace;font-size:2rem;font-weight:700}.unit-table{border-collapse:collapse;width:100%;margin-top:15px}.unit-table td,.unit-table th{border:1px solid var(--border-color);text-align:left;padding:12px}.unit-table th{background:var(--header-bg);font-weight:700}.task-text{background:var(--header-bg);text-align:center;border-radius:12px;width:100%;margin-bottom:20px;padding:15px 25px;font-size:1.3rem;font-weight:600}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;width:100%;margin-top:15px;padding:15px;font-weight:700}@media (prefers-color-scheme:dark){.visual-box,.ans-display,.formula-box{color:#fff;background:#1e293b;border-color:#334155}.unit-table th{background:#334155}.hint-box{color:#bfdbfe;background:#1e3a8a;border-color:#1e40af}}.div-mul-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}.div-mul-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.div-mul-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.div-mul-nav button.active{background:var(--btn-primary);color:#fff}.div-mul-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:25px;position:relative;overflow-y:auto}.theory-card p{font-size:1.1rem;line-height:1.6}.demo-box{border:2px solid var(--border-color);background:#fff;border-radius:16px;margin:20px 0;padding:25px}.demo-input-row{align-items:center;gap:15px;margin-bottom:20px;display:flex}.demo-input{text-align:center;border:2px solid var(--btn-primary);border-radius:10px;width:120px;height:50px;font-size:1.5rem}.demo-res{color:var(--btn-primary);font-size:1.3rem;font-weight:700}.task-num{color:var(--btn-primary);margin:10px 0;font-size:4rem;font-weight:700}.progress-info{gap:20px;margin-bottom:15px;font-weight:600;display:flex}.found-list{color:#16a34a}.remain-count{color:#64748b}.options-grid{grid-template-columns:repeat(5,1fr);gap:12px;width:100%;margin-bottom:20px;display:grid}.option-btn{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;height:60px;font-size:1.5rem;font-weight:700;transition:all .2s}.option-btn.selected{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.option-btn.correct{color:#fff;background:#22c55e;border-color:#16a34a}.option-btn.missed{color:#b45309;background:#fef3c7;border-color:#fbbf24}.option-btn.error{color:#fff;background:#ef4444;border-color:#dc2626}.hint-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:20px;font-size:.95rem}@media (prefers-color-scheme:dark){.demo-box,.demo-input,.ans-display,.option-btn{color:#fff;background:#1e293b;border-color:#334155}.option-btn:hover{background:#334155}.hint-box{color:#bfdbfe;background:#1e3a8a;border-color:#1e40af}}.divisibility-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}.divisibility-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.divisibility-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.divisibility-nav button.active{background:var(--btn-primary);color:#fff}.divisibility-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:25px;position:relative;overflow-y:auto}.rule-card{border:1px solid var(--border-color);border-radius:12px;margin-bottom:15px;padding:20px}.rule-card.div2{background:#fee2e2;border-color:#fca5a5}.rule-card.div3{background:#dcfce7;border-color:#86efac}.rule-card.div5{background:#fef9c3;border-color:#fde047}.rule-card.div9{background:#ede9fe;border-color:#c4b5fd}.rule-card.div10{background:#dbeafe;border-color:#93c5fd}.rule-card h3{margin-top:0;margin-bottom:8px;font-size:1.3rem}.rule-card p{margin:0;line-height:1.5}.demo-section{background:var(--header-bg);border-radius:16px;grid-template-columns:300px 1fr;gap:30px;margin-top:30px;padding:25px;display:grid}.demo-display{border:2px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;height:80px;margin-bottom:15px;font-size:3rem;font-weight:700;display:flex}.demo-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.demo-numpad button{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;height:50px;font-size:1.2rem}.demo-results{font-size:1.1rem;line-height:1.8}.demo-results b{color:var(--btn-primary)}.mode-selector{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.mode-btn{border:2px solid var(--border-color);cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:15px 25px;font-weight:700;transition:all .2s}.mode-btn.active{border-color:var(--btn-primary);background:var(--header-bg);transform:scale(1.05)}.task-number{color:var(--btn-primary);margin:20px 0;font-size:5rem;font-weight:700}.divisors-grid{gap:15px;margin-bottom:25px;display:flex}.div-toggle{border:3px solid var(--border-color);cursor:pointer;background:#fff;border-radius:16px;width:100px;height:100px;font-size:2rem;font-weight:700;transition:all .2s}.div-toggle.selected{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.div-toggle.correct{color:#fff;background:#22c55e;border-color:#16a34a}.div-toggle.error{color:#fff;background:#ef4444;border-color:#dc2626}.div-toggle.missed{color:#fff;background:#fbbf24;border-color:#d97706}.feedback-list{background:var(--header-bg);border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:20px;display:flex}.feedback-item{font-size:1rem;font-weight:500}.feedback-item.ok{color:#16a34a}.feedback-item.wrong{color:#dc2626}@media (prefers-color-scheme:dark){.rule-card{color:#1e293b}.demo-display,.demo-numpad button,.mode-btn,.div-toggle{color:#fff;background:#1e293b;border-color:#334155}.mode-btn.active{border-color:var(--btn-primary);background:#334155}}.prime-comp-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}.prime-comp-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.prime-comp-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.prime-comp-nav button.active{background:var(--btn-primary);color:#fff}.prime-comp-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:25px;position:relative;overflow-y:auto}.theory-card{border:1px solid var(--border-color);border-radius:12px;margin-bottom:15px;padding:20px}.theory-card.prime{background:#dbeafe;border-color:#bfdbfe}.theory-card.comp{background:#fee2e2;border-color:#fecaca}.theory-card.special{background:#fef9c3;border-color:#fef08a}.theory-card h3{color:var(--btn-primary);margin-top:0;margin-bottom:8px;font-size:1.3rem}.theory-card p{margin:0;line-height:1.5}.number-grid-50{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:20px;display:grid}.cell-50{border-radius:6px;justify-content:center;align-items:center;height:40px;font-size:.9rem;font-weight:700;display:flex}.type-task-box{flex-direction:column;align-items:center;gap:20px;display:flex}.big-number{color:var(--btn-primary);font-size:6rem;font-weight:700}.type-btns{gap:30px;display:flex}.type-btn{cursor:pointer;border:3px solid #0000;border-radius:16px;padding:20px 40px;font-size:1.5rem;font-weight:700;transition:all .2s}.type-btn.prime{color:#1d4ed8;background:#dbeafe}.type-btn.comp{color:#b91c1c;background:#fee2e2}.type-btn.prime.correct,.type-btn.comp.correct{color:#fff;background:#22c55e}.type-btn.error{color:#fff;background:#dc2626}.sieve-grid{grid-template-columns:repeat(10,1fr);gap:8px;margin:20px 0;display:grid}.sieve-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;height:50px;font-weight:700;transition:all .1s}.sieve-btn.marked{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.sieve-btn.ok{color:#fff;background:#22c55e;border-color:#16a34a}.sieve-btn.wrong{color:#fff;background:#ef4444;border-color:#dc2626}.sieve-btn.missed{color:#b45309;background:#fbbf24;border-color:#d97706}.sieve-controls{justify-content:center;gap:20px;margin-top:20px;display:flex}.legend{justify-content:center;gap:15px;margin-bottom:15px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-box{border-radius:3px;width:16px;height:16px}@media (prefers-color-scheme:dark){.theory-card{color:#1e293b}.sieve-btn{color:#fff;background:#1e293b;border-color:#334155}}.factor-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}.factor-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.factor-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.factor-nav button.active{background:var(--btn-primary);color:#fff}.factor-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:25px;position:relative;overflow-y:auto}.column-example{justify-content:center;margin:20px 0;font-family:Courier New,Courier,monospace;display:flex}.col-row{align-items:center;font-size:2.5rem;font-weight:700;display:flex}.col-num{text-align:right;width:120px;padding-right:15px}.col-sep{background:#334155;width:4px;height:50px}.col-div{text-align:left;color:#4361ee;width:80px;padding-left:15px}.notebook{border:2px solid var(--border-color);background:#fff;border-radius:16px;min-height:400px;padding:30px;box-shadow:inset 0 2px 10px #0000000d}.notebook-header{color:#64748b;border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:5px;font-weight:700}.controls-side{flex-direction:column;gap:20px;display:flex}.mode-toggle{background:var(--header-bg);border-radius:10px;gap:10px;padding:5px;display:flex}.mode-toggle button{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:.9rem;font-weight:700}.mode-toggle button.active{color:var(--btn-primary);background:#fff;box-shadow:0 2px 4px #0000001a}.task-instr{text-align:center;min-height:60px;font-size:1.2rem;font-weight:600}.prime-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.prime-btn{cursor:pointer;border:none;border-radius:10px;height:55px;font-size:1.3rem;font-weight:700;transition:transform .1s}.prime-btn:hover{transform:scale(1.05)}.prime-btn:active{transform:scale(.95)}.manual-entry{flex-direction:column;align-items:center;gap:15px;display:flex}.entry-display{border:2px solid var(--btn-primary);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:100%;height:70px;font-size:2.5rem;font-weight:700;display:flex}.numpad-small{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.numpad-small button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:8px;height:45px;font-weight:700}.final-ans{color:#16a34a;text-align:center;margin-top:20px;font-size:1.4rem;font-weight:700}@media (prefers-color-scheme:dark){.notebook,.entry-display{color:#fff;background:#1e293b;border-color:#334155}.col-sep{background:#94a3b8}.prime-btn{opacity:.9}.mode-toggle button.active{color:#fff;background:#334155}}.gcd-lcm-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}.gcd-lcm-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.gcd-lcm-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.gcd-lcm-nav button.active{background:var(--btn-primary);color:#fff}.gcd-lcm-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:25px;position:relative;overflow-y:auto}.factor-row{align-items:center;gap:10px;margin:10px 0;font-family:Courier New,monospace;font-size:1.5rem;display:flex}.chip{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:4px 12px;font-weight:700}.chip.highlight{color:#15803d;background:#dcfce7;border-color:#86efac}.task-box{background:var(--header-bg);text-align:center;border-radius:16px;width:100%;margin-bottom:20px;padding:25px}.task-nums{color:var(--btn-primary);margin:10px 0;font-size:3rem;font-weight:700}.constructor-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.workspace-left{border:2px solid var(--border-color);background:#fff;border-radius:16px;padding:20px}.workspace-right{flex-direction:column;gap:20px;display:flex}.user-expr{background:var(--header-bg);text-align:center;min-height:60px;color:var(--btn-primary);border-radius:12px;padding:15px;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.factor-pick-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.factor-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:60px;height:60px;font-size:1.5rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;padding:16px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.ans-display,.workspace-left,.chip{color:#fff;background:#1e293b;border-color:#334155}}.fractions-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}.fractions-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.fractions-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.fractions-nav button.active{background:var(--btn-primary);color:#fff}.fractions-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:25px;position:relative;overflow-y:auto}.vis-row{gap:5px;margin:15px 0;display:flex}.vis-cell{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;font-size:.8rem;font-weight:700;display:flex}.vis-cell.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.step-box{background:var(--header-bg);text-align:center;border:2px solid #0000;border-radius:10px;flex:1;padding:12px;transition:all .2s}.step-box.active{border-color:var(--btn-primary);background:#fff;transform:scale(1.05);box-shadow:0 4px 10px #0000001a}.task-box{background:var(--header-bg);text-align:center;border-radius:16px;width:100%;margin-bottom:20px;padding:25px;font-size:1.5rem;font-weight:600}.ans-display.ok{background:#f0fdf4;border-color:#22c55e}.ans-display.error{background:#fef2f2;border-color:#ef4444}.score-badge{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:12px;padding:20px;font-weight:700}@media (prefers-color-scheme:dark){.ans-display,.step-box.active,.vis-cell{color:#fff;background:#1e293b;border-color:#334155}.vis-cell.active{background:var(--btn-primary)}}.comparing-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}.comparing-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.comparing-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.comparing-nav button.active{background:var(--btn-primary);color:#fff}.comparing-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:25px;position:relative;overflow-y:auto}.frac-bar{gap:4px;margin:10px 0;display:flex}.bar-cell.filled{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.sign-task{justify-content:center;align-items:center;gap:30px;margin:30px 0;display:flex}.sign-box{border:3px dashed var(--border-color);width:80px;height:80px;color:var(--btn-primary);border-radius:12px;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.sign-btns{justify-content:center;gap:20px;margin-top:20px;display:flex}.sign-btn:hover{background:var(--btn-primary);color:#fff;transform:translateY(-5px)}.sort-area{flex-direction:column;align-items:center;gap:30px;margin-top:20px;display:flex}.target-row{background:var(--header-bg);border-radius:16px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:120px;padding:20px;display:flex}.options-row{justify-content:center;gap:20px;display:flex}.sort-card{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:15px;transition:all .2s;display:flex}.sort-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.sort-card.disabled{opacity:.3;cursor:default;transform:none}.feedback-msg{min-height:30px;margin:10px 0;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.sort-card{color:#fff;background:#1e293b;border-color:#334155}}.proper-improper-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}.proper-improper-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.proper-improper-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.proper-improper-nav button.active{background:var(--btn-primary);color:#fff}.proper-improper-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:25px;position:relative;overflow-y:auto}.theory-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.theory-card{border:1px solid var(--border-color);border-radius:12px;padding:20px}.theory-card.proper{color:#15803d;background:#dcfce7;border-color:#86efac}.theory-card.improper{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.theory-card h3{margin-top:0}.fraction{vertical-align:middle;flex-direction:column;align-items:center;padding:0 5px;display:inline-flex}.fraction .num{border-bottom:2px solid;padding:0 4px;font-weight:700}.fraction .den{padding:0 4px;font-weight:700}.fraction.big{font-size:3.5rem}.fraction.medium{font-size:2rem}.fraction.small{font-size:1.2rem}.bar-stack{flex-direction:column;gap:5px;margin:10px 0;display:flex}.bar-row{gap:4px;display:flex}.bar-cell{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.bar-cell.filled{color:#fff;background:currentColor}.task-box{background:var(--header-bg);text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:100%;margin-bottom:20px;padding:25px;display:flex}.classify-btns{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.classify-btn{cursor:pointer;text-align:center;border:none;border-radius:16px;padding:25px;font-size:1.4rem;font-weight:700;transition:all .2s}.classify-btn.proper{color:#15803d;background:#dcfce7}.classify-btn.improper{color:#b91c1c;background:#fee2e2}.classify-btn:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.compare-btns{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;display:grid}.compare-btn{cursor:pointer;background:var(--header-bg);color:var(--text-color);border:none;border-radius:12px;padding:20px;font-size:1.8rem;font-weight:700;transition:all .2s}.compare-btn:hover:not(:disabled){background:var(--btn-primary);color:#fff}.compare-btn.correct{color:#fff!important;background:#22c55e!important}.compare-btn.error{color:#fff!important;background:#ef4444!important}@media (prefers-color-scheme:dark){.theory-card.proper{color:#4ade80;background:#064e3b}.theory-card.improper{color:#f87171;background:#7f1d1d}.classify-btn.proper{color:#4ade80;background:#064e3b}.classify-btn.improper{color:#f87171;background:#7f1d1d}}.mixed-numbers-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}.mixed-numbers-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.mixed-numbers-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.mixed-numbers-nav button.active{background:var(--btn-primary);color:#fff}.mixed-numbers-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:25px;position:relative;overflow-y:auto}.mixed-num{vertical-align:middle;align-items:center;gap:5px;display:inline-flex}.whole-part{font-size:3rem;font-weight:700;line-height:1}.fraction-part{flex-direction:column;align-items:center;font-size:1.5rem;display:flex}.fraction-part .num{border-bottom:2px solid;padding:0 4px;font-weight:700}.fraction-part .den{padding:0 4px;font-weight:700}.pie-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0;display:flex}.pie-svg{background:#fff;border:1px solid #cbd5e1;border-radius:50%}.trainer-layout{grid-template-columns:1fr 350px;gap:30px;display:grid}.trainer-main{flex-direction:column;align-items:center;display:flex}.trainer-side{flex-direction:column;gap:20px;display:flex}.step-indicator{gap:15px;width:100%;margin-bottom:20px;display:flex}.step-box{background:var(--header-bg);text-align:center;border:2px solid #0000;border-radius:10px;flex:1;padding:12px}.step-box.active{border-color:var(--btn-primary);background:#fff;font-weight:700}.step-box.done{color:#15803d;background:#dcfce7;border-color:#22c55e}.task-box{background:var(--header-bg);text-align:center;border-radius:16px;width:100%;margin-bottom:20px;padding:25px;font-size:2rem}.ans-display{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:250px;height:70px;margin-bottom:20px;font-size:2.5rem;font-weight:700;display:flex}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:250px;display:grid}.visual-practice-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.target-area,.user-area{border:2px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:20px;display:flex}.controls-grid{flex-direction:column;gap:15px;width:100%;margin-top:20px;display:flex}.control-unit{align-items:center;gap:15px;display:flex}.control-unit label{width:120px;font-weight:700}.control-unit input[type=range]{cursor:pointer;background:#e2e8f0;border-radius:4px;flex:1;height:8px}.val-bubble{text-align:center;width:40px;color:var(--btn-primary);font-weight:700}@media (prefers-color-scheme:dark){.target-area,.user-area,.ans-display,.step-box.active{color:#fff;background:#1e293b;border-color:#334155}.pie-svg{background:#1e293b}}.placeholder{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}.decimals-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}.decimals-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:5px;margin-bottom:15px;padding:8px;display:flex;overflow-x:auto}.decimals-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.decimals-nav button.active{background:var(--btn-primary);color:#fff}.decimals-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:20px;position:relative;overflow-y:auto}.theory-card{border:1px solid var(--border-color);background:var(--header-bg);border-radius:12px;margin-bottom:15px;padding:20px}.theory-card h3{color:var(--btn-primary);margin-top:0}.grid-workspace{grid-template-columns:1fr 300px;gap:20px;display:grid}.grid-canvas-box{border:2px solid var(--border-color);background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex}.grid-controls{flex-direction:column;gap:15px;display:flex}.pv-table{border-collapse:collapse;width:100%;margin:20px 0}.pv-cell{border:1px solid var(--border-color);text-align:center;padding:15px}.pv-header{background:var(--header-bg);font-size:.9rem;font-weight:700}.pv-digit-box{background:#f1f5f9;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px;display:flex}.pv-digit{font-family:monospace;font-size:2.5rem;font-weight:700}.pv-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;width:100%;height:30px;font-weight:700}.big-decimal{text-align:center;background:#f8fafc;border-radius:16px;margin:20px 0;padding:20px;font-family:Courier New,Courier,monospace;font-size:4rem;font-weight:700}.decimal-comma{color:#94a3b8}.trainer-split{grid-template-columns:1fr 350px;gap:30px;display:grid}.ans-display-dec{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;height:80px;margin-bottom:20px;font-size:3rem;font-weight:700;display:flex}.ans-display-dec.ok{background:#f0fdf4;border-color:#22c55e}.ans-display-dec.error{background:#fef2f2;border-color:#ef4444}.frac-builder{background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex}.builder-input{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:120px;height:60px;font-size:2rem;font-weight:700;display:flex}.builder-input.active{border-color:var(--btn-primary);background:#eff6ff}.builder-line{background:#334155;width:140px;height:4px;margin:10px 0}.numpad-dec{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-dec button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:8px;height:55px;font-size:1.4rem;font-weight:700}.line-viewport{border:2px solid var(--border-color);cursor:grab;background:#fff;border-radius:16px;width:100%;height:300px;position:relative;overflow:hidden}.line-viewport:active{cursor:grabbing}@media (prefers-color-scheme:dark){.grid-canvas-box,.big-decimal,.ans-display-dec,.frac-builder,.line-viewport{color:#fff;background:#1e293b;border-color:#334155}.pv-digit-box,.pv-btn{color:#fff;background:#334155}.decimal-comma{color:#64748b}}.comparing-dec-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}.comparing-dec-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.comparing-dec-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.comparing-dec-nav button.active{background:var(--btn-primary);color:#fff}.comparing-dec-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:25px;position:relative;overflow-y:auto}.math-hero{justify-content:center;align-items:center;gap:20px;margin:30px 0;font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:700;display:flex}.sign-box{border:3px dashed var(--border-color);width:80px;height:80px;color:var(--btn-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.sign-btns{justify-content:center;gap:20px;display:flex}.sign-btn{cursor:pointer;background:var(--header-bg);width:80px;height:80px;color:var(--text-color);border:none;border-radius:16px;font-size:2.5rem;font-weight:700;transition:all .2s}.sign-btn:hover:not(:disabled){background:var(--btn-primary);color:#fff;transform:translateY(-5px)}.feedback-msg{text-align:center;min-height:35px;margin:15px 0;font-size:1.2rem;font-weight:700}.feedback-msg.ok{color:#16a34a}.feedback-msg.error{color:#dc2626}@media (prefers-color-scheme:dark){.sign-btn{color:#fff;background:#1e293b;border:1px solid #334155}}.rounding-dec-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}.rounding-dec-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex}.rounding-dec-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600}.rounding-dec-nav button.active{background:var(--btn-primary);color:#fff}.rounding-dec-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:25px;position:relative;overflow-y:auto}.rule-list{margin-top:15px;padding-left:20px}.rule-list li{margin-bottom:8px;line-height:1.4}.rounding-num-display{background:#fef9c3;border:2px solid #fde68a;border-radius:16px;justify-content:center;align-items:center;margin:20px 0;padding:20px 40px;font-family:Courier New,Courier,monospace;font-size:4rem;font-weight:700;display:flex}.digit-segment{padding:0 2px}.digit-segment.highlight{color:#92400e;background:#fbbf24;border-radius:4px;padding:0 6px}.ans-box-dec{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:20px;font-size:2.5rem;font-weight:700;display:flex}.ans-box-dec.ok{color:#15803d;background:#f0fdf4;border-color:#22c55e}.ans-box-dec.error{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.numpad-round{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-round button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:10px;height:55px;font-size:1.4rem;font-weight:700}.score-badge{background:var(--header-bg);text-align:center;border-radius:12px;padding:20px;font-weight:700}@media (prefers-color-scheme:dark){.rounding-num-display{color:#fef3c7;background:#422006;border-color:#92400e}.digit-segment.highlight{color:#fde68a;background:#92400e}.ans-box-dec{color:#fff;background:#1e293b;border-color:#334155}}.decimal-ops-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}.decimal-ops-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:15px;padding:8px;display:flex;overflow-x:auto}.decimal-ops-nav button{white-space:nowrap;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.decimal-ops-nav button.active{background:var(--btn-primary);color:#fff}.decimal-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:20px;position:relative;overflow-y:auto}.ops-layout{grid-template-columns:220px 1fr 280px;gap:20px;height:100%;display:grid}.side-panel{background:var(--header-bg);border-radius:12px;flex-direction:column;gap:15px;padding:15px;display:flex}.task-header{text-align:center;background:#fff;border-radius:12px;margin-bottom:15px;padding:15px;font-size:2rem;font-weight:700}.matrix-viewport{border:2px solid var(--border-color);background:#fff;border-radius:16px;flex:1;justify-content:center;padding:20px;display:flex;overflow:auto}.matrix-grid{flex-direction:column;gap:4px;display:flex}.matrix-row{gap:4px;height:40px;display:flex}.cell{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-family:monospace;font-size:1.4rem;font-weight:700;display:flex;position:relative}.cell.given{color:#1e293b;background:#f1f5f9}.cell.input{color:#0000;background:#fff;border-color:#cbd5e1}.cell.active{color:#d97706;background:#fef3c7;border-width:3px;border-color:#f59e0b}.cell.ok{color:#15803d;background:#dcfce7;border-color:#16a34a}.cell.error{color:#b91c1c;background:#fee2e2;border-color:#dc2626}.cell.op{color:#64748b;background:0 0;border:none}.cell.line{background:0 0;border:none;border-bottom:3px solid #475569;border-radius:0;height:20px}.cell.vline{background:0 0;border:none;border-right:3px solid #475569;border-radius:0;width:20px}.cell-dot{color:#ea580c;font-size:1.5rem;line-height:1;position:absolute;bottom:2px;right:-4px}.numpad-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.num-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;height:50px;font-size:1.2rem;font-weight:700}.hint-area{text-align:center;color:#64748b;min-height:60px;margin:10px 0;font-style:italic}.progress-bar-container{background:#e2e8f0;border-radius:5px;height:10px;margin-top:5px;overflow:hidden}.progress-bar-fill{background:var(--btn-primary);height:100%;transition:width .3s}@media (prefers-color-scheme:dark){.matrix-viewport,.task-header,.num-btn{color:#fff;background:#1e293b;border-color:#334155}.cell.input{background:#0f172a}.cell.given{color:#e2e8f0;background:#334155}.cell.line,.cell.vline{border-color:#94a3b8}}.average-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}.average-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin-bottom:20px;padding:8px;display:flex}.average-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600}.average-nav button.active{background:var(--btn-primary);color:#fff}.average-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:25px;overflow-y:auto}.scene-content{max-width:900px;margin:0 auto;animation:.3s ease-out fadeIn}h2{color:var(--btn-primary);text-align:center;margin-bottom:15px;font-size:1.8rem}.theory-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.formula-box{border:2px solid var(--btn-primary);text-align:center;color:#4361ee;background:#fff;border-radius:16px;margin:20px 0;padding:20px;font-size:1.8rem;font-weight:700}.visual-balance{justify-content:center;align-items:flex-end;gap:15px;height:200px;margin:30px 0;display:flex}.bar-unit{background:#3b82f6;border-radius:6px 6px 0 0;width:50px;transition:height .5s;position:relative}.bar-label{text-align:center;width:100%;font-weight:700;position:absolute;top:-25px}.trainer-grid{grid-template-columns:1fr 350px;gap:30px;display:grid}.task-box{background:var(--header-bg);text-align:center;border-radius:16px;margin-bottom:20px;padding:25px}.task-numbers{flex-wrap:wrap;justify-content:center;gap:15px;margin:15px 0;display:flex}.num-pill{background:#fff;border:2px solid #e2e8f0;border-radius:50px;padding:10px 20px;font-size:1.5rem;font-weight:700}.ans-display{border:3px solid var(--btn-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:70px;margin-bottom:20px;font-size:2.5rem;font-weight:700;display:flex}.ans-display.ok{color:#15803d;background:#f0fdf4;border-color:#22c55e}.ans-display.error{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:10px;height:55px;font-size:1.4rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;margin-top:15px;padding:16px;font-size:1.2rem;font-weight:700}.check-btn{background:var(--btn-primary)}.next-btn{background:#16a34a}.score-badge{background:var(--header-bg);text-align:center;border-radius:12px;padding:20px;font-size:1.2rem;font-weight:700}.score-badge span{color:var(--btn-primary);font-size:1.8rem}@media (prefers-color-scheme:dark){.formula-box,.num-pill,.ans-display{color:#fff;background:#1e293b;border-color:#334155}.bar-unit{background:#60a5fa}}.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}}