@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#f8fafc;--text-color:#0f172a;--text-muted:#475569;--header-bg:#fff;--card-bg:#fff;--card-shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--btn-primary:#2563eb;--btn-hover:#1d4ed8;--border-color:#e2e8f0;--grid-cell-bg:#fff;--grid-cell-border:#94a3b8;--active-cell:#eff6ff;--success-color:#16a34a;--error-color:#dc2626;--link-color:#2563eb;--accent-purple:#8b5cf6;--panel-amber-bg:#fef9c3;--panel-amber-border:#fde68a;--panel-amber-text:#854d0e;--panel-amber-text-strong:#92400e;--panel-yellow-bg:#fefce8;--panel-yellow-border:#fde68a;--panel-blue-bg:#eff6ff;--panel-blue-border:#bfdbfe;--panel-blue-text:#1e40af;--panel-blue-text-strong:#0369a1;--panel-slate-bg:#f8fafc;--panel-slate-border:#e2e8f0;--panel-green-bg:#f0fdf4;--panel-green-border:#bbf7d0;--panel-green-text:#166534;--panel-pink-bg:#fdf2f8;--panel-pink-border:#fce7f3;--panel-error-bg:#fee2e2;--panel-error-border:#ef4444;--panel-error-text:#b91c1c;--panel-warn-bg:#fffbeb;--panel-warn-border:#fef3c7;--panel-warn-text:#9a3412;--panel-purple-bg:#f5f3ff;--panel-purple-border:#ddd6fe;--panel-purple-text:#6d28d9;--ui-muted-bg:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:500;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-color:#000;--text-color:#fff;--text-muted:#e2e8f0;--header-bg:#0f172a;--card-bg:#111827;--card-shadow:0 20px 25px -5px #000000b3;--btn-primary:#3b82f6;--btn-hover:#60a5fa;--border-color:#334155;--grid-cell-bg:#111827;--grid-cell-border:#475569;--active-cell:#1e3a8a;--success-color:#22c55e;--error-color:#ef4444;--link-color:#60a5fa;--accent-purple:#a78bfa;--panel-amber-bg:#3f3f17;--panel-amber-border:#71710a;--panel-amber-text:#fef08a;--panel-amber-text-strong:#fcd34d;--panel-yellow-bg:#3f3f17;--panel-yellow-border:#71710a;--panel-blue-bg:#0f172a;--panel-blue-border:#1e3a8a;--panel-blue-text:#93c5fd;--panel-blue-text-strong:#7dd3fc;--panel-slate-bg:#111827;--panel-slate-border:#334155;--panel-green-bg:#064e3b;--panel-green-border:#065f46;--panel-green-text:#4ade80;--panel-pink-bg:#3b1d2a;--panel-pink-border:#7f1d1d;--panel-error-bg:#7f1d1d;--panel-error-border:#ef4444;--panel-error-text:#fee2e2;--panel-warn-bg:#422006;--panel-warn-border:#92400e;--panel-warn-text:#fcd34d;--panel-purple-bg:#312e81;--panel-purple-border:#4c1d95;--panel-purple-text:#e9d5ff;--ui-muted-bg:#1f2937}}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-color);letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-weight:800;line-height:1.2}#root{flex-direction:column;flex:1;width:100%;display:flex}button{font-family:inherit;font-size:1rem}@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:0;font-family:Consolas,Monaco,monospace;font-size:3rem;display:flex}.grid-row{gap:0;display:flex}.grid-cell{border:.5px solid var(--border-color);background:var(--grid-cell-bg);box-sizing:border-box;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;line-height:1;transition:all .2s;display:flex;position:relative}.cell-given{color:var(--text-color);background:var(--header-bg);font-weight:700}.cell-op{color:var(--btn-primary);background:0 0;border:none;font-weight:700}.grid-cell.border-bottom{border-bottom:3px solid var(--text-color)!important}.grid-cell.border-left{border-left:3px solid var(--text-color)!important}.cell-active{background:var(--panel-green-bg);z-index:2;color:var(--panel-green-text);border:2px solid #4caf50!important}.cell-ok{color:var(--panel-green-text);border-style:solid;border-color:#4caf50}.cell-error{background:var(--panel-error-bg);border-color:var(--panel-error-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)}}.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){.review-container{background:#000}.review-left-panel,.review-right-panel,.review-center-panel{background:#0f172a;border-color:#334155}.grid-cell{color:#fff;box-shadow:none;background:#111827;border-color:#374151}.cell-given{color:#fff!important;background:#1e293b!important;border:2px solid #3b82f6!important;font-weight:900!important}.cell-input{background:#000;border:2px dashed #4b5563}.cell-active{color:#fff!important;background:#1e3a8a!important;border-color:#60a5fa!important;box-shadow:0 0 20px #3b82f699!important}.cell-ok{color:#fff!important;background:#064e3b!important;border-color:#10b981!important}.cell-error{color:#fff!important;background:#7f1d1d!important;border-color:#ef4444!important}.cell-line{background:0 0!important;border-top:4px solid #fff!important}.cell-op{text-shadow:0 0 10px #ffffff4d;color:#fff!important;font-weight:900!important}.grid-row.row-line .grid-cell{background:0 0!important;border:none!important}.big-num-btn{color:#fff;background:#1e293b;border-color:#334155;box-shadow:0 4px #0f172a}.big-num-btn:hover{background:#334155}.score-badge{color:var(--text-color);background:#1e293b}.score-val{color:#4ade80}.op-btn{background:#1e293b;border-color:#334155}.op-btn.active{background:#2563eb;border-color:#3b82f6;box-shadow:0 0 15px #2563eb66}.feedback-banner.ok{color:#4ade80;text-shadow:0 0 15px #4ade8080}}.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(20px)}to{opacity:1;transform:translateY(0)}}.intro-text p{margin-bottom:20px;font-size:1.2rem}.example-box{background:var(--panel-amber-bg);color:var(--panel-amber-text);text-align:center;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:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:12px;margin-bottom:40px;padding:20px}.rules-box h3{color:var(--panel-blue-text);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{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:12px;width:70px;height:70px;font-size:2rem;font-weight:700}.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{background:var(--panel-yellow-bg);border:2px solid var(--panel-amber-border);text-align:center;border-radius:16px;margin-bottom:25px;padding:20px}.task-card .instr{color:var(--panel-amber-text);margin-bottom:10px;font-weight:600}.num-display{font-family:Courier New,monospace;font-size:3.5rem;font-weight:700}.hl-digit{background:var(--panel-amber-border);color:var(--panel-amber-text-strong);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{background:var(--card-bg);border:3px solid var(--btn-primary);box-sizing:border-box;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:var(--text-muted);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}.check-btn:disabled{opacity:.5}.rule-card{background:var(--panel-blue-bg);border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;padding:15px}.rule-card h4{color:var(--panel-blue-text-strong);margin:0 0 10px}.rule-card p,.rule-card li{margin-bottom:5px;font-size:.95rem}.canvas-wrapper{background:var(--card-bg);border:1px solid var(--border-color);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}.placeholder{color:#e2e8f0;border-color:#94a3b8}.canvas-wrapper{background:#0f172a;border-color:#334155}.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{background:var(--panel-amber-bg);border:2px solid var(--panel-amber-border);text-align:center;border-radius:16px;margin:20px 0;padding:25px}.important-box h3{color:var(--panel-amber-text);margin-top:0}.formula-box{color:var(--panel-amber-text-strong);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}.placeholder{color:#e2e8f0;border-color:#94a3b8}.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{background:var(--panel-amber-bg);border:2px solid var(--panel-amber-border);text-align:center;color:var(--panel-amber-text);border-radius:16px;margin-top:30px;padding:20px;font-size:1.5rem;font-weight:700}.prop-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.prop-card h3{color:var(--btn-primary);margin-top:0}.example{color:var(--muted);font-style:italic}.answer-box.ok .placeholder,.answer-box.error .placeholder{display:none}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}.feedback-msg{min-height:1.5em;margin-top:15px;font-size:1.2rem;font-weight:700}.rule-card h4{color:var(--panel-blue-text);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}.placeholder{color:#e2e8f0;border-color:#94a3b8}.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:var(--panel-green-text);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;background:var(--panel-amber-bg);color:var(--panel-amber-text);border-radius:12px;margin-bottom:20px;padding:15px;font-size:2rem;font-weight:700}.canvas-emulation{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;margin-bottom:20px;padding:40px;display:flex}.block-row{align-items:center;margin-bottom:5px;display:flex}.block{border:2px solid #fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.block.blue{background:#2563eb}.block.red{background:#dc2626}.block-spacer{transition:width .3s}.viz-controls{justify-content:center;gap:10px;margin-bottom:15px;display:flex}.viz-controls button{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.viz-controls .rnd-btn{background:#16a34a}.viz-desc{text-align:center;color:var(--muted);height:3em;font-style:italic}.trainer-main{text-align:center;flex:1.2}.task-display{background:var(--header-bg);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:var(--panel-error-text)}.dist-factor{color:#2563eb}.pair-factor{color:#16a34a}.task-expr{justify-content:center;align-items:center;gap:5px;display:flex}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto 20px;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:15px;font-size:1.2rem;font-weight:700}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:300px;padding:15px;font-size:1.1rem;font-weight:700}.rule-card{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:16px;padding:20px}.score-box{text-align:right;margin-top:20px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.viz-formula{color:#fef08a;background:#3f3f17}.canvas-emulation{background:#1a1a1a}.formula-hl{color:#6ee7b7;background:#064e3b}.answer-box{background:#1a1a1a}.placeholder{color:#e2e8f0;border-color:#94a3b8}.viz-desc{color:var(--text-muted)}.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{background:var(--panel-amber-bg);color:var(--panel-amber-text);border:1px solid var(--panel-amber-border);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{background:var(--panel-green-bg);border:1px solid var(--panel-green-border);color:var(--panel-green-text);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{background:var(--card-bg);border:3px solid var(--btn-primary);box-sizing:border-box;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:var(--panel-purple-bg);border:1px solid #f5d0fe;border-radius:16px;margin-bottom:20px;padding:20px}.mini-table{grid-template-columns:1fr 1fr;gap:10px;font-family:monospace;font-size:1.1rem;display:grid}.score-box span{color:#4caf50}.feedback-msg{height:30px;margin-top:15px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.important-box{color:#fef08a;background:#3f3f17;border-color:#71710a}.table-card{color:#f5d0fe;background:#2e102e;border-color:#4a1d4a}.answer-box{background:#1a1a1a}}.division-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.division-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.division-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.division-nav button.active{background:var(--btn-primary);color:#fff}.division-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.info-box{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);text-align:center;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:var(--panel-blue-text);font-size:1.5rem}.term.highlight{color:#2563eb;font-weight:700;text-decoration:underline}.error-text{color:var(--panel-error-text)}.logic-box{background:var(--panel-error-bg);border:2px solid var(--panel-error-border);border-radius:16px;padding:30px;font-size:1.5rem;line-height:1.6}.conclusion{background:var(--card-bg);color:var(--panel-error-text);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{background:var(--panel-slate-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.case-header{color:var(--panel-blue-text);justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;display:flex}.code{background:var(--panel-amber-bg);border-radius:4px;padding:4px 8px;font-family:monospace}.task-display{text-align:center;margin-bottom:30px;font-family:Courier New,monospace;font-size:3rem;font-weight:700}.feedback-msg{text-align:center;height:40px;margin-top:10px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.info-box,.logic-box,.case-card,.hint-card{color:#f1f5f9;background:#1e293b;border-color:#334155}.answer-box{background:#0f172a}.placeholder{color:#e2e8f0;border-color:#94a3b8}.code{color:#fde68a;background:#334155}}.remainder-container{background:var(--bg-color);flex-direction:column;gap:20px;min-height:calc(100vh - 100px);padding:20px;display:flex}.remainder-header{background:var(--header-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.remainder-nav{gap:10px;display:flex;overflow-x:auto}.diff-selector{gap:8px;display:flex}.diff-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.diff-btn.active{background:var(--active-cell);border-color:var(--btn-primary);box-shadow:0 2px 8px #2563eb1a}.check-btn-v2{background:var(--btn-primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--btn-hover);border:none;border-radius:12px;padding:18px;font-size:1.2rem;font-weight:800;transition:all .2s}.check-btn-v2:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.check-btn-v2:not(:disabled):active{box-shadow:0 2px 0 var(--btn-hover);transform:translateY(2px)}.remainder-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:10px;padding:12px 24px;font-weight:700;transition:all .2s}.remainder-nav button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);box-shadow:0 4px 10px #2563eb4d}.remainder-main{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:20px;flex:1;padding:30px}.formula-large-fancy{justify-content:center;align-items:center;gap:15px;margin-top:20px;font-size:3.5rem;font-weight:900;display:flex}.formula-large-fancy .highlighted{color:var(--btn-primary);background:var(--active-cell);border-radius:12px;padding:5px 15px}.formula-large-fancy .rem{color:#e91e63;text-decoration:underline}.theory-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px;display:grid}.theory-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.theory-card h3{color:var(--btn-primary);margin-bottom:10px}.formula-hero-box-v2{background:var(--header-bg);color:var(--text-color);text-align:center;border:4px solid var(--btn-primary);border-radius:24px;margin-bottom:30px;padding:40px;box-shadow:0 10px 30px #0000000d}.formula-display-v2{justify-content:center;align-items:flex-end;gap:15px;margin-bottom:20px;font-size:3.5rem;font-weight:900;display:flex}.formula-group{flex-direction:column;align-items:center;display:flex}.formula-group .label-sub{opacity:.7;margin-top:-5px;font-size:.9rem;font-weight:600}.formula-display-v2 .var-a{color:#3b82f6}.formula-display-v2 .var-b{color:#10b981}.formula-display-v2 .var-q{color:#f59e0b}.formula-display-v2 .var-r{color:#ef4444}.formula-display-v2 .dot,.formula-display-v2 .plus,.formula-display-v2 .eq{opacity:.5;padding-bottom:1.2rem}.formula-general-text{color:var(--text-color);background:var(--active-cell);border-radius:12px;margin-bottom:20px;padding:8px 20px;font-size:1.4rem;font-weight:700;display:inline-block}.formula-labels-v2{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:650px;margin:0 auto;display:grid}.formula-labels-v2 .label{border-bottom:1px solid var(--border-color);padding:10px;font-size:1.3rem}.example-formula-box-v2{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:20px;padding:30px}.example-formula-box-v2 .code-box{color:var(--btn-primary);font-family:monospace;font-size:2.5rem;font-weight:900}.trainer-card-v2{max-width:500px;margin:0 auto}.task-display-v2{text-align:center;margin:20px 0;font-size:3.5rem;font-weight:900}.dual-input-v2{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.input-block-v2{background:var(--header-bg);text-align:center;border:2px solid var(--border-color);cursor:pointer;border-radius:12px;padding:15px;transition:all .2s}.input-block-v2.active{border-color:var(--btn-primary);background:var(--card-bg)}.input-block-v2.success{border-color:var(--success-color);background:#16a34a0d}.val-box{font-size:2.2rem;font-weight:800}.trainer-actions{justify-content:center;margin-top:20px;display:flex}.column-layout-v2{align-items:flex-start;gap:30px;display:flex}.math-grid-outer{background:var(--header-bg);border:1px solid var(--border-color);border-radius:20px;flex:1;justify-content:center;align-items:flex-start;min-height:450px;padding:40px;display:flex;position:relative;overflow:auto}.math-grid-v2{flex-direction:column;gap:0;display:flex}.grid-cell-v2{border:.5px solid var(--border-color);background:var(--grid-cell-bg);box-sizing:border-box;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:2.2rem;font-weight:700;line-height:1;display:flex;position:relative}.cell-input{background:var(--card-bg);border-style:dashed}.cell-given{background:var(--header-bg);color:var(--text-color)}.cell-op{color:var(--btn-primary);border:none;font-weight:900}.cell-active{background:var(--active-cell);z-index:2;border:2px solid var(--btn-primary)!important}.cell-ok{color:var(--success-color)}.cell-error{color:var(--error-color)}.grid-cell-v2.border-bottom{border-bottom:4px solid var(--text-color)!important}.grid-cell-v2.border-left{border-left:4px solid var(--text-color)!important}.column-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:15px;width:280px;padding:20px;display:flex}.num-btn{border:1px solid var(--border-color);background:var(--header-bg);height:70px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:2rem;font-weight:700}.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;padding:18px;font-size:1.1rem;font-weight:800}.confetti-particle{animation:3s linear forwards confetti-fall;position:absolute;top:-10px}@media (prefers-color-scheme:dark){.math-grid-outer{background:#000}.grid-cell-v2{color:#fff;background:#1e293b;border-color:#334155}.cell-given{color:#fff!important;background:#111827!important;border:1px solid #334155!important;font-weight:900!important}.cell-op{color:#fff!important}.grid-cell-v2.border-bottom{border-bottom-color:#fff!important}.grid-cell-v2.border-left{border-left-color:#fff!important}.cell-active{color:#fff!important;background:#1e3a8a!important;border-color:#3b82f6!important}}.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:var(--panel-blue-bg);border-color:var(--panel-blue-border)}.theory-card.algebraic{background:var(--panel-warn-bg);border-color:var(--panel-warn-border)}.theory-card h3{margin-top:0;margin-bottom:15px}.theory-card .example{background:var(--card-bg);border-radius:8px;margin-bottom:10px;padding:10px;font-family:Courier New,monospace;font-weight:700}.calculation-example{background:var(--panel-amber-bg);border:1px solid var(--panel-amber-border);border-radius:12px;padding:20px}.calculation-example .res{color:var(--panel-amber-text-strong);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.formulas-list{flex-direction:column;gap:15px;display:flex}.formula-item{background:var(--panel-slate-bg);border:1px solid var(--border-color);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:var(--panel-pink-bg);border-color:var(--panel-pink-border)}.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:var(--card-bg);border:1px solid var(--panel-slate-border);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:var(--panel-slate-bg);border-radius:12px;margin-bottom:30px;padding:20px;font-size:1.8rem;font-weight:600}.hint-card{background:var(--panel-blue-bg);border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;padding:20px}@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}.demo-card.highlight{background:#3b1d2a;border-color:#7f1d1d}.calculation-example{color:#fff;background:#71710a}.formula-item .math{color:#60a5fa}.hint-card{color:#e2e8f0;background:#0f172a;border-color:#334155}.hint-card h4{color:#93c5fd}.placeholder{color:#e2e8f0;border-color:#94a3b8}}.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;flex-wrap:wrap;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;min-width:150px;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}.equation-display-v2,.step-math,.task-text-v2,.formula-box-v2,.example-title{white-space:nowrap;scrollbar-width:none;overflow-x:auto}.equation-display-v2::-webkit-scrollbar{display:none}.step-math::-webkit-scrollbar{display:none}.task-text-v2::-webkit-scrollbar{display:none}.formula-box-v2::-webkit-scrollbar{display:none}.example-title::-webkit-scrollbar{display:none}.intro-card-v2{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:24px;margin-bottom:30px;padding:30px}.equation-display-v2{color:var(--btn-primary);margin-top:20px;font-family:Consolas,monospace;font-size:3.5rem;font-weight:700}.concepts-grid-v2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.concept-card-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:25px}.rule-grid-v2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.rule-card-v2{background:var(--card-bg);border:2px solid #0000;border-radius:20px;padding:25px}.rule-card-v2.purple{border-color:var(--panel-purple-border)}.rule-card-v2.orange{border-color:#fed7aa}.rule-card-v2 h3{margin-top:0;font-size:1.3rem}.rule-card-v2.purple h3{color:#7c3aed}.rule-card-v2.orange h3{color:#ea580c}.formula-box-v2{background:var(--panel-amber-bg);color:var(--panel-amber-text);text-align:center;border-radius:12px;margin-top:15px;padding:15px;font-family:Consolas,monospace;font-size:1.3rem;font-weight:700}.formula-box-v2 div{margin:5px 0}.complex-example-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;margin-bottom:25px;padding:30px}.highlight-comp{color:#7c3aed;background:var(--panel-purple-bg);border:2px dashed #7c3aed;border-radius:8px;padding:4px 10px;font-weight:800}.highlight-x{color:#e11d48;background:var(--panel-error-bg);border:2px solid #e11d48;border-radius:8px;padding:4px 12px;font-weight:900}.looking-for{border:2px solid var(--btn-primary);background:var(--active-cell);border-radius:12px;margin-right:5px;padding:5px 12px;display:inline-block;box-shadow:0 4px 10px #2563eb26}.steps-v2{flex-direction:column;align-items:center;gap:15px;margin-top:20px;display:flex}.step-block{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;padding:20px}.step-block p{color:var(--text-color);margin:0 0 10px;font-weight:700}.step-math{text-align:center;margin:10px 0;font-family:Consolas,monospace;font-size:1.5rem}.step-arrow{color:var(--btn-primary);font-size:2rem}.step-res{text-align:center;color:var(--btn-primary);margin-top:10px;font-family:Consolas,monospace;font-size:2rem;font-weight:700}.trainer-main{flex:1;min-width:320px;max-width:500px}.trainer-sidebar-v2{width:300px}.task-card-v2{background:var(--card-bg);border:2px solid var(--btn-primary);box-shadow:0 10px 25px var(--card-shadow);border-radius:24px;margin-bottom:25px;padding:30px}.task-text-v2{margin-bottom:15px;font-family:Consolas,monospace;font-size:2.8rem;font-weight:700}.answer-field-v2{background:var(--header-bg);border-radius:12px;padding:10px;font-size:2.5rem;font-weight:700}.answer-field-v2.ok{color:#15803d;background:#dcfce7;border:2px solid #22c55e}.answer-field-v2.error{background:var(--panel-error-bg);color:var(--panel-error-text);border:2px solid var(--panel-error-border)}.numpad-v2 button{border:1px solid var(--border-color);background:var(--card-bg);height:65px;color:var(--text-color);cursor:pointer;border-radius:14px;font-size:1.6rem;font-weight:700;transition:all .1s}.numpad-v2 button:active{transform:scale(.95)}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.3rem;font-weight:700;transition:all .2s}.feedback-row-v2{min-height:1.5em;margin-top:15px;font-size:1.2rem;font-weight:700}.score-card-v2{text-align:center;margin-top:20px;font-size:1.8rem;font-weight:700}.score-card-v2 span{color:#22c55e}@media (prefers-color-scheme:dark){.formula-box-v2{color:#fef08a;background:#713f12}.highlight-comp{background:#4a1c1c;border-color:#d946ef}.highlight-x{background:#4c0519;border-color:#e11d48}.hint-card-v2{border-color:var(--panel-blue-text);background:#1e3a8a}.hint-card-v2 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{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;margin-bottom:30px;padding:40px}.main-f{color:var(--btn-primary);background:var(--card-bg);border-radius:16px;margin-bottom:20px;padding:10px 40px;font-family:Consolas,monospace;font-size:4rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #0000000d}.legend{justify-content:center;gap:30px;font-size:1.2rem;display:flex}.river-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.river-card{border:2px solid var(--border-color);border-radius:24px;flex-direction:column;gap:15px;padding:30px;display:flex}.river-card h3{margin:0}.river-card.downstream{background:var(--panel-blue-bg);border-color:var(--panel-blue-border)}.river-card.upstream{background:var(--panel-error-bg);border-color:var(--panel-error-border)}.river-card .math{text-align:center;background:#ffffff80;border-radius:12px;padding:10px;font-family:Consolas,monospace;font-size:1.6rem;font-weight:700}.river-visual{background:#bae6fd;border:2px solid #7dd3fc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:120px;display:flex;box-shadow:inset 0 4px 10px #0000000d}.boat{font-size:3rem}.current{color:var(--panel-blue-text-strong);letter-spacing:5px;font-size:1.5rem;font-weight:700;animation:2s linear infinite flow}@keyframes flow{0%{opacity:.5;transform:translate(-20px)}50%{opacity:1}to{opacity:.5;transform:translate(20px)}}.motion-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;display:grid}.motion-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--card-shadow);border-radius:20px;padding:25px}.motion-card h4{margin:0 0 10px;font-size:1.2rem}.motion-card .math{color:var(--btn-primary);margin-bottom:15px;font-family:Consolas,monospace;font-size:1.5rem;font-weight:700}.trainer-card-layout{gap:30px;max-width:1000px;margin:0 auto;display:flex}.trainer-card-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex-direction:column;flex:3;gap:25px;padding:30px;display:flex}.task-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.task-text-container{flex:1;min-width:300px}.task-text-container p{color:var(--text-color);margin:0 0 10px;font-size:1.3rem;font-weight:500;line-height:1.6}.task-diagram-container{background:var(--header-bg);border:1px solid var(--border-color);border-radius:20px;flex:1;min-width:300px;padding:15px}.input-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.answer-display{background:var(--bg-color);border:3px solid var(--btn-primary);border-radius:24px;flex:1;justify-content:center;align-items:center;min-width:200px;max-width:300px;height:120px;font-size:4rem;font-weight:700;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000000d}.answer-display .unit{color:var(--text-muted);font-size:1rem;font-weight:400;position:absolute;bottom:10px;right:20px}.answer-display.ok{background:var(--panel-green-bg);color:#16a34a;border-color:#22c55e}.answer-display.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);color:var(--panel-error-text)}.numpad-compact{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-compact button{border:1px solid var(--border-color);background:var(--card-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:1.5rem;font-weight:700;transition:all .1s}.numpad-compact button:hover{background:var(--header-bg)}.numpad-compact button:active{transform:scale(.9)}.numpad-compact button.util{background:var(--header-bg);color:var(--text-muted)}.action-row{flex-direction:column;align-items:center;gap:15px;display:flex}.check-btn-large,.next-btn-large{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;max-width:400px;padding:18px;font-size:1.3rem;font-weight:700;transition:all .2s}.check-btn-large{background:var(--btn-primary);box-shadow:0 4px 15px #2563eb4d}.next-btn-large{background:#22c55e;box-shadow:0 4px 15px #22c55e4d}.feedback-banner{min-height:1.5em;font-size:1.2rem;font-weight:700}.feedback-banner.ok{color:#22c55e}.feedback-banner.error{color:#ef4444}.trainer-card-sidebar{flex-direction:column;flex:1;gap:20px;display:flex}.stats-box{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;justify-content:space-around;padding:20px;display:flex}.stat-item label{color:var(--text-muted);margin-bottom:5px;font-size:.8rem;display:block}.stat-item .val{font-size:2rem;font-weight:700}.stat-item .val.green{color:#22c55e}.toggle-help-btn{background:var(--header-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);cursor:pointer;border-radius:12px;padding:12px;font-weight:600;transition:all .2s}.toggle-help-btn:hover{background:var(--bg-color)}.toggle-help-btn.active{background:var(--panel-amber-bg);border-color:var(--panel-amber-border);color:var(--panel-amber-text)}.quick-hints{background:var(--panel-amber-bg);border:1px solid var(--panel-amber-border);color:var(--panel-amber-text);border-radius:20px;padding:20px}.quick-hints h4{margin:0 0 10px;font-size:1.1rem}.hint-item{white-space:nowrap;margin-bottom:5px;font-family:Consolas,monospace;font-size:1rem;font-weight:700}.motion-diagram{width:100%;max-width:350px;margin:0 auto}.motion-diagram svg{filter:drop-shadow(0 4px 6px #0000000d);width:100%;height:auto}@media (width<=900px){.trainer-card-layout{flex-direction:column}.trainer-card-sidebar{flex-direction:row}.stats-box,.quick-hints{flex:1}}@media (prefers-color-scheme:dark){.quick-hints{color:#fef08a;background:#422006;border-color:#713f12}.task-diagram-container{background:#0f172a}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.river-visual{background:#075985;border-color:#0c4a6e}.current{color:#bae6fd}.river-card.downstream{background:#1e3a8a;border-color:#1d4ed8}.river-card.upstream{border-color:var(--panel-error-text);background:#7f1d1d}.task-hint-box{background:#064e3b;border-color:#065f46}.formula-highlight{color:#4ade80;background:#052e16}.toggle-hint-btn{color:#fef08a;background:#422006;border-color:#713f12}.motion-diagram{background:#0f172a}}.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{background:var(--card-bg);text-align:center;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:40px}.theory-box .legend{color:var(--text-muted);justify-content:center;gap:30px;margin-bottom:20px;display:flex}.theory-box .main-formula{color:#2563eb;background:var(--panel-blue-bg);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:var(--panel-slate-bg);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:var(--card-bg);border:1px solid var(--panel-slate-border);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:var(--panel-blue-bg);white-space:pre-wrap;word-wrap:break-word;border:1px solid #bae6fd;border-radius:16px;margin-bottom:30px;padding:25px;font-size:1.4rem;line-height:1.6}.answer-box{background:var(--card-bg);border:3px solid var(--btn-primary);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:var(--text-muted);border:3px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.answer-box.ok{background:var(--panel-green-bg);color:var(--panel-green-text);border-color:#4caf50}.answer-box.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);color:var(--panel-error-text)}.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:var(--panel-slate-bg);border:1px solid var(--panel-slate-border);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{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);width:100%;color:var(--panel-blue-text);cursor:pointer;border-radius:8px;margin-bottom:15px;padding:10px;font-weight:700}.task-hint-box{background:var(--panel-yellow-bg);border:1px solid var(--panel-amber-border);border-radius:12px;margin-bottom:20px;padding:15px}.formula-highlight{color:var(--panel-amber-text-strong);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}.animate-in{animation:.3s ease-out slideDown}.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{color:#bfdbfe;background:#1e3a8a}.task-hint-box{color:#fff;background:#3f3f17;border-color:#71710a}.theory-box .legend{color:var(--text-muted)}.sub-formulas{color:#e2e8f0}.example-card{background:#0f172a;border-color:#14532d}.example-card .res{color:#4ade80}.example-item .ans{color:#93c5fd}.hint-card.formulas{color:#e2e8f0;background:#0f172a;border-color:#334155}.toggle-hint-btn{color:#e0f2fe;background:#1e3a8a;border-color:#1d4ed8}.formula-highlight{color:#fcd34d}.placeholder{color:#e2e8f0;border-color:#94a3b8}}.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}.trainer-layout{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.trainer-main{flex-direction:column;flex:1;min-width:320px;max-width:600px;display:flex}.task-card-v2{background:var(--card-bg);border:2px solid var(--btn-primary);box-shadow:0 10px 25px var(--card-shadow);border-radius:24px;flex-direction:column;align-items:center;gap:20px;margin-bottom:25px;padding:30px;display:flex}.task-text-v2{color:var(--text-color);text-align:center;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700}.answer-field-v2{background:var(--header-bg);text-align:center;border:2px solid var(--btn-primary);border-radius:16px;min-width:150px;padding:15px 30px;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700}.answer-field-v2.ok{color:#15803d;background:#dcfce7;border-color:#22c55e}.answer-field-v2.error{background:var(--panel-error-bg);color:var(--panel-error-text);border-color:var(--panel-error-border)}.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;color:var(--text-color);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}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.numpad-v2 button{border:1px solid var(--border-color);background:var(--card-bg);height:65px;color:var(--text-color);cursor:pointer;box-shadow:0 4px 0 var(--border-color);border-radius:14px;font-size:1.6rem;font-weight:700;transition:all .1s}.numpad-v2 button:active{box-shadow:0 2px 0 var(--border-color);transform:translateY(2px)}.numpad-v2 button.util{background:var(--ui-muted-bg);color:var(--text-color);border-color:var(--border-color)}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;width:100%;box-shadow:0 4px 15px var(--btn-shadow);border:none;border-radius:16px;padding:18px;font-size:1.3rem;font-weight:700;transition:all .2s}.check-btn-v2:hover{background:var(--btn-hover);transform:translateY(-2px)}.trainer-sidebar-v2{flex-direction:column;gap:20px;width:300px;display:flex}.toggle-hint-btn{border:2px solid var(--btn-primary);color:var(--btn-primary);cursor:pointer;background:0 0;border-radius:12px;padding:15px;font-weight:700;transition:all .2s}.toggle-hint-btn:hover{background:var(--btn-primary);color:#fff}.task-hint-box{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:16px;padding:20px;animation:.3s ease-out slideIn}.task-hint-box h5{color:var(--panel-blue-text);margin:0 0 10px}.task-hint-box p{margin:0;font-family:Consolas,monospace}.score-card-v2{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:16px;padding:20px;font-size:1.5rem;font-weight:700}.score-card-v2 span{color:#22c55e;font-size:2rem}.answer-box.celebrate-box{animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-color-scheme:dark){.answer-box{background:#1a1a1a}.task-hint-box{color:#efebe9;background:#3e2723;border-color:#5d4037}.answer-box.ok{color:#a5d6a7;background:#1b5e20}.answer-box.error{color:#ef9a9a;background:#b71c1c}}.segments-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.segments-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.segments-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.segments-nav button.active{background:var(--btn-primary);color:#fff}.segments-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}h3{text-align:center;margin-bottom:25px}.units-box-v2{background:var(--header-bg);text-align:center;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;padding:30px;display:grid}.units-box-v2 p{margin:0;font-size:1.5rem;font-weight:700}.units-example-v2{background:var(--panel-green-bg);border:1px solid var(--panel-green-border);text-align:center;border-radius:20px;padding:25px}.math-v2{color:var(--panel-green-text);font-family:Consolas,monospace;font-size:1.8rem;font-weight:700}.canvas-outer{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;justify-content:center;margin-bottom:25px;padding:20px;display:flex}.canvas-outer canvas{touch-action:none}.compare-visual{background:var(--header-bg);border-radius:24px;flex-direction:column;gap:30px;margin-bottom:30px;padding:40px;display:flex}.seg-row{align-items:center;display:flex}.seg-info{align-items:center;gap:20px;width:100%;display:flex}.seg-name{width:40px;font-size:1.5rem;font-weight:700}.seg-line{border-radius:4px;min-width:20px;height:8px;position:relative}.seg-val{color:var(--text-muted);font-size:1.2rem;font-weight:700}.dot{background:#d97706;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px}.dot.start{left:-6px}.dot.end{right:-6px}.cmp-controls{justify-content:center;align-items:center;gap:30px;margin-bottom:30px;display:flex}.cmp-label-big{color:var(--btn-primary);font-size:2.5rem;font-weight:700}.cmp-btns-v2{gap:15px;display:flex}.cmp-btn{border:2px solid var(--btn-primary);background:var(--card-bg);width:70px;height:70px;color:var(--btn-primary);cursor:pointer;border-radius:16px;font-size:2rem;font-weight:700;transition:all .2s}.cmp-btn:hover{background:var(--btn-primary);color:#fff}.units-table-container{box-shadow:0 4px 15px var(--card-shadow);border-radius:16px;margin:20px 0 40px;overflow-x:auto}.units-table{border-collapse:collapse;background:var(--card-bg);width:100%;font-size:1.2rem}.units-table th,.units-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:15px 20px}.units-table th{background:var(--btn-primary);color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:600}.units-table tr:last-child td{border-bottom:none}.units-table tr:hover td{background:var(--header-bg)}.task-header-v2{text-align:center;background:var(--header-bg);border-radius:12px;margin-bottom:30px;padding:15px;font-size:1.5rem}.split-visual-v3{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;margin-bottom:30px;padding:80px 40px 40px;position:relative}.seg-container-v3{height:60px;margin:40px 0;position:relative}.seg-line-actual{z-index:1;background:#cbd5e1;border-radius:3px;width:100%;height:6px;position:absolute;top:30px;left:0;transform:translateY(-50%)}.point-group{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:30px;transform:translate(-50%)}.point-marker{background:#d97706;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;transform:translateY(-50%);box-shadow:0 2px 4px #0003}.point-marker.mid{width:20px;height:20px}.point-label{color:var(--text-color);white-space:nowrap;font-size:1.4rem;font-weight:800;position:absolute;bottom:18px}.labels-container-v3{width:100%;margin-top:10px;display:flex}.label-section{text-align:center;color:#2563eb;border-top:2px dashed #94a3b8;padding-top:10px;font-size:1.4rem;font-weight:700}.task-text-large{color:var(--text-color);margin-bottom:25px;font-size:1.8rem;font-weight:600;line-height:1.4}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:20px;justify-content:center;align-items:center;min-width:200px;margin:10px auto;padding:15px 40px;font-size:3rem;font-weight:700;display:inline-flex;box-shadow:inset 0 2px 5px #0000001a}.split-inputs-v2{justify-content:center;gap:30px;margin-bottom:30px;display:flex}.input-group-v2{background:var(--header-bg);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:16px;width:120px;padding:15px}.input-group-v2.active{border-color:var(--btn-primary);background:var(--card-bg)}.input-group-v2.success{background:var(--panel-green-bg);border-color:#22c55e}.ans-box-v2{margin-top:5px;font-size:2rem;font-weight:700}.numpad-container{max-width:320px;margin:0 auto}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);height:60px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:1.5rem;font-weight:700}.action-row,.action-row-main{justify-content:center;margin-bottom:20px;display:flex}.feedback-msg{text-align:center;min-height:1.5em;margin-top:10px;font-size:1.3rem;font-weight:700}.trainer-layout-std{justify-content:center;align-items:flex-start;gap:30px;display:flex}.trainer-main-col{flex:1;max-width:500px}.trainer-sidebar-std{flex-direction:column;gap:20px;width:280px;display:flex}.task-card-std{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:24px;margin-bottom:25px;padding:30px;box-shadow:0 4px 6px #0000000d}.task-card-std p{margin-bottom:20px;font-size:1.5rem;font-weight:500;line-height:1.4}.ans-display-v2{background:var(--card-bg);border:2px solid var(--btn-primary);border-radius:16px;min-width:150px;padding:10px 40px;font-size:3rem;font-weight:700;display:inline-block}.hint-box-std{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:16px;padding:20px}.hint-box-std h4{color:var(--panel-blue-text);margin:0 0 10px}.score-box-std{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:15px;font-size:1.5rem;font-weight:700}.score-box-std span{color:#22c55e}@media (prefers-color-scheme:dark){.canvas-outer,.split-visual-v3,.motion-diagram{background:#1e293b;border-color:#334155}.units-example-v2{background:#064e3b;border-color:#065f46}.math-v2{color:#4ade80}.seg-part-v2{color:#f1f5f9}.hint-box-std{background:#172554;border-color:#1e3a8a}.hint-box-std h4{color:#bfdbfe}.seg-line-actual{background:#475569}.input-group-v2.success{color:#dcfce7;background:#14532d;border-color:#22c55e}.ans-display-v2.ok{color:#dcfce7;background:#14532d}.ans-display-v2.error{color:#fee2e2;background:#7f1d1d}.point-marker{color:var(--text-color)}}@media (width<=800px){.trainer-layout-std{flex-direction:column;align-items:center}.trainer-sidebar-std{width:100%}}.rayline-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}.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);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.intro-list-v2{flex-direction:column;gap:15px;display:flex}.list-item-v2{align-items:center;gap:15px;font-size:1.1rem;display:flex}.bullet{border-radius:50%;width:12px;height:12px}.bullet.blue{background:#2563eb}.bullet.red{background:#dc2626}.bullet.yellow{background:#eab308}.svg-theory-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:20px;padding:30px}.svg-theory-box svg{width:100%;max-height:120px}.theory-desc{color:var(--text-muted);text-align:center;font-size:1.1rem;line-height:1.6}.trainer-scene-v2{justify-content:center;display:flex}.trainer-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.drawing-area-v2{background:var(--card-bg);border:2px solid var(--border-color);cursor:crosshair;border-radius:16px;margin-bottom:20px;overflow:hidden}.action-area-v2{justify-content:center;align-items:center;min-height:80px;display:flex}.option-btn-v2{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:15px;font-size:1.1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.option-btn-v2:hover{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.option-btn-v2:active{transform:translateY(0)}.next-btn-v2{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.2rem;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 4px 10px #22c55e4d}.next-btn-v2:hover{background:#16a34a;transform:scale(1.02)}.next-btn-v2:active{transform:scale(.98)}.instruction-v2{color:var(--text-muted);font-style:italic}@media (prefers-color-scheme:dark){.svg-theory-box,.drawing-area-v2{background:#1e293b}.theory-desc{color:#94a3b8}}.coord-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}.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);box-shadow:0 4px 12px var(--card-shadow);border-radius:16px;flex:1;padding:30px;overflow-y:auto}.intro-card-v2 ul{margin-bottom:20px;font-size:1.1rem}.svg-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;justify-content:center;padding:20px;display:flex}.svg-box-v2 svg{width:100%;max-height:120px}.rule-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-top:20px;padding:25px}.rule-box-v2 ol{margin:15px 0;padding-left:25px;line-height:1.6}.formula-highlight-v2{color:var(--panel-green-text);background:#dcfce7;border-radius:12px;margin-top:10px;padding:10px 20px;font-size:1.5rem;font-weight:700;display:inline-block}.question-v2{text-align:center;margin-bottom:20px;font-size:1.4rem;font-weight:700}.svg-area-v2{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;margin-bottom:30px;padding:20px}.trainer-svg{width:100%;height:auto;display:block}.ans-col-v2{flex-direction:column;align-items:center;display:flex}.ans-box-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:20px;font-size:2.5rem;font-weight:700;display:flex}.ans-box-v2.ok{background:var(--panel-green-bg);color:#15803d;border-color:#22c55e}.ans-box-v2.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);color:var(--panel-error-text)}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-bottom:20px;display:grid}.main-action-v2{width:100%}.hint-sidebar-v2{flex-direction:column;gap:20px;display:flex}.hint-card-v2 h4{color:var(--panel-blue-text);margin:0 0 10px}.practice-layout{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;align-items:flex-start;gap:40px;margin-top:20px;padding:40px;display:flex}.instrument-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:400px;padding:30px;display:flex}.instrument-svg{width:100%;max-width:360px;height:auto}.practice-controls{flex-direction:column;width:350px;display:flex}.numpad-v2.small button{height:50px;font-size:1.2rem}.formula-box-v2{text-align:center;justify-content:center;margin:30px 0;display:flex}.formula-item{background:var(--card-bg);border:3px solid var(--btn-primary);color:var(--text-color);border-radius:20px;padding:20px 40px;font-size:1.8rem;font-weight:800;display:inline-block;box-shadow:0 8px 25px #0000001a}.scales-theory .formula-item{white-space:normal;overflow-wrap:anywhere;text-align:center;color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 45%,#f97316 100%);border:none;max-width:100%;box-shadow:0 10px 30px #3b82f659}.scales-theory .theory-card-v2 p{overflow-wrap:anywhere}@media (prefers-color-scheme:dark){.instrument-box,.formula-item{background:#1e293b}.instrument-box{background:#1e293b}.instrument-svg text{fill:#cbd5e1!important}.instrument-svg line{stroke:var(--text-muted)!important}.svg-box-v2,.rule-box-v2,.svg-area-v2{background:#1e293b}.formula-highlight-v2{color:#4ade80;background:#064e3b}.hint-card-v2{border-color:var(--panel-blue-text);color:#dcfce7;background:#1e3a8a}.hint-card-v2 h4{color:#bfdbfe}}@media (width<=600px){.formula-item{padding:16px 18px;font-size:1.4rem}.theory-card-v2{padding:20px}.practice-layout{flex-direction:column;align-items:stretch}.practice-controls{width:100%}}.charts-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-color);--chart-axis:#1e293b;--chart-grid:#e2e8f0;--chart-label:#1e293b;--chart-tick:#64748b;--chart-data-label:#64748b;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;overflow-y:auto}.intro-card-v2 ul{margin-bottom:20px;padding-left:25px}.formula-v2{color:var(--panel-blue-text);background:var(--panel-blue-bg);border-radius:12px;padding:10px 20px;font-size:1.3rem;font-weight:700;display:inline-block}.chart-msg-v2{text-align:center;color:var(--text-muted);font-size:1.1rem;font-style:italic}.quiz-card-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:30px}.quiz-q-v2{margin-bottom:20px;font-size:1.5rem;font-weight:700}.option-btn-v2{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:16px;padding:15px;font-size:1.2rem;font-weight:700;transition:all .2s}.option-btn-v2:hover{border-color:var(--btn-primary);background:var(--header-bg)}.option-btn-v2.ok{color:#fff;border-color:#22c55e;background:#22c55e!important}.task-text-v2{text-align:center;overflow-wrap:anywhere;word-break:break-word;white-space:normal;margin-bottom:20px;padding:0 6px;font-size:1.4rem;font-weight:700;line-height:1.4}.scale-formula-v2{background:var(--panel-green-bg);border:1px solid var(--panel-green-border);text-align:center;border-radius:20px;margin-bottom:30px;padding:30px}.formula-box-v2{color:var(--panel-green-text);white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:0 6px;font-family:Consolas,monospace;font-size:1.8rem;font-weight:700;line-height:1.3}.input-grid-v2{flex-direction:column;align-items:center;gap:20px;display:flex}@media (prefers-color-scheme:dark){.charts-container{--chart-axis:#e2e8f0;--chart-grid:#334155;--chart-label:#e2e8f0;--chart-tick:#cbd5e1;--chart-data-label:#e2e8f0}.chart-box-v2{background:#1e293b}.formula-v2{color:#bfdbfe;background:#1e3a8a}.scale-formula-v2{background:#064e3b;border-color:#065f46}.formula-box-v2{color:#4ade80}.placeholder{color:#e2e8f0}}@media (width<=520px){.formula-box-v2{font-size:1.4rem}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.angles-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}.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:30px;overflow-y:auto}.theory-card-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;margin-bottom:30px;padding:30px}.theory-card-v2 p{margin-bottom:20px;font-size:1.2rem}.visual-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:center;padding:20px;display:flex}.types-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:700px;margin:0 auto;display:grid}.type-card-v2{background:var(--card-bg);text-align:center;border:2px solid #0000;border-radius:24px;padding:20px;transition:transform .2s}.type-card-v2 h4{margin:10px 0;font-size:1.2rem}.type-icon{color:var(--text-color);font-family:Segoe UI Symbol,Noto Sans Symbols2,Noto Sans Symbols,DejaVu Sans,sans-serif;font-size:2rem}.type-deg{color:var(--text-muted);font-weight:700}.points-list{padding-left:20px}.points-list li{margin-bottom:10px;font-size:1.1rem}.points-svg{width:100%;max-height:300px}.points-svg text{fill:var(--text-color)}.protractor-demo{background:var(--card-bg);border-radius:20px;justify-content:center;padding:20px;display:flex;position:relative}.protractor-overlay{opacity:.5;pointer-events:none;position:absolute;top:20px}.practice-layout-v2{grid-template-columns:1fr 350px;gap:30px;display:grid}.canvas-card-v2{background:var(--card-bg);border:2px solid var(--border-color);border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:450px;padding:20px;display:flex;position:relative}.canvas-card-v2.interactive{cursor:pointer}.canvas-header{color:var(--btn-primary);margin-bottom:20px;font-size:1.5rem;font-weight:700}.canvas-hint{color:var(--text-muted);font-style:italic;position:absolute;bottom:20px}.canvas-body{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.practice-protractor{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.practice-protractor.visible{opacity:.35}.practice-protractor.faint{opacity:.18}.controls-panel-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;gap:20px;padding:25px;display:flex}.score-mini{text-align:center;font-size:1.2rem;font-weight:700}.score-mini span{color:#4caf50}.classify-section{opacity:.3;pointer-events:none;transition:all .3s}.classify-section.active{opacity:1;pointer-events:all}.types-buttons-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.type-btn-v2{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;color:var(--text-color);border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:12px;transition:all .2s;display:flex}.type-btn-v2 .icon{color:var(--text-color);font-family:Segoe UI Symbol,Noto Sans Symbols2,Noto Sans Symbols,DejaVu Sans,sans-serif;font-size:1.5rem}.type-btn-v2 .label{color:var(--text-color);font-size:.9rem;font-weight:600}.type-btn-v2.selected{border-color:var(--btn-primary);background:var(--panel-blue-bg)}.type-btn-v2.correct{background:var(--panel-green-bg);color:var(--panel-green-text);border-color:#22c55e}.type-btn-v2.error{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.main-action-v2{margin-top:10px}.feedback-row-v2{text-align:center;font-size:1.1rem;font-weight:700}.sub-nav-v2{grid-column:1/-1;gap:10px;margin-bottom:10px;display:flex}.sub-nav-v2 button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-weight:700}.sub-nav-v2 button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.practice-main-v2{display:contents}.angle-container-rel{width:350px;height:350px;position:relative}.angle-svg-wrap{position:absolute;top:0;left:0}.point-marker{cursor:pointer;z-index:10;width:0;height:0;position:absolute}.point-marker:before{content:"";background:0 0;width:18px;height:18px;position:absolute;top:-9px;left:-9px}.point-dot{background:var(--text-color);width:8px;height:8px;box-shadow:none;border:none;border-radius:50%;position:absolute;top:-4px;left:-4px}.point-label{color:var(--text-color);font-size:.85rem;font-weight:700;position:absolute;top:-12px;left:10px}.point-marker.small .point-dot{width:7px;height:7px;top:-3.5px;left:-3.5px}.point-marker.small .point-label{font-size:.8rem;top:-11px;left:9px}.point-marker.selected .point-dot{background:#22c55e}.task-info-v2 p{margin-bottom:15px;font-size:1.1rem;font-weight:600}.options-grid-v2{grid-template-columns:1fr;gap:10px;display:grid}.options-grid-v2.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.option-btn-v2{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;text-align:left;color:var(--text-color);border-radius:12px;padding:12px;font-weight:600}.option-btn-v2.correct{color:#15803d;background:#dcfce7;border-color:#22c55e}@media (prefers-color-scheme:dark){.visual-box-v2,.canvas-card-v2,.protractor-demo{background:#1e293b}.type-btn-v2.selected{background:#1e3a8a}.option-btn-v2.correct{color:#4ade80;background:#064e3b}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.triangles-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}.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:30px;overflow-y:auto}.theory-item{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:10px}.formula-box-v2{color:var(--panel-blue-text);background:var(--panel-blue-bg);border-radius:16px;margin-top:10px;padding:15px 40px;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700;display:inline-block}.types-grid-v2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.type-card-v2{background:var(--card-bg);border:2px solid var(--border-color);text-align:center;border-radius:24px;padding:20px}.type-card-v2 h4{margin-bottom:15px;font-size:1.2rem}.type-card-v2 p{color:var(--text-muted);margin-top:10px;font-weight:700}.theory-hint-v2{text-align:center;color:var(--text-muted);margin-top:20px;font-style:italic}.calc-input-wrap,.choice-input-wrap{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.options-grid-v2{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.option-btn-v2{border:2px solid var(--border-color);background:var(--header-bg);cursor:pointer;text-align:center;border-radius:14px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .2s}.option-btn-v2.ok{color:#fff;background:#22c55e;border-color:#22c55e}.option-btn-v2.error{color:#fff;border-color:var(--panel-error-border);background:#ef4444}@media (prefers-color-scheme:dark){.theory-item,.chart-box-v2,.task-visual-v2{background:#1e293b}.formula-box-v2{color:#bfdbfe;background:#1e3a8a}}.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;overflow-y:auto}.dot.purple{background:#7c3aed}.theory-hint{color:var(--text-muted);font-style:italic}.task-visual-v2{background:var(--card-bg);border-radius:16px;justify-content:center;padding:10px;display:flex}@media (prefers-color-scheme:dark){.chart-box-v2,.task-visual-v2{background:#1e293b}.formula-box-v2{color:#bfdbfe;background:#1e3a8a}}.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;overflow-y:auto}.theory-hint-v2{color:var(--text-muted);font-style:italic}.equality-svg{width:100%;max-height:220px;display:block}.task-display-v2{background:var(--header-bg);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-bottom:25px;padding:25px;display:grid}.task-text-v2{font-size:1.3rem;font-weight:700;line-height:1.5}.task-visual-v2{background:var(--card-bg);border-radius:16px;flex-direction:column;align-items:center;padding:15px;display:flex}.rect-demo-v2{text-align:center}.rect-demo-v2 svg{width:100%;max-height:120px}.rect-info-v2{color:var(--text-muted);margin-top:10px;font-weight:700}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:400px;height:80px;margin-bottom:10px;font-size:2.5rem;font-weight:700;display:flex}.main-action-row-v2{width:100%;max-width:400px;margin-top:10px}@media (prefers-color-scheme:dark){.chart-box-v2,.task-visual-v2{background:#1e293b}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.area-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}.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:30px;overflow-y:auto}.theory-details{flex-direction:column;gap:15px;display:flex}.detail-item{align-items:center;gap:15px;font-size:1.1rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.green{background:#22c55e}.dot.blue{background:#2563eb}.chart-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:center;margin-bottom:20px;padding:30px;display:flex}.area-demo-svg{width:100%;max-height:150px}.formula-box-v2{color:var(--panel-blue-text);background:var(--panel-blue-bg);border-radius:16px;margin-bottom:15px;padding:15px 40px;font-family:Consolas,monospace;font-size:2.2rem;font-weight:700;display:inline-block}.units-grid-v2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.unit-card-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:20px;font-size:1.2rem}.task-text-v2{text-align:center;margin-bottom:25px;font-size:1.4rem;font-weight:700;line-height:1.5}.trainer-input-area-v2{flex-direction:column;align-items:center;gap:20px;display:flex}.unit{color:var(--text-muted);margin-left:10px;font-size:1.5rem}.main-action-row-v2{width:100%;margin-top:10px}@media (prefers-color-scheme:dark){.chart-box-v2{background:#1e293b}.formula-box-v2{color:#bfdbfe;background:#1e3a8a}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.div-mul-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}.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:30px;overflow-y:auto}.intro-card-v2 p{margin-bottom:15px;font-size:1.2rem}.formula-v2{font-family:Consolas,monospace;font-size:2rem;font-weight:700}.demo-input-row input{border:1px solid var(--border-color);border-radius:8px;width:120px;padding:12px;font-size:1.1rem}.task-info-v2{background:var(--header-bg);text-align:center;border-radius:20px;margin-bottom:25px;padding:25px}.task-num-v2{color:var(--btn-primary);margin:10px 0;font-size:3.5rem;font-weight:700}.found-list-v2{color:var(--text-muted);font-size:1.1rem}.divisor-input-section{flex-direction:column;align-items:center;gap:15px;display:flex}.feedback-bubble-v2{text-align:center;border-radius:12px;padding:10px 20px;font-weight:700}.feedback-bubble-v2.ok{color:#15803d;background:#dcfce7}.feedback-bubble-v2.error{background:var(--panel-error-bg);color:var(--panel-error-text)}.action-btns-v2{width:100%;max-width:300px}.dual-action-v2{gap:10px;display:flex}.add-btn-v2,.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:14px;flex:1;padding:15px;font-size:1.1rem;font-weight:700;transition:all .2s}.add-btn-v2{background:#2563eb}.next-btn-v2{background:#22c55e;width:100%}.multiples-grid-v2{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:25px;display:grid}.mul-btn-v2{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:14px;height:60px;font-size:1.2rem;font-weight:700;transition:all .2s}.mul-btn-v2.user-selected{border-width:4px;border-color:#7c3aed}.mul-btn-v2.is-correct{color:#15803d;background:#dcfce7;border-color:#22c55e}.mul-btn-v2.is-error{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.error-details-v2{background:var(--panel-error-bg);border:1px solid var(--panel-error-border);border-radius:12px;margin-top:15px;padding:15px;font-size:1rem}.feedback-row-v2{text-align:center;margin-top:10px;font-weight:700}@media (prefers-color-scheme:dark){.demo-box-v2,.task-visual-v2{background:#1e293b}.error-details-v2{color:#fecaca;background:#451a1a;border-color:#7f1d1d}}.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:var(--panel-error-bg);border-color:var(--panel-error-border)}.rule-card.div3{background:#dcfce7;border-color:#86efac}.rule-card.div5{background:var(--panel-amber-bg);border-color:#fde047}.rule-card.div9{background:#ede9fe;border-color:#c4b5fd}.rule-card.div10{background:var(--panel-blue-bg);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{background:var(--card-bg);border:2px solid var(--btn-primary);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);background:var(--card-bg);cursor:pointer;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);background:var(--card-bg);cursor:pointer;text-align:center;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);background:var(--card-bg);cursor:pointer;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;border-color:var(--panel-error-text);background:#ef4444}.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:var(--panel-error-text)}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;padding:18px;font-size:1.3rem;font-weight:700}.check-btn{background:var(--btn-primary)}.next-btn{background:#16a34a}.score-badge{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:12px;padding:20px;font-weight:700}.score-badge span{color:var(--btn-primary);font-size:1.8rem}@media (prefers-color-scheme:dark){.rule-card{color:var(--text-color)}.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:10px;margin-bottom:20px;padding:10px;display:flex}.prime-comp-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}.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:30px;overflow-y:auto}.theory-card-v2.prime{background:var(--panel-green-bg);border-color:var(--panel-green-border);color:var(--panel-green-text)}.theory-card-v2.comp{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.theory-card-v2 h3{margin-top:0;margin-bottom:10px}.ex-list{opacity:.8;margin-top:10px;font-weight:700}.intro-card-v2{background:var(--header-bg);text-align:center;border-radius:16px;margin-bottom:30px;padding:20px}.primes-visual-v2 h4{text-align:center;margin-bottom:15px}.number-grid-v2{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;display:grid}.prime-cell-v2{border:1px solid var(--panel-green-border);background:var(--panel-green-bg);height:40px;color:var(--panel-green-text);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.demo-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:25px}.demo-input-row{align-items:center;gap:20px;margin-top:15px;display:flex}.demo-input-row input{border:1px solid var(--border-color);border-radius:8px;width:150px;padding:12px}.demo-res{color:var(--text-muted);font-size:1.1rem}.task-num-display-v2{text-align:center;color:var(--btn-primary);margin:40px 0;font-family:Consolas,monospace;font-size:5rem;font-weight:700}.dual-btns-v2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.type-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;padding:20px;font-size:1.3rem;font-weight:700}.type-btn-v2.prime{background:#22c55e}.type-btn-v2.comp{background:#ea580c}.next-btn-v2{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.2rem;font-weight:700}.sieve-grid-v2{grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:25px;display:grid}.sieve-cell-v2{aspect-ratio:1;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:6px;font-weight:700;transition:all .1s}.sieve-cell-v2.user-sel{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.sieve-cell-v2.ok{color:#fff;border-color:#22c55e;background:#22c55e!important}.sieve-cell-v2.error{color:#fff;border-color:var(--panel-error-border);background:#ef4444!important}.sieve-cell-v2.missed{color:#fff;border-color:#fbbf24;background:#fbbf24!important}.instruction-v2{color:var(--text-muted);font-weight:600}.error-details-v2{background:var(--panel-error-bg);border-radius:12px;margin-bottom:20px;padding:15px;font-size:.9rem}.error-details-v2 b.miss{color:#15803d}.error-details-v2 b.extra{color:var(--panel-error-text)}.action-row-v2{justify-content:center;display:flex}.check-btn-v2{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:200px;padding:15px;font-weight:700}@media (prefers-color-scheme:dark){.demo-box-v2,.prime-cell-v2{background:#1e293b}.theory-card-v2.prime{color:#dcfce7;background:#064e3b}.theory-card-v2.comp{color:#fecaca;background:#451a1a}.error-details-v2{color:#fecaca;background:#451a1a;border-color:#7f1d1d}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.factor-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}.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:30px;overflow-y:auto}.theory-hero-v2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.theory-card-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;padding:25px}.theory-card-v2.gradient{border-color:var(--panel-blue-border);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.theory-card-v2 h3{color:var(--panel-blue-text);margin-top:0;margin-bottom:15px}.lego-visual-v2{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.lego-block{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px #0003}.lego-op{font-size:1.5rem;font-weight:700}.lego-res{color:var(--btn-primary);font-size:2rem;font-weight:700}.algorithm-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:30px}.algo-grid-v2{grid-template-columns:1fr 300px;gap:30px;margin-top:20px;display:grid}.algo-steps-v2{flex-direction:column;gap:15px;display:flex}.step-v2{align-items:center;gap:15px;font-size:1.1rem;display:flex}.step-v2 span{background:var(--btn-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.col-example-v2{background:var(--panel-slate-bg);border:1px dashed #cbd5e1;border-radius:16px;padding:20px;font-family:Consolas,monospace;font-size:1.5rem;display:inline-block}.col-row-v2{border-bottom:1px solid #e2e8f0;gap:10px;padding:5px 0;display:flex}.col-row-v2 span{text-align:center;min-width:40px}.col-row-v2 span:first-child{border-right:2px solid var(--text-muted);padding-right:15px}.trainer-layout-v2{grid-template-columns:350px 1fr;gap:40px;display:grid}.notebook-v2{background:var(--card-bg);border:1px solid var(--panel-slate-border);background-image:linear-gradient(#f1f5f9 1px,#0000 1px);background-size:100% 30px;border-radius:16px;min-height:400px;padding:25px;box-shadow:inset 0 2px 10px #0000000d}.nb-title{color:var(--text-muted);margin-bottom:15px;font-size:.9rem;font-weight:700}.nb-grid-v2{flex-direction:column;align-items:center;display:flex}.nb-row-v2{height:30px;font-family:Consolas,monospace;font-size:2rem;line-height:30px;display:flex}.nb-num{text-align:right;min-width:80px;padding-right:15px}.nb-sep{background:var(--text-muted);width:2px;margin:0 10px}.nb-div{text-align:left;color:#2563eb;min-width:80px}.nb-final{text-align:center;color:var(--panel-green-text);margin-top:30px;font-size:1.3rem;font-weight:700}.controls-panel-v2{flex-direction:column;gap:20px;display:flex}.mode-tabs-v2{background:var(--ui-muted-bg);border-radius:10px;gap:5px;padding:5px;display:flex}.mode-tabs-v2 button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-weight:700}.mode-tabs-v2 button.active{background:var(--card-bg);color:var(--btn-primary);box-shadow:0 2px 5px #0000001a}.instr-box-v2{background:var(--header-bg);text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:50px;padding:15px;font-weight:700;display:flex}.instr-box-v2.ok{color:var(--panel-green-text);background:#dcfce7}.instr-box-v2.error{color:var(--panel-error-text);background:var(--panel-error-bg)}.primes-grid-v2{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.prime-btn-v2{background:var(--card-bg);cursor:pointer;border:2px solid;border-radius:12px;height:55px;font-size:1.2rem;font-weight:700;transition:all .2s}.prime-btn-v2:hover{background:var(--panel-slate-bg);transform:scale(1.05)}.manual-area-v2{flex-direction:column;align-items:center;gap:15px;display:flex}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.numpad-v2 button{border:1px solid var(--panel-slate-border);background:var(--panel-slate-bg);cursor:pointer;border-radius:8px;height:45px;font-weight:700}.next-btn-v2{background:#22c55e;margin-top:10px}@media (prefers-color-scheme:dark){.theory-card-v2.gradient{color:#bfdbfe;background:#1e3a8a}.theory-card-v2 h3{color:#60a5fa}.algorithm-v2,.notebook-v2{background:#1e293b;border-color:#334155}.nb-title{color:#94a3b8}.nb-num{color:#f1f5f9}.nb-sep{background:#475569}.col-example-v2{background:#0f172a;border-color:#334155}.prime-btn-v2{color:#fff;background:#1e293b}.ans-display-v2{background:#0f172a}.numpad-v2 button{color:#fff;background:#334155;border-color:#475569}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.gcd-lcm-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}.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:30px;overflow-y:auto}.theory-card-v2.blue{background:var(--panel-blue-bg);border-color:var(--panel-blue-border);color:var(--panel-blue-text)}.formula-v2{margin-top:15px;font-family:Consolas,monospace;font-size:3rem;font-weight:700}.algo-box-v2{background:var(--header-bg);border-radius:20px;padding:25px}.algo-box-v2 h4{color:var(--btn-primary);margin-top:0;margin-bottom:15px}.algo-box-v2 ol{margin:0;padding-left:25px;font-size:1.1rem;line-height:1.8}.task-display-v2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.task-num-box-v2{background:var(--header-bg);text-align:center;color:var(--btn-primary);border-radius:16px;padding:20px;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700}.input-section-v2{flex-direction:column;align-items:center;gap:20px;display:flex}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:10px;font-size:2.5rem;font-weight:700;display:flex}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.2rem;font-weight:700}.feedback-row-v2{text-align:center;min-height:1.5em;margin-top:10px;font-weight:700}.constructor-layout-v2{grid-template-columns:350px 1fr;gap:40px;display:grid}.given-factors-v2{flex-direction:column;gap:20px;display:flex}.factor-row-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:20px;padding:20px}.num-label{margin-bottom:10px;font-size:1.5rem;font-weight:700;display:block}.chips-v2{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--btn-primary);border-radius:20px;padding:5px 12px;font-weight:700}.build-area-v2{flex-direction:column;gap:20px;display:flex}.phase-hint-v2{color:var(--text-muted);text-align:center;font-size:1.1rem;font-weight:700}.user-expression-v2{background:var(--card-bg);border:2px dashed var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;min-height:80px;padding:15px;font-size:2rem;font-weight:700;display:flex}.user-expression-v2 .res{color:#16a34a;margin-left:10px}.available-primes-v2{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.prime-btn-v2{background:var(--card-bg);cursor:pointer;border:3px solid;border-radius:50%;width:60px;height:60px;font-size:1.5rem;font-weight:700;transition:all .2s}.prime-btn-v2:hover{transform:scale(1.1)}.undo-btn-v2{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:12px;flex:.5;padding:15px;font-weight:700}@media (prefers-color-scheme:dark){.theory-card-v2.blue{color:#bfdbfe;background:#1e3a8a}.theory-card-v2.purple{color:#ddd6fe;background:#4c1d95}.task-num-box-v2,.factor-row-v2,.prime-btn-v2{background:#1e293b;border-color:#334155}.chip{background:#0f172a;border-color:#334155}.user-expression-v2{background:#0f172a}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.fractions-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}.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:30px;overflow-y:auto}.intro-layout-v2{grid-template-columns:1fr 1fr;gap:30px;display:grid}.intro-card-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;padding:30px}.frac-demo-v2{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.frac-labels-v2{font-size:1rem;line-height:1.2}.frac-labels-v2 p{margin:5px 0}.frac-labels-v2 hr{border:1px solid var(--border-color);margin:10px 0}.cake-box-v2{flex-direction:column;align-items:center;gap:20px;margin-top:15px;display:flex}.cake-legend-v2{font-size:.9rem;font-weight:700}.dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.dot.orange{background:#fb923c}.dot.gray{background:#cbd5e1}.theory-card-v2.gradient-purple{background:var(--panel-purple-bg);border-color:var(--panel-purple-border);color:var(--panel-purple-text)}.algo-v2{flex-direction:column;gap:15px;margin:20px 0;display:flex}.algo-step-v2{align-items:center;gap:15px;font-size:1.2rem;font-weight:600;display:flex}.algo-step-v2 span{color:#fff;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.formula-v2{text-align:center;background:var(--card-bg);border:1px dashed;border-radius:16px;margin-top:20px;padding:15px;font-size:2.5rem;font-weight:700}.task-box-v2{background:var(--header-bg);text-align:center;border-radius:20px;margin-bottom:25px;padding:25px;font-size:1.5rem;font-weight:600}.action-row-v2{width:100%;max-width:300px}.hint-card-v2{background:var(--panel-warn-bg);border:1px solid var(--panel-warn-border);border-radius:20px;padding:20px}.hint-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hint-header h4{color:var(--panel-amber-text-strong);margin:0}.toggle-v2{color:#b45309;cursor:pointer;align-items:center;gap:5px;font-size:.75rem;display:flex}.hint-body{color:var(--panel-amber-text-strong);font-size:.95rem;line-height:1.5}.hint-hidden{color:#d1d5db;text-align:center;font-style:italic}@media (prefers-color-scheme:dark){.intro-card-v2,.task-box-v2,.formula-v2{background:#1e293b;border-color:#334155}.fraction-v2 .num{border-color:#fff}.hint-card-v2{color:#fef3c7;background:#451a03;border-color:#713f12}.hint-header h4,.hint-body{color:#fde68a}}.frac-div-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}.frac-div-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.frac-div-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}.frac-div-nav button.active{background:var(--btn-primary);color:#fff}.frac-div-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}.frac-eq-v2{justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.frac-eq-v2 .eq{font-size:2.5rem;font-weight:700}.frac-eq-v2 .expr{font-family:Consolas,monospace;font-size:3rem;font-weight:700}.math-v2{color:var(--text-color);font-size:2rem;font-weight:700}.frac-builder-v2{flex-direction:column;align-items:center;gap:5px;margin-bottom:20px;display:flex}.build-box-v2{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:80px;height:60px;font-size:2rem;font-weight:700;transition:all .2s;display:flex}.build-box-v2.active{border-color:var(--btn-primary);background:var(--panel-blue-bg)}.build-box-v2.done{background:var(--panel-green-bg);color:#15803d;border-color:#22c55e}.build-box-v2.error{background:var(--panel-error-bg);border-color:var(--panel-error-border)}.frac-line-v2{background:var(--btn-primary);border-radius:2px;width:100px;height:4px}.input-instr-v2{text-align:center;color:var(--text-muted);min-height:1.5em;margin-bottom:15px;font-weight:700}.numpad-container-v2{width:100%;max-width:320px;margin:0 auto}.error-msg-v2{color:#ef4444;text-align:center;margin-top:15px;font-weight:700}.hint-text-v2{text-align:center;color:var(--text-muted);margin-bottom:15px;font-style:italic}@media (prefers-color-scheme:dark){.theory-card-v2.gradient-blue{color:#bfdbfe;background:#1e3a8a}.math-v2{color:#fff}.build-box-v2{background:#1e293b;border-color:#334155}.build-box-v2.active{background:#1e3a8a}.ans-display-v2{background:#0f172a}}.compare-frac-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}.compare-frac-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.compare-frac-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}.compare-frac-nav button.active{background:var(--btn-primary);color:#fff}.compare-frac-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-v2{border:1px solid var(--border-color);border-radius:24px;margin-bottom:30px;padding:30px}.rule-list-v2{flex-direction:column;gap:10px;margin-top:20px;display:flex}.rule-item-v2{border-radius:12px;padding:12px 20px;font-weight:700}.rule-item-v2.green{color:#15803d;background:#dcfce7}.rule-item-v2.red{background:var(--panel-error-bg);color:var(--panel-error-text)}.intro-card-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:30px}.bar-compare-v2{justify-content:center;align-items:center;gap:30px;margin:20px 0;display:flex}.bar-row-v2{flex-direction:column;align-items:center;gap:15px;display:flex}.fraction-bar-v2{gap:4px;display:flex}.bar-cell-v2{border:2px solid;border-radius:4px}.sign-v2{color:var(--text-muted);font-size:3rem;font-weight:700}.fraction-v2.tiny{font-size:1.1rem}.frac-box-v2{flex-direction:column;align-items:center;gap:20px;display:flex}.sort-btn-v2{border:2px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex;position:relative}.sort-results-v2{text-align:center;border-top:1px solid var(--border-color);pt:20px}.user-seq-v2{min-height:60px;margin-bottom:20px;font-size:1.5rem;font-weight:700}.seq-item{align-items:center;gap:10px;display:inline-flex}@media (prefers-color-scheme:dark){.theory-card-v2.gradient-blue{color:#bfdbfe;background:#1e3a8a}.sign-box-v2,.sort-btn-v2{background:#1e293b;border-color:#334155}.bar-cell-v2:not(.filled){background:#0f172a!important}}.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{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.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}.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}.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{background:var(--panel-error-bg);color:var(--panel-error-text)}.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}.feedback-msg{text-align:center;min-height:30px;margin:15px 0;font-size:1.2rem;font-weight:700}.feedback-msg.ok{color:#16a34a}.feedback-msg.error{color:var(--panel-error-text)}.score-badge{background:var(--header-bg);text-align:center;border-radius:12px;padding:15px;font-weight:700}@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-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-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.mixed-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}.mixed-nav button.active{background:var(--btn-primary);color:#fff}.mixed-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}.fraction-part.big{font-size:3rem}.mixed-demo-v2{margin-top:20px}.theory-card-v2.green{background:var(--panel-green-bg);border-color:var(--panel-green-border);color:var(--panel-green-text)}.theory-card-v2.purple{background:var(--panel-purple-bg);border-color:var(--panel-purple-border);color:var(--panel-purple-text)}.trainer-v2{grid-template-columns:1fr 350px;gap:30px;display:grid}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;padding:30px}.step-bar-v2{gap:10px;margin-bottom:25px;display:flex}.step-item{text-align:center;background:var(--header-bg);color:var(--text-muted);border-radius:10px;flex:1;padding:10px;font-size:.9rem;font-weight:700}.step-item.active{background:var(--btn-primary);color:#fff}.step-item.done{color:#15803d;background:#dcfce7}.conversion-v2{justify-content:center;align-items:center;gap:25px;display:flex}.arrow{color:var(--text-muted);font-size:2rem}.input-area-v2{flex-direction:column;align-items:center;gap:15px;display:flex}.instr-v2{color:var(--text-muted);text-align:center;min-height:1.5em;font-size:1.1rem;font-weight:700}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.numpad-v2 button{border:1px solid var(--border-color);background:var(--header-bg);height:50px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:1.3rem;font-weight:700}.numpad-v2 button.util{background:var(--ui-muted-bg);color:var(--text-muted)}.action-row-v2{width:100%;max-width:300px;margin-top:10px}.sidebar-v2{flex-direction:column;gap:20px;display:flex}.visual-hint-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:center;padding:20px;display:flex}.pie-row-v2{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode-selector-v2{justify-content:center;gap:10px;margin-bottom:25px;display:flex}.mode-selector-v2 button{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:12px;padding:10px 25px;font-weight:700}.mode-selector-v2 button.active{background:var(--btn-primary);color:#fff}.practice-grid-v2{grid-template-columns:1fr 1fr;gap:30px;display:grid}.target-panel-v2,.user-panel-v2{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:25px}.user-panel-v2{border-width:3px}.user-panel-v2.ok{border-color:#22c55e}.user-panel-v2.error{border-color:var(--panel-error-border)}.task-val-v2,.user-val-v2{justify-content:center;align-items:center;height:100px;margin-bottom:20px;display:flex}.user-controls-v2{flex-direction:column;gap:15px;margin-top:30px;display:flex}.ctrl-row-v2{align-items:center;gap:15px;display:flex}.ctrl-row-v2 label{text-align:right;width:100px;color:var(--text-muted);font-weight:700}.error-msg-v2{color:#ef4444;margin-top:10px;font-weight:700}@media (prefers-color-scheme:dark){.intro-card-v2,.theory-card-v2,.task-display-v2,.visual-hint-v2,.target-panel-v2,.user-panel-v2{background:#1e293b;border-color:#334155}.stepper-v2{background:#0f172a}.stepper-v2 button{color:#fff;background:#334155;border-color:#475569}.ans-display-v2{background:#0f172a}}.addsub-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}.addsub-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.addsub-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}.addsub-nav button.active{background:var(--btn-primary);color:#fff}.addsub-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-v2.gradient-green{background:var(--panel-green-bg);border-color:var(--panel-green-border);color:var(--panel-green-text)}.theory-card-v2.gradient-red{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.formula-v2{text-align:center;margin-top:15px;font-family:Consolas,monospace;font-size:1.8rem;font-weight:700}.pie-row-v2{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.pie-container-v2{flex-direction:column;align-items:center;gap:10px;display:flex}.pie-title-v2{color:var(--text-muted);font-size:.8rem;font-weight:700}.pie-frac-v2{color:var(--btn-primary);font-weight:700}.fraction-v2.small{font-size:1.5rem}.pies-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:center;padding:20px;display:flex}.feedback-row-v2{text-align:center;margin-top:15px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.theory-card-v2.gradient-green{color:#dcfce7;background:#064e3b}.theory-card-v2.gradient-red{color:#fecaca;background:#451a1a}.task-display-v2,.visual-example-v2{background:#1e293b;border-color:#334155}.ans-display-v2,.stepper-v2,.pies-v2{background:#0f172a;border-color:#334155}.stepper-v2 button{color:#fff;background:#334155;border-color:#475569}}.addmixed-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}.addmixed-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.addmixed-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}.addmixed-nav button.active{background:var(--btn-primary);color:#fff}.addmixed-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}.mixed-num-v2{align-items:center;gap:8px;font-family:Consolas,monospace;font-weight:700;display:inline-flex}.mixed-num-v2.big{font-size:3rem}.mixed-num-v2.small{font-size:1.5rem}.whole-part{font-size:1.2em}.fraction-part{flex-direction:column;align-items:center;font-size:.8em;display:inline-flex}.fraction-part .num{border-bottom:3px solid;padding:0 5px}.fraction-part .den{padding:0 5px}.theory-grid-v2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.visual-example-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:30px}.pie-row-v2{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.op-v2{color:var(--text-muted);font-size:2.5rem;font-weight:700}.task-display-v2{background:var(--header-bg);border-radius:20px;margin-bottom:30px;padding:30px}.expr-v2{justify-content:center;align-items:center;gap:20px;display:flex}.user-ans-panel-v2{text-align:center}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:20px;justify-content:center;align-items:center;height:100px;margin-bottom:25px;display:flex}.ans-display-v2.ok{background:var(--panel-green-bg);border-color:#22c55e}.ans-display-v2.error{border-color:var(--panel-error-border);background:var(--panel-error-bg)}.steppers-v2{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.stepper-row-v2{align-items:center;gap:15px;display:flex}.stepper-row-v2 label{text-align:right;width:100px;color:var(--text-muted);font-weight:700}.stepper-v2{background:var(--panel-slate-bg);border-radius:12px;flex:1;align-items:center;gap:10px;padding:5px;display:flex}.stepper-v2 button{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:10px;width:40px;height:40px;font-size:1.2rem;font-weight:700}.stepper-v2 span{flex:1;font-size:1.2rem;font-weight:700}.visual-feedback-v2{text-align:center}.pies-container-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;justify-content:center;padding:20px;display:flex}@media (prefers-color-scheme:dark){.theory-card-v2.gradient-blue{color:#bfdbfe;background:#1e3a8a}.theory-card-v2.orange{color:#fde68a;background:#422006}.task-display-v2,.visual-example-v2{background:#1e293b;border-color:#334155}.ans-display-v2,.stepper-v2,.pies-container-v2{background:#0f172a;border-color:#334155}.stepper-v2 button{color:#fff;background:#334155;border-color:#475569}}.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;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px;display:flex}.decimals-nav button{min-width:100px;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;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:30px;overflow-y:auto}.intro-card-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;margin-bottom:30px;padding:30px}.math-hero-v2{justify-content:center;align-items:center;gap:20px;margin-top:15px;font-size:3rem;font-weight:700;display:flex}.math-hero-v2 .dec{color:var(--panel-error-text)}.fraction-v2{vertical-align:middle;flex-direction:column;align-items:center;font-family:Consolas,monospace;font-weight:700;display:inline-flex}.fraction-v2.big{font-size:2.5rem}.fraction-v2.medium{font-size:1.8rem}.fraction-v2 .num{border-bottom:2px solid;padding:0 5px}.fraction-v2 .den{padding:0 5px}.grid-layout-v2{grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;display:grid}.grid-box-v2{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:20px}.grid-box-v2 svg{cursor:pointer;width:100%;max-height:250px;margin:15px 0}.grid-box-v2 rect{transition:fill .1s}.label-v2{color:var(--btn-primary);font-size:1.5rem;font-weight:700}.pv-container-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:30px}.pv-table-v2{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.pv-col{flex-direction:column;align-items:center;gap:5px;display:flex}.pv-col span{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.pv-col.blue span{color:#2563eb}.pv-ctrl{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;padding:5px;display:flex;box-shadow:0 2px 5px #0000000d}.pv-ctrl button{background:var(--ui-muted-bg);cursor:pointer;border:none;border-radius:6px;width:36px;height:28px;font-weight:700;transition:background .2s}.pv-ctrl button:hover{background:var(--btn-primary);color:#fff}.digit{min-width:40px;padding:2px 10px;font-size:2rem;font-weight:700}.pv-comma{color:var(--panel-error-text);padding-bottom:10px;font-size:3rem;font-weight:700;line-height:1}.pv-visuals{grid-template-columns:1fr 1.5fr;align-items:center;gap:20px;margin-top:20px;display:grid}.pv-cakes{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:10px;min-height:120px;padding:15px;display:flex}.pv-line-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:10px;padding:15px;display:flex}.pv-line-box h4{color:var(--text-muted);margin:0;font-size:1rem}.live-decimal-v2{color:var(--btn-primary);margin-top:15px;font-family:Consolas,monospace;font-size:3.5rem;font-weight:700}.live-decimal-v2 .comma{color:var(--panel-error-text)}.zoom-controls-v3{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.control-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:15px}.control-group .label{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;font-weight:700}.control-group .btns{flex-wrap:wrap;gap:8px;display:flex}.control-group button{border:1px solid var(--border-color);background:var(--ui-muted-bg);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:700}.control-group button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.action-panels-v3{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.action-panels-v3 .panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:15px}.action-panels-v3 .label{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;font-weight:700}.val-btns,.view-btns{align-items:center;gap:10px;display:flex}.val-btns button,.view-btns button{background:var(--ui-muted-bg);cursor:pointer;border:none;border-radius:10px;flex:1;height:45px;font-size:1.2rem;font-weight:700}.val-btns button:hover,.view-btns button:hover{background:var(--btn-primary);color:#fff}.view-btns button.active{color:#fff;background:#16a34a}.current-val{color:var(--btn-primary);text-align:center;background:var(--header-bg);border-radius:8px;flex:2;padding:5px;font-family:Consolas,monospace;font-size:2.2rem;font-weight:700}.trainer-v2{justify-content:center;width:100%;display:flex}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);max-width:700px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex-direction:column;flex:1;align-items:center;padding:30px;display:flex}.trainer-header-v2{justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;display:flex}.task-display-v2{background:var(--header-bg);text-align:center;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:120px;margin-bottom:25px;padding:30px;display:flex}.big-dec-v2{color:var(--btn-primary);font-family:Consolas,monospace;font-size:3rem;font-weight:700}.text-task-v2{color:#4361ee;text-align:center;width:100%;font-size:1.8rem;font-style:italic}.input-area-v2{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:350px;height:80px;font-size:3rem;font-weight:700;display:flex}.theory-list-v2{margin:0;padding:0;list-style:none}.theory-list-v2 li{align-items:flex-start;gap:10px;margin-bottom:10px;font-size:1.1rem;display:flex}.theory-list-v2 b{color:var(--btn-primary)}.example-box-v2{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin:10px 0;padding:15px}.example-row-v2{justify-content:center;align-items:center;gap:15px;font-size:1.5rem;font-weight:700;display:flex}.example-row-v2 .arrow{color:var(--text-muted)}@media (prefers-color-scheme:dark){.example-box-v2{background:#0f172a}}.instr-v2{color:var(--text-muted);margin-bottom:10px;font-weight:700}@media (prefers-color-scheme:dark){.intro-card-v2,.theory-card-v2,.task-display-v2,.svg-box-v2,.grid-box-v2,.pv-container-v2,.pv-line-box,.zoomable-line-container,.control-group,.panel{background:#1e293b;border-color:#334155}.pv-ctrl{background:#0f172a;border-color:#334155}.pv-ctrl button{color:#fff;background:#334155;border-color:#475569}.ans-display-v2,.val-btns,.view-btns{background:#0f172a;border-color:#334155}.val-btns button,.view-btns button{color:#fff;background:#334155}.current-val{color:#60a5fa;background:#0f172a}.scale-btns button{color:#fff;background:#334155;border-color:#475569}.scale-btns button.active{background:var(--btn-primary);border-color:var(--btn-primary)}}.compare-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}.compare-dec-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.compare-dec-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}.compare-dec-nav button.active{background:var(--btn-primary);color:#fff}.compare-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:30px;overflow-y:auto}.theory-card-v2{border:1px solid var(--border-color);border-radius:20px;padding:25px}.trainer-card-v2.full{max-width:900px}.compare-display-v2{background:var(--header-bg);border-radius:24px;justify-content:center;align-items:center;gap:40px;margin-bottom:30px;padding:40px;display:flex}.dec-box-v2{font-family:Consolas,monospace;font-size:3.5rem;font-weight:700}.dec-box-v2.blue{color:#2563eb}.dec-box-v2.orange{color:#ea580c}.sign-box-v2{background:var(--card-bg);border:3px solid var(--btn-primary);width:80px;height:80px;color:var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.sign-box-v2.ok{background:var(--panel-green-bg);color:#15803d;border-color:#22c55e}.sign-box-v2.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);color:var(--panel-error-text)}.action-area-v2{justify-content:center;margin-bottom:20px;display:flex}.sign-btns-v2{gap:15px;display:flex}.sign-btn-v2{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:16px;width:70px;height:70px;font-size:2.5rem;font-weight:700;transition:all .2s}.sign-btn-v2:hover{border-color:var(--btn-primary);background:var(--header-bg)}.next-btn-v2{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:16px;width:100%;max-width:300px;padding:18px;font-weight:700}.sort-task-v2{text-align:center;margin-bottom:30px}.options-grid-v2{grid-template-columns:repeat(3,1fr);justify-items:center;gap:20px;margin-top:20px;display:grid}.sort-btn-v2{border:2px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:140px;height:80px;font-family:Consolas,monospace;font-size:1.8rem;font-weight:700;transition:all .2s;display:flex;position:relative}.sort-btn-v2.selected{border-color:var(--btn-primary);background:var(--panel-blue-bg);border-width:4px}.order-badge{background:var(--btn-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.sort-results-v2{text-align:center;border-top:1px solid var(--border-color);padding-top:20px}.user-seq-v2{min-height:60px;margin-bottom:20px;font-family:Consolas,monospace;font-size:1.8rem;font-weight:700}@media (prefers-color-scheme:dark){.intro-card-v2,.theory-card-v2,.sign-box-v2,.sort-btn-v2{background:#1e293b;border-color:#334155}.dec-box-v2.blue{color:#60a5fa}.dec-box-v2.orange{color:#fb923c}}.rounding-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-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.rounding-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}.rounding-nav button.active{background:var(--btn-primary);color:#fff}.rounding-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-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:24px;margin-bottom:30px;padding:30px}.intro-card-v2.gradient-blue{background:var(--panel-blue-bg);border-color:var(--panel-blue-border);color:var(--panel-blue-text)}.theory-list-v2{padding-left:25px;font-size:1.1rem;line-height:1.8}.theory-card-v2{border:1px solid var(--border-color);text-align:center;border-radius:20px;padding:25px}.theory-card-v2 p{margin-bottom:10px;font-size:1.5rem;font-weight:700}.instr-v2{color:var(--text-muted);margin-bottom:10px;font-size:1.2rem}.big-num-v2{color:var(--btn-primary);font-family:Consolas,monospace;font-size:4rem;font-weight:700}.input-grid-v2{grid-template-columns:350px 1fr;gap:40px;display:grid}.input-panel-v2{flex-direction:column;align-items:center;gap:15px;display:flex}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;height:75px;font-size:2.5rem;font-weight:700;display:flex}.numpad-grid-v2{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.viz-panel-v2{flex-direction:column;gap:20px;display:flex}.viz-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:25px}.viz-box-v2 h3{color:var(--text-muted);margin-top:0;margin-bottom:20px;font-size:1rem}.number-line-v2{width:100%}.number-line-v2 svg{width:100%;height:auto;display:block}@media (prefers-color-scheme:dark){.intro-card-v2,.theory-card-v2,.task-display-v2,.viz-box-v2{background:#1e293b;border-color:#334155}.ans-display-v2{background:#0f172a}.numpad-grid-v2 button{color:#fff;background:#334155}}.dec-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}.dec-ops-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;margin-bottom:20px;padding:10px;display:flex}.dec-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}.dec-ops-nav button.active{background:var(--btn-primary);color:#fff}.dec-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;overflow-y:auto}.trainer-card-v2{max-width:1000px;margin:0 auto;animation:.3s ease-out fadeIn}.task-display-v2{background:var(--header-bg);text-align:center;color:var(--btn-primary);border-radius:20px;margin-bottom:30px;padding:25px;font-family:Consolas,monospace;font-size:2.5rem;font-weight:700}.column-layout-v2{grid-template-columns:1fr 300px;gap:40px;display:grid}.math-grid-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;gap:2px;padding:30px;font-family:Consolas,monospace;display:flex;overflow-x:auto;box-shadow:inset 0 2px 10px #0000000d}.grid-row-v2{gap:2px;display:flex}.grid-cell-v2{border:1px solid var(--grid-cell-border);background:var(--grid-cell-bg);border-radius:4px;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:1.8rem;font-weight:700;display:flex;position:relative}.cell-empty{background:0 0;border:none}.cell-given{background:var(--panel-slate-bg)}.cell-op{color:#ea580c;background:0 0;border:none}.cell-line{border-top:3px solid var(--text-color);background:0 0;border-radius:0;height:0;margin:5px 0}.cell-vline{border-right:3px solid var(--text-color);background:0 0;width:0;height:2.8rem;margin:0 5px}.cell-active{background:var(--panel-warn-bg);border:2px solid #f59e0b}.cell-ok{color:#15803d;background:#dcfce7;border-color:#22c55e}.cell-error{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.cell-dot{color:#ea580c;font-size:1.5rem;font-weight:900;position:absolute;bottom:0;right:-4px}.numpad-side-v2{flex-direction:column;gap:20px;display:flex}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-v2 button{border:1px solid var(--border-color);background:var(--header-bg);cursor:pointer;border-radius:12px;height:60px;font-size:1.5rem;font-weight:700}.next-btn-v2{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:16px;width:100%;padding:18px;font-weight:700}@media (prefers-color-scheme:dark){.math-grid-v2,.task-display-v2{background:#1e293b;border-color:#334155}.grid-cell-v2{background:#0f172a;border-color:#334155}}.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:10px;margin-bottom:20px;padding:10px;display:flex}.average-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}.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:30px;overflow-y:auto}.scene-content{max-width:1000px;margin:0 auto;animation:.3s ease-out fadeIn}h2{color:var(--btn-primary);text-align:center;margin-bottom:20px;font-size:1.8rem}.theory-card-v2{border:1px solid var(--border-color);text-align:center;border-radius:24px;margin-bottom:30px;padding:30px}.theory-card-v2.gradient-blue{background:var(--panel-blue-bg);border-color:var(--panel-blue-border);color:var(--panel-blue-text)}.formula-box-v2{background:var(--card-bg);border:1px dashed;border-radius:16px;margin-top:15px;padding:15px;font-family:Consolas,monospace;font-size:1.8rem;font-weight:700}.theory-grid-v2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.theory-card-v2.yellow{background:var(--panel-warn-bg);border-color:var(--panel-warn-border);color:var(--panel-amber-text-strong)}.theory-card-v2.orange{background:var(--panel-warn-bg);border-color:var(--panel-warn-border);color:var(--panel-warn-text)}.math-v2{margin-top:10px;font-size:1.5rem;font-weight:700}.trainer-v2{justify-content:center;display:flex}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);max-width:700px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex:1;padding:30px}.trainer-header-v2{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.score-v2{font-size:1.2rem;font-weight:700}.score-v2 span{color:#4caf50}.task-display-v2{background:var(--header-bg);text-align:center;border-radius:20px;margin-bottom:25px;padding:30px}.task-nums-v2{margin-bottom:20px;font-size:1.5rem}.task-desc-v2{margin-bottom:10px;font-size:1.2rem}.question-v2{color:var(--btn-primary);margin-bottom:20px;font-size:1.4rem;font-weight:700}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:300px;height:75px;margin:0 auto;font-size:2.5rem;font-weight:700;display:flex}.ans-display-v2.ok{background:var(--panel-green-bg);color:#15803d;border-color:#22c55e}.ans-display-v2.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);color:var(--panel-error-text)}.placeholder{color:var(--text-muted)}.input-section-v2{flex-direction:column;align-items:center;gap:20px;margin-top:20px;display:flex}.numpad-container-v2{width:100%;max-width:320px}.numpad-grid-v2{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.numpad-grid-v2 button{border:1px solid var(--border-color);background:var(--header-bg);height:55px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:1.4rem;font-weight:700}.numpad-grid-v2 button.util{background:var(--ui-muted-bg);color:var(--text-muted)}.action-row-v2{width:100%}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-weight:700}.check-btn-v2{background:var(--btn-primary)}.next-btn-v2{background:#22c55e}.feedback-row-v2{text-align:center;min-height:1.5em;margin-top:10px;font-size:1.1rem;font-weight:700}.feedback-row-v2.ok{color:#22c55e}.feedback-row-v2.error{color:#ef4444}.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){.theory-card-v2.gradient-blue{color:#bfdbfe;background:#1e3a8a}.formula-box-v2{background:#0f172a}.task-display-v2,.intro-card-v2{background:#1e293b;border-color:#334155}.ans-display-v2{background:#0f172a}}.about-container{background:var(--bg-color);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:40px;display:flex}.about-card{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:900px;box-shadow:var(--card-shadow);border-radius:32px;padding:50px;animation:.5s ease-out fadeIn}.about-header{border-bottom:2px solid var(--border-color);align-items:center;gap:40px;margin-bottom:40px;padding-bottom:30px;display:flex}.teacher-photo-wrap{background:var(--header-bg);border:4px solid var(--btn-primary);border-radius:24px;flex-shrink:0;width:200px;height:200px;overflow:hidden;box-shadow:0 8px 16px #0000001a}.teacher-photo{object-fit:cover;width:100%;height:100%;display:block}.teacher-photo-placeholder{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.teacher-info h1{color:var(--btn-primary);margin:0;font-size:2.8rem;line-height:1.1}.teacher-info h3{color:var(--text-muted);margin:10px 0 0;font-size:1.4rem;font-weight:500}.about-content h2{color:var(--text-color);margin-bottom:25px;font-size:2rem}.about-content p{color:var(--text-color);margin-bottom:20px;font-size:1.2rem;line-height:1.8}.about-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:50px;display:flex}.yt-link{color:#fff;background:red;border-radius:16px;align-items:center;gap:12px;padding:15px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.yt-link:hover{background:#c00;transform:scale(1.05)}.yt-link .icon{font-size:1.5rem}@media (prefers-color-scheme:dark){.teacher-photo-placeholder{color:#475569;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}}.app-container{background-color:var(--bg-color);background-image:radial-gradient(var(--border-color) .5px, transparent .5px), radial-gradient(var(--border-color) .5px, var(--bg-color) .5px);max-width:1400px;min-height:100vh;color:var(--text-color);background-position:0 0,10px 10px;background-size:20px 20px;flex-direction:column;margin:0 auto;padding:20px;display:flex}header{background:var(--header-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 30px;display:flex}header h1{cursor:pointer;color:var(--text-color);text-transform:uppercase;letter-spacing:-.05em;align-items:center;gap:15px;margin:0;font-size:2rem;font-weight:900;display:flex}.logo-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000001a);-webkit-background-clip:text;position:relative}.logo-text:after{content:"";background:var(--btn-primary);border-radius:2px;width:40px;height:4px;position:absolute;bottom:-4px;left:0}.grade-selector{background:var(--bg-color);border:1px solid var(--border-color);border-radius:15px;gap:8px;padding:5px;display:flex}.grade-selector button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 20px;font-weight:700;transition:all .2s}.grade-selector button:hover{background:#2563eb0d}.grade-selector button.active{background:var(--btn-primary);color:#fff;box-shadow:0 4px 10px #2563eb33}.grade-selector button.global-tab.active{background:var(--accent-purple);box-shadow:0 4px 10px #8b5cf64d}.selection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.yt-grade-btn{color:#fff;background:red;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #f003}.yt-grade-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff00004d}.paragraph-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;display:grid}.paragraph-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--card-shadow);color:inherit;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:15px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.paragraph-card:hover{border-color:var(--btn-primary);background:linear-gradient(to bottom, var(--card-bg), #2563eb05);transform:translateY(-4px);box-shadow:0 12px 20px #00000026}.paragraph-num{color:var(--btn-primary);opacity:.7;letter-spacing:.1em;margin-bottom:5px;font-size:.9rem;font-weight:800}.paragraph-desc{color:var(--text-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.paragraph-card:hover .paragraph-num{opacity:1}.lesson-container{flex-direction:column;gap:20px;display:flex}.lesson-header{flex-wrap:wrap;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);min-height:60vh;box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.landing-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.landing-page h2{margin-bottom:10px;font-size:2.5rem}.grade-cards{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.grade-card{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;width:300px;box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .3s;display:flex}.grade-card.global-card{background:linear-gradient(to bottom, var(--card-bg), #8b5cf60d);border-color:#8b5cf6}.grade-card.global-card h3{color:#8b5cf6}.grade-card:hover{border-color:var(--btn-primary);transform:translateY(-10px);box-shadow:0 12px 20px #0003}.grade-card.global-card:hover{border-color:#7c3aed}.grade-card h3{color:var(--btn-primary);margin:0 0 15px;font-size:2rem}.grade-card p{color:var(--text-color);opacity:.8}@media screen and (width<=768px){.app-container{padding:10px}header{flex-direction:column;gap:15px}.grade-cards{flex-direction:column}.grade-card{width:100%}}