@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}.op-btn .op-icon{width:30px;font-size:1.4rem;font-weight:700}.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}.math-display-area{flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.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(-100%)rotate(0)}to{opacity:0;transform:translateY(1000%)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}.big-num-btn.utility{background:var(--header-bg);opacity:.5;cursor:default;font-size:1.5rem}.next-task-btn:hover{background:var(--btn-hover)}@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-split{gap:40px;margin-bottom:20px;display:flex}.rounding-left{flex:1.2}.rounding-right{flex:.8}.input-section{max-width:320px;margin:0 auto}.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}@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}.task-display,.numpad button,.score-pill{background:#1e293b;border-color:#334155}}.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{color:var(--btn-primary);text-align:center;background:var(--header-bg);border-radius:12px;margin:20px 0;padding:20px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.terms-list{text-align:center;padding:0;font-size:1.2rem;list-style:none}.terms-list li{margin-bottom:10px}.important-box{background:var(--panel-amber-bg);border:2px solid var(--panel-amber-border);text-align:center;color:var(--panel-amber-text);border-radius:12px;margin-top:30px;padding:20px;font-size:1.2rem;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}.trainer-split{align-items:flex-start;gap:30px;display:flex}.trainer-left{flex:1.5}.trainer-right{flex:.8;position:sticky;top:0}.trainer-header h2{text-align:left;margin:0}.score-pill{background:var(--header-bg);border:1px solid var(--border-color);color:#4caf50;white-space:nowrap;border-radius:20px;padding:8px 16px;font-weight:700}.task-display{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:16px;margin-bottom:25px;padding:25px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.math-expr{align-items:center;gap:15px;display:inline-flex}.eq{color:var(--text-muted)}.input-section{flex-direction:column;gap:15px;max-width:320px;margin:0 auto;display:flex}.answer-box{background:var(--card-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;height:80px;font-size:2.5rem;font-weight:700;display:flex;position:relative}.answer-box.ok .placeholder,.answer-box.error .placeholder{display:none}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.numpad button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:15px;font-size:1.5rem;font-weight:700;transition:background .1s}.numpad button:active:not(:disabled){transform:translateY(2px)}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;padding:15px;font-size:1.2rem;font-weight:700;transition:filter .2s}.check-btn:hover,.next-btn:hover{filter:brightness(1.1)}.rule-card h4{color:var(--panel-blue-text);margin-top:0;margin-bottom:10px}.rule-card p{margin-bottom:10px;font-size:.95rem}.rule-card ul{margin:0;padding-left:20px}.rule-card li{margin-bottom:5px;font-size:.95rem}@media (prefers-color-scheme:dark){.important-box{background:#3f3f17;border-color:#71710a}.important-box h3{color:#fef08a}.formula-display{color:#60a5fa;background:#1e293b}.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}.task-display,.numpad button,.score-pill{background:#1e293b;border-color:#334155}}.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:12px;min-height:calc(100vh - 80px);padding:16px;display:flex}.remainder-header{background:var(--header-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.remainder-nav{flex-wrap:wrap;gap:8px;display:flex}.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:10px 20px;font-size:.95rem;font-weight:700;transition:all .18s}.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:18px;flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}.scene-content{flex-direction:column;flex:1;display:flex}.column-scene-root{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.column-topbar{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 14px;display:flex}.topbar-section{align-items:center;gap:8px;display:flex}.topbar-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#64748b);white-space:nowrap;font-size:.82rem;font-weight:700}.diff-chip{border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:600;transition:all .15s}.diff-chip:hover{background:var(--bg-color)}.diff-chip.active{border-color:var(--btn-primary);background:var(--active-cell);font-weight:800;box-shadow:0 0 0 2px #2563eb26}.topbar-score{background:var(--card-bg);border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:1rem;font-weight:800}.scale-slider-inline{cursor:pointer;width:110px;accent-color:var(--btn-primary)}.scale-value-inline{font-variant-numeric:tabular-nums;min-width:40px;font-size:.88rem;font-weight:700}.column-workspace{flex:1;gap:14px;min-height:0;display:flex}.column-grid-area{background:var(--header-bg);border:2px solid var(--btn-primary);border-radius:18px;flex:1;justify-content:center;align-items:flex-start;min-width:0;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.column-grid-area.error-flash{background:#ef44440f;border-color:#ef4444;animation:.35s flash-border}@keyframes flash-border{0%{background:#ef444424;border-color:#ef4444}50%{background:#ef444438;border-color:#ef4444}to{background:#ef44440f;border-color:#ef4444}}.done-banner{color:#fff;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16a34abf;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #16a34a40}.column-numpad-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:230px;padding:16px;display:flex}.numpad-big{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.npad-btn{border:1.5px solid var(--border-color);background:var(--header-bg);height:62px;color:var(--text-color);cursor:pointer;box-shadow:0 3px 0 var(--border-color);border-radius:12px;font-size:1.8rem;font-weight:800;transition:all .1s}.npad-btn:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.npad-btn:not(:disabled):hover{background:var(--active-cell);border-color:var(--btn-primary)}.npad-btn.locked,.npad-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.npad-empty{height:62px}.next-task-btn-col{background:var(--btn-primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--btn-hover);border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:800;transition:all .15s}.next-task-btn-col:active{box-shadow:0 2px 0 var(--btn-hover);transform:translateY(2px)}.feedback-pill{text-align:center;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem;font-weight:700}.feedback-pill.ok{color:var(--success-color,#16a34a);border:1.5px solid var(--success-color,#16a34a);background:#16a34a1f}.feedback-pill.error{color:#ef4444;background:#ef44441a;border:1.5px solid #ef4444}.math-grid-v2{flex-direction:column;gap:0;display:flex}.grid-row-v2{gap:0;display:flex}.grid-cell-v2{border:1px solid var(--border-color);background:var(--grid-cell-bg,var(--header-bg));box-sizing:border-box;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-size:2rem;font-weight:800;line-height:1;transition:background .12s,color .12s;display:flex;position:relative}.cell-given{background:var(--header-bg);color:var(--text-color);font-weight:900}.cell-op{color:var(--btn-primary);border:none;font-weight:900}.cell-state-active{color:var(--btn-primary);z-index:2;font-weight:900;background:var(--active-cell)!important;border:2.5px solid var(--btn-primary)!important}.cell-state-ok{font-weight:900;color:var(--success-color,#16a34a)!important;background:#16a34a14!important;border-color:#16a34a4d!important}.cell-state-error{font-weight:900;animation:.3s shake;color:#ef4444!important;background:#ef44442e!important;border:2.5px solid #ef4444!important}.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}.confetti-particle{animation:2.5s linear forwards confetti-fall;position:absolute;top:-10px}.intro-scene h2,.formula-scene h2{color:var(--btn-primary);margin-bottom:20px;font-size:1.8rem}.formula-large-fancy{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:20px 0;font-size:3.2rem;font-weight:900;display:flex}.formula-large-fancy .highlighted{color:var(--btn-primary);background:var(--active-cell);border-radius:10px;padding:4px 14px}.formula-large-fancy .rem{color:#e91e63;text-decoration:underline}.theory-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px;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:8px;font-size:1.1rem}.example-refresh-btn{border:1.5px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:10px;margin:20px auto 0;padding:10px 22px;font-size:.95rem;font-weight:700;transition:all .15s;display:block}.example-refresh-btn:hover{background:var(--active-cell);border-color:var(--btn-primary)}.formula-hero-box-v2{background:var(--header-bg);text-align:center;border:3px solid var(--btn-primary);border-radius:20px;margin-bottom:24px;padding:36px}.formula-display-v2{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;margin-bottom:18px;font-size:3.2rem;font-weight:900;display:flex}.formula-group{flex-direction:column;align-items:center;display:flex}.formula-group .label-sub{opacity:.65;margin-top:-4px;font-size:.85rem;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:.45;padding-bottom:1.1rem}.formula-general-text{background:var(--active-cell);border-radius:10px;padding:8px 18px;font-size:1.3rem;font-weight:700;display:inline-block}.example-formula-box-v2{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);border-radius:18px;padding:26px}.example-formula-box-v2 .code-box{color:var(--btn-primary);margin:12px 0;font-family:monospace;font-size:2.2rem;font-weight:900}.trainer-scene-v2{justify-content:center;align-items:center}.trainer-card-v2{width:100%;max-width:480px}.task-header-v2{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.task-header-v2 h2{color:var(--btn-primary);font-size:1.3rem}.task-display-v2{text-align:center;margin:18px 0;font-size:3.2rem;font-weight:900}.dual-input-v2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.input-block-v2{background:var(--header-bg);text-align:center;border:2px solid var(--border-color);cursor:pointer;border-radius:12px;padding:14px;transition:all .15s}.input-block-v2 label{text-transform:uppercase;opacity:.6;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.input-block-v2.active{border-color:var(--btn-primary);background:var(--card-bg)}.input-block-v2.success{border-color:var(--success-color,#16a34a);background:#16a34a0f}.val-box{font-size:2rem;font-weight:800}.numpad-grid-v2 button{border:1px solid var(--border-color);background:var(--header-bg);height:58px;color:var(--text-color);cursor:pointer;border-radius:10px;font-size:1.5rem;font-weight:700;transition:all .1s}.numpad-grid-v2 button:active{transform:translateY(2px)}.numpad-grid-v2 button.util{opacity:.8;font-size:1.1rem}.trainer-actions{margin-top:6px}.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:16px;font-size:1.1rem;font-weight:800;transition:all .15s}.check-btn-v2:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.check-btn-v2:not(:disabled):active{box-shadow:0 2px 0 var(--btn-hover);transform:translateY(2px)}.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:14px;font-size:1rem;font-weight:800;transition:all .15s}.feedback-row-v2{text-align:center;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:.95rem;font-weight:700}.feedback-row-v2.ok{color:var(--success-color,#16a34a);background:#16a34a1a}.feedback-row-v2.error{color:#ef4444;background:#ef44441a}@media (prefers-color-scheme:dark){.column-grid-area{background:#0f172a}.grid-cell-v2{color:#f1f5f9;background:#1e293b;border-color:#334155}.cell-given{color:#fff!important;background:#111827!important;border-color:#475569!important}.grid-cell-v2.border-bottom{border-bottom-color:#e2e8f0!important}.grid-cell-v2.border-left{border-left-color:#e2e8f0!important}.cell-state-ok{color:#4ade80!important;background:#22c55e26!important}.cell-state-error{color:#f87171!important;background:#ef444440!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-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.theory-card{border:2px solid #e2e8f0;border-radius:16px;padding:25px}.theory-card.numeric{background: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}.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}.check-btn,.next-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;padding:15px;font-size:1.2rem;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)}.segment-split-header{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}.feedback-msg.ok{color:#22c55e}.feedback-msg.error{color:#ef4444}.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}.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}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:850px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;margin:0 auto;padding:30px}.task-display-v2{background:var(--header-bg);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;margin-bottom:25px;padding:25px;display:flex}.trainer-input-area-v2{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.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}.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.purple{background:#7c3aed}.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.5rem;font-weight:700;display:inline-block}.theory-hint{color:var(--text-muted);font-style:italic}@media (height<=800px){.trainer-header-v2 h2{display:none}}.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:250px;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:150px}.rect-info-v2{color:var(--text-muted);margin-top:10px;font-weight:700}@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;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;padding:10px;display:grid}.area-nav button{color:var(--text-color);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:12px;font-weight:600;transition:all .2s;overflow:hidden}.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}.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}.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}.theory-details{text-align:left;display:inline-block}.detail-item{align-items:center;gap:10px;margin-bottom:10px;font-size:1.1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.green{background:#22c55e}.dot.blue{background:#3b82f6}.units-grid-v2{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.unit-card-v2{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:20px;font-size:1.1rem}.unit-card-v2 b{color:var(--btn-primary)}.dm-viz{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.viz-col{flex:1;min-width:250px}.viz-col h4{color:var(--text-color);margin-bottom:10px}.dm-svg{flex-shrink:0;width:200px;height:200px}.conversions-box-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:20px;margin-top:30px;padding:25px}.conversions-box-v2 h4{margin-bottom:15px}.conversions-box-v2 ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.conversions-box-v2 li{color:var(--text-muted);font-family:Consolas,monospace;font-size:1.1rem}.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}.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;margin-bottom:10px;font-size:2.5rem;font-weight:700;display:flex}.ans-display-v2 .unit{color:var(--text-muted);margin-left:10px;font-size:1.5rem}.main-action-row-v2{width:100%;max-width:350px;margin-top:10px}@media (prefers-color-scheme:dark){.chart-box-v2{background:#1e293b}.area-demo-svg text{fill:#cbd5e1}.conversions-box-v2{background:#1e293b;border-color:#334155}}.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}.formula-v2{font-family:Consolas,monospace;font-size:2rem;font-weight:700}.demo-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:30px}.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:120px;padding:12px;font-size:1.1rem}.demo-res{color:var(--text-muted);font-size:1.2rem}.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;margin:0 auto!important}.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}.rule-card ul{margin-top:10px;padding-left:20px;list-style-type:none}.rule-card li{margin-bottom:5px;position:relative}.rule-card li:before{content:"•";color:var(--text-muted);position:absolute;left:-15px}.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{flex-wrap:wrap;justify-content:center;gap:10px;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;flex:1;min-width:150px;max-width:300px;padding:12px 16px;font-weight:700;transition:all .2s}.mode-btn.active{border-color:var(--btn-primary);background:var(--header-bg);transform:scale(1.05)}.trainer-layout{flex-direction:column;gap:30px;display:flex}.trainer-main{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.trainer-main p{text-align:center;width:100%;margin-bottom:10px;font-size:1.5rem}.trainer-side{flex-flow:wrap;justify-content:center;gap:20px;width:100%;display:flex}.remember-card{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);text-align:left;border-radius:16px;flex:1;min-width:250px;max-width:500px;padding:20px}.remember-card h4{color:var(--panel-blue-text-strong);margin-top:0;margin-bottom:10px}.remember-card p{margin:5px 0}.task-number{color:var(--btn-primary);margin:20px 0;font-size:5rem;font-weight:700}.divisors-grid{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;margin-bottom:25px;display:flex}.div-toggle{border:3px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:16px;flex-shrink:0;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%;max-width:400px;margin:0 auto;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}.scene-content{flex-direction:column;gap:25px;max-width:900px;margin:0 auto;animation:.3s ease-out fadeIn;display:flex}.theory-card-v2{text-align:center;border:2px solid #0000;border-radius:20px;padding:25px}.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;font-size:1.4rem}.ex-list{opacity:.9;margin-top:15px;font-weight:700}.intro-card-v2{background:var(--header-bg);text-align:center;border-radius:16px;padding:20px}.method-box-v2{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:30px}.method-box-v2 h3{text-align:center;margin-bottom:20px}.steps-list{flex-direction:column;gap:15px;max-width:700px;margin:0 auto;display:flex}.step-item{background:var(--bg-color);border:1px solid #0000;border-radius:12px;align-items:center;gap:20px;padding:15px 20px;display:flex}.step-num{background:var(--btn-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-desc{text-align:left;font-size:1rem;line-height:1.5}.tricky-examples{border-top:1px solid var(--border-color);margin-top:30px;padding-top:25px}.tricky-examples h4{color:var(--panel-error-text);text-align:center;margin-bottom:15px}.tricky-examples ul{flex-wrap:wrap;justify-content:center;gap:12px;padding:0;list-style:none;display:flex}.tricky-examples li{background:var(--panel-error-bg);color:var(--panel-error-text);border:1px solid var(--panel-error-border);border-radius:20px;padding:10px 18px;font-weight:500}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);max-width:800px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex-direction:column;flex:1;padding:30px;display:flex}.trainer-header-v2{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}.trainer-header-v2 h2{margin:0}.score-v2{background:var(--bg-color);border-radius:12px;padding:8px 16px;font-size:1.2rem;font-weight:700}.diff-toggle-v2{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.diff-toggle-v2 button{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:25px;padding:10px 24px;font-weight:600;transition:all .2s}.diff-toggle-v2 button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:scale(1.05)}.trainer-body-row{align-items:stretch;gap:30px;display:flex}.trainer-main-col{flex-direction:column;justify-content:center;transition:flex .3s;display:flex}.trainer-hint-col{background:var(--bg-color);border:1px dashed var(--border-color);border-radius:16px;flex:1;padding:20px;font-size:.95rem;animation:.3s ease-out fadeIn}.trainer-hint-col h4{color:var(--text-muted);text-align:center;margin-top:0;margin-bottom:15px}.hint-list-v2{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hint-list-v2 li{background:var(--card-bg);border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .2s;display:flex}.hint-list-v2 li span{background:var(--bg-color);border:1px solid var(--border-color);text-align:center;border-radius:6px;min-width:40px;padding:2px 8px;font-family:monospace;font-weight:700}.hint-list-v2 li.active-hint{background:var(--panel-green-bg);color:var(--panel-green-text);border:1px solid var(--panel-green-border)}.tricky-hint{border-top:1px solid var(--border-color);color:var(--panel-error-text);text-align:center;margin-top:10px;padding-top:10px;font-size:.9rem}.task-num-display-v2{text-align:center;color:var(--btn-primary);margin:10px 0 30px;font-family:Consolas,monospace;font-size:6rem;font-weight:700;line-height:1}.dual-btns-v2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.type-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;padding:20px;font-size:1.3rem;font-weight:700;transition:transform .1s,opacity .2s;display:flex}.type-btn-v2:active{transform:scale(.98)}.type-btn-v2.prime{background:#22c55e;box-shadow:0 4px #15803d}.type-btn-v2.prime:active{box-shadow:none;transform:translateY(4px)}.type-btn-v2.comp{background:#ea580c;box-shadow:0 4px #9a3412}.type-btn-v2.comp:active{box-shadow:none;transform:translateY(4px)}.next-btn-v2{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:16px;width:100%;margin-bottom:20px;padding:18px;font-size:1.2rem;font-weight:700;box-shadow:0 4px #15803d}.next-btn-v2:active{box-shadow:none;transform:translateY(4px)}.feedback-row-v2{text-align:center;min-height:1.5em;margin-bottom:15px;font-size:1.1rem;font-weight:700}.hint-toggle-wrapper{justify-content:center;display:flex}.hint-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:.9rem;text-decoration:underline}.hint-toggle-btn:hover{color:var(--text-color)}.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);text-align:center;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}.step-item{background:#1e293b}.trainer-hint-col{background:#1e293b;border-color:#334155}.hint-list-v2 li{background:#0f172a}.hint-list-v2 li span{background:#1e293b;border-color:#334155}.hint-list-v2 li.active-hint{color:#dcfce7;background:#064e3b;border-color:#065f46}}@media (width<=768px){.trainer-body-row{flex-direction:column}.trainer-hint-col{width:100%}}.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)}.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}.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-green{background:var(--panel-green-bg);border-color:var(--panel-green-border);color:var(--panel-green-text)}.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}.theory-card-v2{border:1px solid var(--border-color);text-align:center;border-radius:24px;margin-bottom:30px;padding:30px}.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}.task-display-v2{background:var(--header-bg);text-align:center;color:var(--btn-primary);border-radius:20px;margin-bottom:25px;padding:25px;font-family:Consolas,monospace;font-size:2.5rem;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}.input-area-special{flex-direction:column;align-items:center;gap:15px;display:flex}.impossible-btn-v2{border:2px solid var(--panel-error-border);background:var(--bg-color);width:100%;max-width:320px;color:var(--panel-error-text);cursor:pointer;border-radius:12px;padding:15px;font-size:1rem;font-weight:700;transition:all .2s}.impossible-btn-v2:hover:not(:disabled){background:var(--panel-error-bg)}.impossible-btn-v2:disabled{opacity:.5;cursor:not-allowed}@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);--bar-bg:#f1f5f9;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{flex-wrap:wrap;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{flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;display:flex}.bar-cell-v2{border:2px solid;border-radius:4px;flex-shrink:0}.sign-v2{color:var(--text-muted);font-size:3rem;font-weight:700}.fraction-v2.tiny{font-size:1.1rem}.compare-display-v2{background:var(--header-bg);border-radius:24px;justify-content:center;align-items:center;gap:40px;margin-bottom:30px;padding:30px;display:flex;overflow-x:auto}.frac-box-v2{flex-direction:column;align-items:center;gap:20px;min-width:120px;max-width:45%;display:flex}.sign-box-v2{background:var(--card-bg);border:3px solid var(--btn-primary);width:80px;height:80px;color:var(--btn-primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:3rem;font-weight:700;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}.feedback-row-v2{text-align:center;margin-top:15px;font-size:1.2rem;font-weight:700}@media (prefers-color-scheme:dark){.compare-frac-container{--bar-bg:#0f172a}.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-card-v2.green{color:#15803d;background:#dcfce7;border-color:#86efac}.theory-card-v2.red{background:var(--panel-error-bg);border-color:var(--panel-error-border);color:var(--panel-error-text)}.theory-card-v2 h3{margin-top:0}.formula-v2{margin-top:10px;font-family:Consolas,monospace;font-size:1.2rem;font-weight:700}.fraction-v2{vertical-align:middle;flex-direction:column;align-items:center;padding:0 5px;display:inline-flex}.fraction-v2 .num{border-bottom:2px solid;padding:0 4px;font-weight:700}.fraction-v2 .den{padding:0 4px;font-weight:700}.fraction-v2.small{font-size:1.2rem}.bar-stack-v2{flex-direction:column;gap:5px;margin:10px 0;display:flex}.bar-row-v2{gap:4px;display:flex}.bar-cell-v2{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.bar-cell-v2.filled{color:#fff;background:currentColor}.task-display-v2{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}.frac-box-v2{align-items:center;gap:30px;display:flex}.compare-box-v2{align-items:center;gap:20px;font-size:2rem;font-weight:700;display:flex}.sign-box-v2{border:3px solid var(--btn-primary);width:60px;height:60px;color:var(--btn-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.sign-box-v2.ok{color:#15803d;border-color:#22c55e}.sign-box-v2.error{border-color:var(--panel-error-border);color:var(--panel-error-text)}.action-area-v2{width:100%;margin-top:20px}.choice-btns-v2{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.choice-btn-v2{cursor:pointer;text-align:center;border:none;border-radius:16px;padding:25px;font-size:1.4rem;font-weight:700;transition:all .2s}.choice-btn-v2.green{color:#15803d;background:#dcfce7}.choice-btn-v2.red{background:var(--panel-error-bg);color:var(--panel-error-text)}.choice-btn-v2.circle{background:var(--header-bg);width:80px;height:80px;color:var(--text-color);border:2px solid var(--border-color);border-radius:50%;place-items:center;margin:0 auto;font-size:2rem;display:grid}.choice-btn-v2:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.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}.feedback-row-v2{text-align:center;min-height:30px;margin:15px 0;font-size:1.2rem;font-weight:700}.theory-flex-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.theory-text{flex:1}.theory-viz{flex-shrink:0}.formula-box{margin-top:10px}.formula-text{background:#ffffff80;border-radius:4px;padding:4px 8px;font-family:Consolas,monospace;font-size:1.4rem;font-weight:700}.compare-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.compare-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.frac-group,.unit-group{flex-direction:column;align-items:center;gap:15px;display:flex}.unit-one{font-family:Segoe UI,sans-serif;font-size:3.5rem;font-weight:700;line-height:1}.choice-btns-v2.compare-mode{grid-template-columns:repeat(3,1fr)}.choice-btn-v2.compare-btn{background:var(--header-bg);border:2px solid var(--border-color);border-radius:16px;place-items:center;padding:15px;font-size:2.5rem;line-height:1;display:grid}.choice-btn-v2.compare-btn:hover{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:translateY(-4px);box-shadow:0 8px 16px #00000026}@media (prefers-color-scheme:dark){.theory-card-v2.green{color:#4ade80;background:#064e3b}.theory-card-v2.red{color:#f87171;background:#7f1d1d}.choice-btn-v2.green{color:#4ade80;background:#064e3b}.choice-btn-v2.red{color:#f87171;background:#7f1d1d}.choice-btn-v2.circle{background:#1e293b;border-color:#334155}.choice-btn-v2.compare-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}.choice-btn-v2.compare-btn:hover{background:var(--btn-primary);border-color:var(--btn-primary);color:#fff}.formula-text{background:#0003}}.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}.task-display-v2{background:var(--header-bg);border-radius:20px;margin-bottom:25px;padding:30px}.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}.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}.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}}:root{--p38-bg:#0f172a;--p38-card:#1e293bb3;--p38-accent:#38bdf8;--p38-success:#4ade80;--p38-error:#f87171;--p38-text:#f8fafc;--p38-text-muted:#94a3b8;--p38-border:#ffffff14;--p38-inner-bg:#0f172a80}@media (prefers-color-scheme:light){:root{--p38-bg:#f8fafc;--p38-card:#fffc;--p38-accent:#0ea5e9;--p38-success:#22c55e;--p38-error:#ef4444;--p38-text:#1e293b;--p38-text-muted:#64748b;--p38-border:#0000000d;--p38-inner-bg:#fff}}.p38-container{box-sizing:border-box;flex-direction:column;gap:15px;width:100%;min-height:calc(100vh - 40px);margin:0 auto;padding:20px 10px;display:flex}@media (width<=1100px){.p38-container{width:100%}}.p38-nav{background:var(--p38-card);border:1px solid var(--p38-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;gap:8px;padding:8px;display:flex}.p38-nav button{color:var(--p38-text-muted);cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;padding:12px;font-weight:700;transition:all .3s}.p38-nav button.active{background:var(--p38-accent);color:#fff;box-shadow:0 4px 15px #0ea5e933}.p38-main{background:var(--p38-card);border:1px solid var(--p38-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;flex:1;padding:35px;overflow-y:auto;box-shadow:0 20px 50px #0000001a}.p38-scene-content{animation:.5s ease-out p38FadeIn}@keyframes p38FadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h2{color:var(--p38-text);text-align:center;margin-bottom:30px;font-size:1.8rem;font-weight:800}.fraction-v3{vertical-align:middle;flex-direction:column;align-items:center;font-family:Consolas,monospace;font-weight:800;line-height:1;display:inline-flex}.fraction-v3.big{font-size:3.5rem}.fraction-v3.medium{font-size:2.2rem}.fraction-v3.small{font-size:1.6rem}.fraction-v3.mini{font-size:1rem}.fraction-v3 .num{border-bottom:3px solid;padding:0 6px}.fraction-v3 .den{padding:4px 6px 0}@media (prefers-color-scheme:light){.fraction-v3,.p38-ans-preview .fraction-v3{color:#1e293b}.p38-ans-preview .fraction-v3 .num{border-bottom-color:#1e293b}}.p38-theory-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:40px;display:grid}.p38-theory-card{border:1px solid var(--p38-border);background:var(--p38-inner-bg);text-align:center;border-radius:24px;padding:30px}.p38-theory-card h4{color:var(--p38-accent);text-align:center;margin-top:0;margin-bottom:15px;font-size:1.4rem}.p38-theory-card p{color:var(--p38-text-muted);text-align:center;font-size:1.05rem;line-height:1.6}.p38-formula{background:var(--p38-bg);border:1px solid var(--p38-border);border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:25px;padding:20px;display:flex}.p38-visual-example{background:var(--p38-inner-bg);border:1px solid var(--p38-border);text-align:center;border-radius:32px;padding:40px}.p38-example-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin-bottom:25px;display:flex}.p38-op{color:var(--p38-text-muted);font-size:2.5rem;font-weight:800}.p38-example-text{text-align:center;color:var(--p38-text);font-size:1.3rem;font-weight:700}@media (prefers-color-scheme:light){.p38-example-text{color:#1e293b}}.p38-trainer-layout{grid-template-columns:1fr 380px;gap:30px;display:grid}@media (width<=950px){.p38-trainer-layout{grid-template-columns:1fr}.p38-input-side{width:100%;max-width:450px;margin:0 auto}}.p38-task-side{background:var(--p38-inner-bg);border:1px solid var(--p38-border);border-radius:28px;padding:30px}.p38-header-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.p38-header-row h2{color:var(--p38-accent);margin:0;font-size:1.5rem}.p38-score-badge{background:var(--p38-bg);color:var(--p38-text-muted);border:1px solid var(--p38-border);border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:800}.p38-score-badge span{color:var(--p38-success)}.p38-task-box{background:var(--p38-bg);border:1px solid var(--p38-border);text-align:center;border-radius:24px;justify-content:center;margin-bottom:30px;padding:40px;display:flex}.p38-op-sign{color:var(--p38-text-muted);padding:0 10px;font-size:3rem;font-weight:800}.p38-expression{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.p38-op-small{color:var(--p38-text-muted);padding:0 6px;font-size:1.8rem;font-weight:800}.p38-pie-grid{background:var(--p38-bg);border:1px dashed var(--p38-border);border-radius:20px;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.p38-input-card{background:var(--p38-inner-bg);border:1px solid var(--p38-border);text-align:center;border-radius:28px;padding:30px;box-shadow:0 15px 35px #0000000d}.p38-input-card h3{color:var(--p38-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:20px;font-size:1.1rem}.p38-ans-preview{background:var(--p38-bg);border:2px solid var(--p38-border);border-radius:20px;justify-content:center;align-items:center;height:130px;margin-bottom:25px;display:flex}.p38-ans-preview.ok{border-color:var(--p38-success)}.p38-ans-preview.error{border-color:var(--p38-error)}.p38-controls{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.p38-control-group{justify-content:space-between;align-items:center;gap:15px;display:flex}.p38-control-group label{color:var(--p38-text-muted);font-size:.9rem;font-weight:700}.p38-stepper{background:var(--p38-bg);border:1px solid var(--p38-border);border-radius:12px;align-items:center;width:160px;padding:4px;display:flex}.p38-stepper button{background:var(--p38-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:36px;height:36px;font-size:1.2rem;font-weight:800}.p38-stepper button:hover{opacity:.9}.p38-stepper button:disabled{background:var(--p38-text-muted);cursor:not-allowed}.p38-val-box{color:var(--p38-text);flex:1;font-size:1.4rem;font-weight:800}.p38-btn-check{background:var(--p38-accent);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:800;transition:transform .2s}.p38-btn-check:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0ea5e94d}.p38-btn-next{background:var(--p38-success);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:800}.p38-feedback{margin-bottom:15px;font-size:1rem;font-weight:700}.p38-feedback.ok{color:var(--p38-success)}.p38-feedback.error{color:var(--p38-error)}.pie-container-v3{text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.pie-title-v3{color:var(--p38-text-muted);text-align:center;margin-bottom:5px;font-size:.75rem}.pie-frac-v3{text-align:center}.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:0;display:grid}.theory-grid-v2.single-col{border-bottom:0;grid-template-columns:1fr;margin-bottom:-3rem;padding-bottom:0}.theory-card-v2.gradient-blue{background:var(--panel-blue-bg);border-color:var(--panel-blue-border);color:var(--panel-blue-text)}.formula-v2.bright{background:var(--card-bg);border:2px dashed var(--btn-primary);border-radius:16px;padding:16px;font-weight:800}.theory-examples-v2{flex-direction:column;gap:10px;margin-top:14px;display:flex}.example-chip-v2{background:var(--header-bg);border:2px solid var(--btn-primary);text-align:center;border-radius:14px;padding:10px 12px;font-weight:800}.example-chip-v2.highlight{background:var(--panel-warn-bg);border-color:var(--panel-warn-border)}.borrow-steps-v2{background:var(--card-bg);border:2px dashed var(--btn-primary);text-align:center;border-radius:14px;flex-direction:column;gap:6px;padding:12px;font-weight:700;display:flex}.step-block-v2{text-align:left}.step-line-v2{justify-content:center;align-items:center;gap:6px;margin:6px 0;display:flex}.step-block-v2.centered{text-align:center}.eq-v2{font-weight:900}.eq-end-v2{margin-left:6px;font-weight:900}.visual-example-v2{background:var(--header-bg);border:1px solid var(--border-color);text-align:center;border-radius:24px;margin-top:10px;padding:22px}.visual-example-v2 .pie-row-v2{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:18px;padding:12px}.pie-row-v2{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.p39-op{color:var(--text-muted);font-size:2.5rem;font-weight:700}.score-v2{white-space:nowrap;font-size:1.05rem;font-weight:700}.p39-expr{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.p39-input-grid{text-align:center;grid-template-columns:1fr;justify-content:center;place-items:center;gap:0;width:100%;display:grid}.p39-user-ans{text-align:center;flex-direction:column;align-items:center;width:auto;margin:0 auto;display:inline-flex}.p39-ans-display{background:var(--card-bg);border:3px solid var(--btn-primary);box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;width:360px;max-width:360px;height:120px;margin:0 auto 25px;display:flex}@media (prefers-color-scheme:light){.addmixed-container{color:#0f172a;background:#f8fafc}.addmixed-nav,.addmixed-main,.trainer-card-v2{background:#fff;border-color:#e2e8f0}.theory-card-v2.gradient-blue{color:#0c4a6e;background:#e0f2fe;border-color:#7dd3fc}.theory-card-v2.orange{color:#7c2d12;background:#fff7ed;border-color:#fdba74}.formula-v2.bright,.example-chip-v2{background:#fff;border-color:#94a3b8}.visual-example-v2{background:#fff;border-color:#e2e8f0}.visual-example-v2 .pie-row-v2{background:#e5e16f;border-color:#a5cdff}.p39-op{color:#475569}}.p39-ans-display .mixed-num-v2.big{font-size:2.6rem}.p39-ans-display .fraction-part{font-size:.72em;line-height:1}.p39-ans-display.ok{background:var(--panel-green-bg);border-color:#22c55e;width:360px}.p39-ans-display.error{border-color:var(--panel-error-border);background:var(--panel-error-bg);width:360px}.p39-sliders{flex-direction:column;align-items:center;gap:16px;width:max-content;margin-bottom:25px;display:flex}.p39-slider-row{flex-direction:column;align-items:center;gap:8px;width:max-content;display:flex}.p39-slider-row label{color:var(--text-muted);text-align:center;font-weight:700}.p39-slider-control{justify-content:center;align-items:center;gap:8px;width:max-content;margin:0 auto;display:flex}.p39-slider-control button{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:10px;width:36px;height:36px;font-size:1.2rem;font-weight:700}.p39-slider-row input[type=range]{width:220px;accent-color:var(--btn-primary);height:26px}.p39-action-row{justify-content:center;width:100%;display:flex}.p39-check-btn,.p39-next-btn{cursor:pointer;color:#fff;border:none;border-radius:16px;width:auto;min-width:220px;padding:18px 24px;font-weight:700}.p39-check-btn{background:var(--btn-primary)}.p39-next-btn{background:#22c55e}.p39-visual{text-align:center;margin-top:8px}.p39-pies{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.p39-pie-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.p39-pie-caption{color:var(--text-muted);font-weight:700}.p39-feedback{text-align:center;align-self:center;width:100%;min-height:1.5em;margin-top:10px;font-size:1.05rem;font-weight:700}.p39-feedback.ok{color:#22c55e}.p39-feedback.error{color:#ef4444}@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}.p39-ans-display,.p39-pies,.visual-example-v2 .pie-row-v2{background:#0f172a;border-color:#334155}}.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(--header-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}.line-viz{justify-content:center;display:flex}.line-viz svg{cursor:pointer}.val-btns,.view-btns{align-items:center;gap:10px;display:flex}.val-btns button,.view-btns button{background:var(--ui-muted-bg);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex:1;height:45px;padding:0 10px;font-size:1rem;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}.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}.numpad-container-v2{width:100%;max-width:320px}@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)}}.zeros-trainer-content{flex-direction:column;align-items:center;width:100%;display:flex}.opt-btn{transition:all .2s}.opt-btn:hover:not(:disabled){border-color:var(--btn-primary)!important;background:var(--ui-muted-bg)!important}.opt-btn.correct{background:var(--panel-green-bg)!important;border-color:#22c55e!important}.opt-btn.muted{opacity:.5}.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}.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}.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}.trainer-v2{justify-content:center;display:flex}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);max-width:900px;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}.task-display-v2{background:var(--header-bg);text-align:center;border-radius:20px;margin-bottom:25px;padding:30px}.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}.placeholder{color:var(--text-muted)}.numpad-grid-v2{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-weight:700}.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}}.decimal-ops-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}.ops-left-panel,.ops-right-panel,.ops-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}.ops-left-panel{gap:20px;width:280px;overflow-y:auto}.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:8px;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:10px 15px;transition:all .2s;display:flex}.op-btn .op-icon{text-align:center;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:6px;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:8px 12px;font-size:.9rem}.diff-btn.active{background:var(--active-cell);border-color:var(--btn-primary);font-weight:600}.theory-block{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:10px;padding:12px}.theory-block h3{color:var(--btn-primary);margin:0 0 8px;font-size:.9rem}.theory-block ul{margin:0;padding-left:18px;font-size:.8rem;line-height:1.4}.theory-block li{margin-bottom:4px}.ops-center-panel{flex:1;min-width:500px}.center-header{justify-content:space-between;align-items:center;margin-bottom:20px;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;position:relative;overflow:auto}.math-grid{flex-direction:column;gap:0;font-family:Consolas,Monaco,monospace;font-size:2.8rem;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-empty{background:0 0!important;border:none!important}.cell-given{color:var(--text-color);background:var(--header-bg);font-weight:700}.cell-input{background:var(--card-bg);border-style:dashed}.cell-op{color:var(--btn-primary);background:0 0;border:none;font-weight:700}.comma-mark{color:#ea580c;pointer-events:none;z-index:5;font-size:1.4rem;font-weight:700;position:absolute;bottom:2px;right:-6px}.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}.feedback-banner{border-radius:12px;justify-content:center;align-items:center;height:50px;font-size:1.3rem;font-weight:700;display:flex}.feedback-banner.ok{color:#4caf50;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounce-in}.feedback-banner.error{color:#f44336}.feedback-banner.warn{color:#ff9800}.ops-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:80px;color:var(--text-color);cursor:pointer;box-shadow:0 4px 0 var(--border-color);border-radius:16px;font-size:2.2rem;font-weight:600;transition:all .1s}.big-num-btn:active{box-shadow:none;transform:translateY(4px)}.big-num-btn:hover{background:var(--header-bg)}.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)}.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:.85rem;line-height:1.4}@media (prefers-color-scheme:dark){.decimal-ops-container{background:#000}.ops-left-panel,.ops-right-panel,.ops-center-panel{background:#0f172a;border-color:#334155}.grid-cell{color:#fff;background:#111827;border-color:#374151}.cell-given{color:#fff!important;background:#1e293b!important;border:2px solid #3b82f6!important}.cell-input{background:#000;border-style:dashed;border-color:#4b5563}.cell-active{color:#fff!important;background:#1e3a8a!important;border-color:#60a5fa!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}}.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:800px;margin:0 auto;animation:.3s ease-out fadeIn}h2{color:var(--btn-primary);text-align:center;margin-bottom:20px;font-size:1.8rem}.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)}.intro-card-v2 p{margin-bottom:15px;font-size:1.2rem}.formula-box-v2{text-align:center;border:2px solid var(--btn-primary);color:var(--text-color);background:#fff;border-radius:12px;padding:15px;font-size:1.5rem;font-weight:700}.formula-box-v3{border:2px solid var(--btn-primary);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:20px;display:flex;box-shadow:0 4px 10px #0000000d}.formula-part{color:var(--text-color);font-size:1.4rem;font-weight:700}.formula-eq{color:var(--text-muted);font-size:1.8rem;font-weight:700}.formula-fraction{flex-direction:column;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.frac-num{border-bottom:2px solid var(--btn-primary);color:#d97706;padding-bottom:5px}.frac-den{color:#16a34a;padding-top:5px}.theory-grid-v2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.theory-card-v2{border:1px solid var(--border-color);border-radius:20px;padding:25px}.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)}.theory-card-v2 h4{margin:0 0 10px;font-size:1.1rem}.math-v2{border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:8px;margin-top:10px;padding:10px;font-family:Consolas,monospace;font-size:1.3rem}.trainer-v2{justify-content:center;width:100%;display:flex}.trainer-card-v2{background:var(--card-bg);border:1px solid var(--border-color);max-width:600px;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}.score-v2{font-size:1.2rem;font-weight:700}.score-v2 span{color:#4caf50}.task-display-v2{text-align:center;width:100%;margin-bottom:30px}.task-nums-v2{overflow-wrap:break-word;margin-bottom:20px;font-size:1.8rem;line-height:1.4}.task-desc-v2{margin-bottom:10px;font-size:1.3rem}.question-v2{color:var(--btn-primary);margin-bottom:20px;font-size:1.4rem;font-weight:700}.ans-display-v2{background:var(--header-bg);border:3px solid var(--btn-primary);border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:300px;height:70px;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)}.input-section-v2{width:100%;max-width:320px}.numpad-container-v2{width:100%}.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-size:1.1rem;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:15px;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){.intro-card-v2,.theory-card-v2{background:#1e293b;border-color:#334155}.formula-box-v2,.formula-box-v3,.math-v2,.ans-display-v2{background:#0f172a;border-color:#334155}.ans-display-v2.ok{background:#064e3b;border-color:#22c55e}.ans-display-v2.error{background:#450a0a;border-color:#ef4444}.numpad-grid-v2 button{color:#fff;background:#1e293b;border-color:#334155}.numpad-grid-v2 button.util{background:#334155}}:root{--p01-bg:#0f172a;--p01-card:#1e293b;--p01-inner:#0f172a;--p01-text:#f1f5f9;--p01-text-muted:#94a3b8;--p01-border:#334155;--p01-display-bg:#000;--p01-key-bg:#334155;--p01-key-shadow:#1e293b;--p01-accent-blue:#38bdf8;--p01-accent-purple:#c084fc;--p01-accent-green:#4ade80;--p01-accent-yellow:#facc15;--p01-success:#22c55e;--p01-error:#ef4444}@media (prefers-color-scheme:light){:root{--p01-bg:#f1f5f9;--p01-card:#fff;--p01-inner:#f8fafc;--p01-text:#0f172a;--p01-text-muted:#64748b;--p01-border:#cbd5e1;--p01-display-bg:#f8fafc;--p01-key-bg:#e2e8f0;--p01-key-shadow:#cbd5e1;--p01-accent-blue:#0284c7;--p01-accent-purple:#7e22ce;--p01-accent-green:#15803d;--p01-accent-yellow:#b45309;--p01-success:#16a34a;--p01-error:#dc2626}}.g6-p01-wrapper{box-sizing:border-box;max-width:100%;color:var(--p01-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p01-top-nav{background:var(--p01-card);border:1px solid var(--p01-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p01-nav-btn{min-width:120px;color:var(--p01-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:1;padding:12px 16px;font-size:.95rem;font-weight:700;transition:all .2s}.g6-p01-nav-btn:hover{color:var(--p01-text);background:#0000000d}.g6-p01-nav-btn.active{background:var(--p01-accent-blue);color:#fff;box-shadow:0 4px 12px #0000001a}.g6-p01-main-content{background:var(--p01-card);border:1px solid var(--p01-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p01-theory-tabs{background:var(--p01-inner);border:1px solid var(--p01-border);border-radius:14px;gap:8px;margin-bottom:25px;padding:6px;display:inline-flex}.g6-p01-tab-link{cursor:pointer;color:var(--p01-text-muted);-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px 24px;font-weight:700;transition:all .2s}.g6-p01-tab-link.active{background:var(--p01-accent-blue);color:#fff}.g6-p01-theory-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.g6-p01-info-card{background:var(--p01-inner);border:2px solid var(--p01-border);border-radius:20px;padding:24px}.card-blue{border-color:var(--p01-accent-blue)}.card-blue h3{color:var(--p01-accent-blue)}.card-purple{border-color:var(--p01-accent-purple)}.card-purple h3{color:var(--p01-accent-purple)}.card-green{border-color:var(--p01-accent-green)}.card-green h3{color:var(--p01-accent-green)}.g6-p01-fraction-ui{vertical-align:middle;text-align:center;color:var(--p01-text);flex-direction:column;margin:0 6px;font-size:.9em;font-weight:700;display:inline-flex}.g6-p01-fraction-line{border-top:2px solid;padding-top:2px;display:block}.g6-p01-formula-box{color:var(--p01-accent-yellow);text-align:center;border:2px dashed var(--p01-accent-yellow);background:#0000000d;border-radius:12px;margin:15px 0;padding:16px;font-size:1.4rem;font-weight:800}@media (prefers-color-scheme:dark){.g6-p01-formula-box{background:#0000004d}}.g6-p01-grid100{background:var(--p01-border);border-radius:6px;grid-template-columns:repeat(10,1fr);gap:2px;width:200px;margin:15px auto;padding:4px;display:grid}.g6-p01-cell{aspect-ratio:1;background:var(--p01-card)}.g6-p01-cell.active{background:var(--p01-success)}.g6-p01-cell.accent{background:#22c55e33}.g6-p01-fast-viz{background:var(--p01-card);border:1px solid var(--p01-border);border-radius:15px;justify-content:space-around;margin:20px 0;padding:15px;display:flex}.g6-p01-circle{border:3px solid var(--p01-accent-green);background:var(--p01-inner);border-radius:50%;width:60px;height:60px;margin:0 auto 8px;position:relative;overflow:hidden}.g6-p01-sector{background:var(--p01-accent-green);width:100%;height:100%;position:absolute;top:0;left:0}.g6-p01-convert-flow{background:var(--p01-inner);border:1px solid var(--p01-border);border-radius:12px;justify-content:center;align-items:center;gap:15px;margin:15px 0;padding:15px;font-size:1.3rem;font-weight:800;display:flex}.g6-p01-arrow{color:var(--p01-accent-purple)}.g6-p01-practice-grid{grid-template-columns:1fr 380px;gap:40px;display:grid}.g6-p01-score{background:var(--p01-inner);color:var(--p01-accent-blue);border:1px solid var(--p01-border);border-radius:99px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-block}.g6-p01-display-area{background:var(--p01-display-bg);height:90px;color:var(--p01-accent-blue);border:2px solid var(--p01-border);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;font-size:3rem;font-weight:700;display:flex}.g6-p01-numpad-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.g6-p01-key{background:var(--p01-key-bg);height:65px;color:var(--p01-text);cursor:pointer;box-shadow:0 4px 0 var(--p01-key-shadow);border:none;border-radius:16px;font-size:1.6rem;font-weight:700;transition:all .1s}.g6-p01-key:active{box-shadow:0 2px 0 var(--p01-key-shadow);transform:translateY(2px)}.g6-p01-key.action{background:var(--p01-border);color:var(--p01-accent-yellow)}.g6-p01-btn-main{background:var(--p01-success);color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;margin-top:20px;padding:20px;font-size:1.3rem;font-weight:800;box-shadow:0 4px #0003}.g6-p01-btn-main:active{transform:translateY(2px);box-shadow:0 2px #0003}.g6-p01-viz-bar{background:var(--p01-inner);border:1px solid var(--p01-border);border-radius:10px;height:20px;overflow:hidden}.g6-p01-viz-fill{background:linear-gradient(90deg, var(--p01-accent-blue), var(--p01-accent-green));height:100%;transition:width .6s ease-out}.g6-p01-feedback-msg{text-align:center;border-radius:12px;margin-top:20px;padding:15px;font-weight:700}.g6-p01-feedback-msg.correct{color:var(--p01-success);border:1px solid var(--p01-success);background:#22c55e1a}.g6-p01-feedback-msg.wrong{color:var(--p01-error);border:1px solid var(--p01-error);background:#ef44441a}@media (width<=1100px){.g6-p01-wrapper{width:100%;padding:10px}.g6-p01-practice-grid{grid-template-columns:1fr}}.grade6-placeholder{background:var(--card-bg,#ffffff08);border:1px solid var(--card-border,#ffffff1a);color:var(--text-color,#e8e8e8);border-radius:16px;padding:24px;line-height:1.6;box-shadow:0 10px 24px #00000026}.grade6-placeholder h3{color:var(--accent-color,#ffd369);margin:0 0 12px;font-size:24px}.grade6-placeholder p{color:var(--text-muted,#d7d7d7);margin:0;font-size:16px}.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%}}