@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}.trainer-split{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.trainer-left,.trainer-right{flex-direction:column;align-items:center;width:100%;display:flex}.trainer-header{flex-direction:column;align-items:center;gap:15px;width:100%;margin-bottom:20px;display:flex}.trainer-header h2{text-align:center;margin:0;font-size:1.8rem}.score-pill{background:var(--header-bg);border:1px solid var(--border-color);color:#4caf50;border-radius:20px;padding:8px 20px;font-size:1.1rem;font-weight:700}.task-display{background:var(--header-bg);text-align:center;border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:25px;padding:25px;font-family:Courier New,monospace;font-size:2.2rem;font-weight:700}.input-section{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:320px;display:flex}.rule-card{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);box-sizing:border-box;border-radius:16px;width:100%;padding:20px}.rule-card h4{color:var(--panel-blue-text);text-align:center;margin-top:0;margin-bottom:10px}.rule-card p{text-align:center;margin-bottom:10px;font-size:.95rem}.rule-card ul{flex-direction:column;align-items:center;margin:0;padding-left:0;list-style:none;display:flex}@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-layout{flex-direction:column;align-items:center;gap:30px;display:flex}.trainer-main{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.trainer-side{width:100%;max-width:600px}.task-display{background:var(--header-bg);white-space:nowrap;scrollbar-width:thin;border-radius:12px;width:100%;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}.input-section{flex-direction:column;align-items:center;width:100%;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%;max-width:300px;height:80px;margin-bottom:20px;font-size:2.5rem;font-weight:700;display:flex;position:relative}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;margin-bottom: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 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.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 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}.input-grid-v2{grid-template-columns:1fr 300px;gap:30px;display:grid}.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;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.charts-nav button:hover{background:var(--header-bg);border-color:var(--border-color);box-shadow:0 6px 14px var(--card-shadow);transform:translateY(-1px)}.charts-nav button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);box-shadow:0 8px 18px #2563eb33}.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-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-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}.ans-display-v2{background:var(--card-bg);border:2px solid var(--btn-primary);border-radius:12px;justify-content:center;align-items:center;width:100%;height:60px;font-size:2rem;font-weight:700;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}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-weight:700}@media (prefers-color-scheme:dark){.intro-card-v2,.theory-card-v2,.task-display-v2,.svg-box-v2,.grid-box-v2,.pv-container-v2,.pv-line-box,.zoomable-line-container,.control-group,.panel{background:#1e293b;border-color:#334155}.pv-ctrl{background:#0f172a;border-color:#334155}.pv-ctrl button{color:#fff;background:#334155;border-color:#475569}.ans-display-v2,.val-btns,.view-btns{background:#0f172a;border-color:#334155}.val-btns button,.view-btns button{color:#fff;background:#334155}.current-val{color:#60a5fa;background:#0f172a}.scale-btns button{color:#fff;background:#334155;border-color:#475569}.scale-btns button.active{background:var(--btn-primary);border-color:var(--btn-primary)}}.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{background:var(--card-bg);border:1px solid var(--border-color);max-width:750px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex:1;padding:30px}.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}.theory-viz-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;align-items:center;margin:30px 0;padding:20px;display:flex}.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-direction:column;flex:1;padding:30px;display:flex}.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}.highlight-digit{color:#ea580c;text-shadow:0 2px 4px #ea580c4d;border-bottom:4px solid #ea580c;margin:0 2px;display:inline-block;transform:scale(1.2)}.input-grid-v2{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.input-panel-v2{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:400px;display:flex}.ans-display-v2{background:var(--card-bg);border:3px solid var(--btn-primary);box-sizing:border-box;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}.numpad-grid-v2 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;transition:background .2s}.numpad-grid-v2 button:active{transform:translateY(2px)}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;fontSize:1.1rem;border:none;border-radius:16px;width:100%;padding:18px;font-weight:700}.viz-panel-v2{flex-direction:column;gap:20px;width:100%;display:flex}.viz-box-v2{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:20px;width:100%;padding:20px}.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,.theory-viz-container{background:#1e293b;border-color:#334155}.ans-display-v2{background:#0f172a}.numpad-grid-v2 button{color:#fff;background:#334155}.highlight-digit{color:#fb923c;text-shadow:0 2px 4px #fb923c4d;border-color:#fb923c}}.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}.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);border-radius:2px;transition:background .3s,transform .3s}.g6-p01-cell.active{background:var(--p01-success);transform:scale(1.05)}.g6-p01-cell.animate{animation:.3s forwards g6-p01-cell-pop}@keyframes g6-p01-cell-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1.05)}}.g6-p01-pie-container{margin:10px auto;position:relative}.g6-p01-pie-bg{fill:none;stroke:var(--p01-border);stroke-width:10px}.g6-p01-pie-fill{fill:none;stroke:var(--p01-success);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.g6-p01-pie-label{color:var(--p01-text);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p01-bar-visual{background:var(--p01-inner);border:2px solid var(--p01-border);border-radius:15px;height:30px;margin:10px 0;position:relative;overflow:hidden}.g6-p01-bar-fill{border-radius:15px;height:100%;transition:width .6s ease-out}.g6-p01-bar-blue .g6-p01-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.g6-p01-bar-green .g6-p01-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.g6-p01-bar-purple .g6-p01-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.g6-p01-bar-orange .g6-p01-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.g6-p01-bar-label{color:var(--p01-text);text-shadow:0 1px 2px #0003;font-size:.85rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p01-visual-demo{flex-direction:column;gap:10px;margin-top:15px;display:flex}.g6-p01-solution-card{background:var(--p01-inner);border:2px solid var(--p01-accent-yellow);border-radius:12px;margin-top:15px;padding:15px;animation:.3s ease-out g6-p01-slide-in}@keyframes g6-p01-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.g6-p01-solution-card h4{color:var(--p01-accent-yellow);margin:0 0 10px;font-size:1rem}.g6-p01-solution-steps{flex-direction:column;gap:8px;margin-top:10px;display:flex}.g6-p01-solution-steps .step{border-left:3px solid var(--p01-accent-blue);background:#0000000d;border-radius:8px;padding:10px;font-size:.95rem}.g6-p01-hint-btn{border:2px dashed var(--p01-accent-yellow);width:100%;color:var(--p01-accent-yellow);cursor:pointer;background:#facc151a;border-radius:10px;margin-top:15px;padding:12px;font-weight:700;transition:all .2s}.g6-p01-hint-btn:hover{background:#facc1533;transform:translateY(-2px)}.g6-p01-slider{width:100%;accent-color:var(--p01-accent-blue);cursor:pointer;height:6px;margin:4px 0}.g6-p01-grid-tooltip{text-align:center;color:var(--p01-accent-blue);margin-top:4px;font-size:.85rem;font-weight:700}.g6-p01-fast-viz{background:var(--p01-card);border:1px solid var(--p01-border);border-radius:15px;flex-wrap:wrap;justify-content:space-around;gap:12px;margin:20px 0;padding:15px;display:flex}.g6-p01-circle-wrap{flex-direction:column;align-items:center;gap:6px;font-size:.95rem;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}}:root{--p02-bg:#0f172a;--p02-card:#1e293b;--p02-inner:#0f172a;--p02-text:#f1f5f9;--p02-text-muted:#94a3b8;--p02-border:#334155;--p02-key-bg:#334155;--p02-key-shadow:#1e293b;--p02-accent-blue:#38bdf8;--p02-accent-purple:#c084fc;--p02-accent-green:#4ade80;--p02-accent-yellow:#facc15;--p02-success:#22c55e;--p02-error:#ef4444}@media (prefers-color-scheme:light){:root{--p02-bg:#f1f5f9;--p02-card:#fff;--p02-inner:#f8fafc;--p02-text:#0f172a;--p02-text-muted:#64748b;--p02-border:#cbd5e1;--p02-key-bg:#e2e8f0;--p02-key-shadow:#cbd5e1;--p02-accent-blue:#0284c7;--p02-accent-purple:#7e22ce;--p02-accent-green:#15803d;--p02-accent-yellow:#b45309;--p02-success:#16a34a;--p02-error:#dc2626}}.g6-p02-wrapper{box-sizing:border-box;max-width:100%;color:var(--p02-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p02-top-nav{background:var(--p02-card);border:1px solid var(--p02-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p02-nav-btn{min-width:120px;color:var(--p02-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-p02-nav-btn:hover{color:var(--p02-text);background:#0000000d}.g6-p02-nav-btn.active{background:var(--p02-accent-blue);color:#fff;box-shadow:0 4px 12px #0000001a}.g6-p02-main-content{background:var(--p02-card);border:1px solid var(--p02-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p02-theory-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.g6-p02-card-full{grid-column:span 2}.g6-p02-info-card{background:var(--p02-inner);border:2px solid var(--p02-border);border-radius:20px;padding:24px}.g6-p02-info-card h3{margin-bottom:12px;font-size:1.15rem}.g6-p02-info-card.card-blue{border-color:var(--p02-accent-blue)}.g6-p02-info-card.card-blue h3{color:var(--p02-accent-blue)}.g6-p02-info-card.card-purple{border-color:var(--p02-accent-purple)}.g6-p02-info-card.card-purple h3{color:var(--p02-accent-purple)}.g6-p02-info-card.card-green{border-color:var(--p02-accent-green)}.g6-p02-info-card.card-green h3{color:var(--p02-accent-green)}.g6-p02-steps-list{margin:10px 0;padding-left:20px;font-size:1rem;line-height:2}.g6-p02-formula-box{text-align:center;border:2px dashed var(--p02-accent-yellow);background:#0000000d;border-radius:12px;margin:12px 0;padding:16px;font-size:1.15rem;font-weight:700}@media (prefers-color-scheme:dark){.g6-p02-formula-box{background:#0000004d}}.g6-p02-example-box{border-left:4px solid var(--p02-accent-purple);background:#0000000d;border-radius:12px;margin:12px 0;padding:16px}@media (prefers-color-scheme:dark){.g6-p02-example-box{background:#0003}}.g6-p02-calc-steps{background:var(--p02-bg);border-radius:10px;flex-direction:column;gap:10px;margin:12px 0;padding:12px;display:flex}.g6-p02-calc-step{align-items:center;gap:12px;font-family:Courier New,monospace;font-size:1.1rem;display:flex}.g6-p02-step-num{background:var(--p02-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Segoe UI,sans-serif;font-size:.85rem;font-weight:800;display:flex}.g6-p02-step-note{color:var(--p02-text-muted);font-family:Segoe UI,sans-serif;font-size:.85rem}.g6-p02-result-text{border-left:4px solid var(--p02-success);background:#22c55e1a;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:1.1rem}.g6-p02-muted{color:var(--p02-text-muted);margin-bottom:8px;font-size:.9rem}.g6-p02-demo-controls{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.g6-p02-demo-controls label{flex-direction:column;gap:4px;font-size:.95rem;display:flex}.g6-p02-slider{-webkit-appearance:none;background:var(--p02-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;margin-top:4px}.g6-p02-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--p02-accent-purple);cursor:pointer;border-radius:50%;width:22px;height:22px}.g6-p02-demo-result{text-align:center;background:var(--p02-bg);border-radius:12px;margin-bottom:14px;padding:12px}.g6-p02-big-result{color:var(--p02-accent-purple);margin:4px 0;font-size:2rem;font-weight:800}.g6-p02-demo-visuals{align-items:center;gap:16px;display:flex}.g6-p02-schema{flex-wrap:wrap;align-items:center;gap:16px;margin:15px 0;display:flex}.g6-p02-schema-part{text-align:center;flex:1;min-width:140px}.g6-p02-schema-bar{background:var(--p02-border);border-radius:16px;height:32px;margin-bottom:8px;overflow:hidden}.g6-p02-schema-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .6s ease-out}.g6-p02-schema-fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.g6-p02-schema-arrow{color:var(--p02-accent-green);white-space:nowrap;font-size:1rem;font-weight:700}.g6-p02-pie-container{flex-shrink:0;position:relative}.g6-p02-pie-bg{fill:none;stroke:var(--p02-border);stroke-width:10px}.g6-p02-pie-fill{fill:none;stroke:var(--p02-accent-blue);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.g6-p02-pie-label{color:var(--p02-text);text-align:center;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p02-bar-visual{background:var(--p02-inner);border:2px solid var(--p02-border);border-radius:14px;height:28px;position:relative;overflow:hidden}.g6-p02-bar-fill{background:linear-gradient(90deg, var(--p02-accent-blue), var(--p02-accent-green));height:100%;transition:width .6s ease-out}.g6-p02-bar-label{color:var(--p02-text);text-shadow:0 1px 2px #0003;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p02-practice-grid{grid-template-columns:1fr 340px;align-items:start;gap:30px;display:grid}.g6-p02-task-area{flex-direction:column;gap:16px;display:flex}.g6-p02-score{color:var(--p02-accent-green);font-size:1rem;font-weight:700}.g6-p02-question{margin:0;font-size:1.6rem;font-weight:700;line-height:1.5}.g6-p02-visuals{background:var(--p02-inner);border:1px solid var(--p02-border);border-radius:16px;align-items:center;gap:20px;padding:16px;display:flex}.g6-p02-feedback{text-align:center;border-radius:12px;padding:14px;font-size:1.1rem;font-weight:700}.g6-p02-feedback.correct{color:var(--p02-success);border:1px solid var(--p02-success);background:#22c55e1a}.g6-p02-feedback.wrong{color:var(--p02-error);border:1px solid var(--p02-error);background:#ef44441a}.g6-p02-hint-btn{border:2px dashed var(--p02-accent-yellow);color:var(--p02-accent-yellow);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;padding:10px 20px;font-weight:700;transition:all .2s}.g6-p02-hint-btn:hover{background:#facc151a}.g6-p02-solution-card{background:var(--p02-inner);border:2px solid var(--p02-accent-yellow);border-radius:14px;padding:16px}.g6-p02-solution-card h4{color:var(--p02-accent-yellow);margin:0 0 10px;font-size:1rem}.g6-p02-input-area{background:var(--p02-inner);border:1px solid var(--p02-border);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.g6-p02-display-area{background:var(--p02-bg);height:80px;color:var(--p02-accent-blue);border:2px solid var(--p02-border);border-radius:14px;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.g6-p02-unit{color:var(--p02-text-muted);margin-left:10px;font-size:1.2rem;font-weight:600}.g6-p02-numpad-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p02-key{background:var(--p02-key-bg);height:68px;color:var(--p02-text);cursor:pointer;box-shadow:0 4px 0 var(--p02-key-shadow);border:none;border-radius:14px;font-size:1.7rem;font-weight:700;transition:all .1s}.g6-p02-key:active:not(:disabled){box-shadow:0 2px 0 var(--p02-key-shadow);transform:translateY(2px)}.g6-p02-key.action{background:var(--p02-border);color:var(--p02-accent-yellow);font-size:1.2rem}.g6-p02-key:disabled{opacity:.5;cursor:not-allowed}.g6-p02-options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.g6-p02-btn-main{background:var(--p02-success);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:18px;font-size:1.2rem;font-weight:800;transition:all .2s;box-shadow:0 4px #0003}.g6-p02-btn-main:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0003}.g6-p02-btn-main:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.g6-p02-theory-grid{grid-template-columns:1fr}.g6-p02-card-full{grid-column:span 1}.g6-p02-practice-grid{grid-template-columns:1fr}}@media (width<=480px){.g6-p02-main-content{padding:16px}.g6-p02-question{font-size:1.3rem}.g6-p02-key{height:58px;font-size:1.5rem}.g6-p02-display-area{height:70px;font-size:2rem}}:root{--p03-bg:#0f172a;--p03-card:#1e293b;--p03-inner:#0f172a;--p03-text:#f1f5f9;--p03-muted:#94a3b8;--p03-border:#334155;--p03-blue:#38bdf8;--p03-green:#4ade80;--p03-purple:#c084fc;--p03-yellow:#facc15;--p03-ok:#22c55e;--p03-err:#ef4444;--p03-key-bg:#334155;--p03-key-shadow:#1e293b;--p03-pie-bg:#334155}@media (prefers-color-scheme:light){:root{--p03-bg:#f1f5f9;--p03-card:#fff;--p03-inner:#f8fafc;--p03-text:#0f172a;--p03-muted:#64748b;--p03-border:#cbd5e1;--p03-blue:#0284c7;--p03-green:#15803d;--p03-purple:#7e22ce;--p03-yellow:#b45309;--p03-ok:#16a34a;--p03-err:#dc2626;--p03-key-bg:#e2e8f0;--p03-key-shadow:#cbd5e1;--p03-pie-bg:#e2e8f0}}.g6-p03-wrapper{box-sizing:border-box;max-width:100%;color:var(--p03-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p03-nav{background:var(--p03-card);border:1px solid var(--p03-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p03-nav-btn{min-width:130px;color:var(--p03-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-p03-nav-btn:hover{color:var(--p03-text);background:#0000000d}.g6-p03-nav-btn.active{background:var(--p03-blue);color:#fff}.g6-p03-content{background:var(--p03-card);border:1px solid var(--p03-border);border-radius:24px;flex:1;padding:28px}.p03-theory-container{flex-direction:column;gap:16px;display:flex}.p03-theory-tabs{flex-wrap:wrap;gap:6px;display:flex}.p03-ttab{border:1px solid var(--p03-border);background:var(--p03-inner);color:var(--p03-muted);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.p03-ttab.active{background:var(--p03-blue);border-color:var(--p03-blue);color:#fff}.p03-theory-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.p03-card{background:var(--p03-inner);border:2px solid var(--p03-border);border-radius:16px;padding:20px}.p03-card h3{margin:0 0 12px;font-size:1.05rem}.p03-card p{margin:0 0 10px;font-size:.95rem;line-height:1.5}.p03-formula-box{border:2px dashed var(--p03-yellow);background:#0000000f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;padding:14px;display:flex}.p03-mult-btns{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.p03-mult-btn{border:2px solid var(--p03-border);background:var(--p03-inner);color:var(--p03-muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:1rem;font-weight:700;transition:all .15s}.p03-mult-btn.active,.p03-mult-btn:hover{border-color:var(--p03-blue);color:var(--p03-blue);background:#38bdf81a}.p03-equiv-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:14px 0;display:flex}.p03-equiv-center{align-items:center;gap:12px;display:flex}.p03-note{color:var(--p03-muted);text-align:center;margin:0;font-size:.85rem}.p03-algo{flex-direction:column;gap:8px;margin:12px 0;display:flex}.p03-algo-row{align-items:center;gap:10px;font-size:.95rem;display:flex}.p03-algo-num{background:var(--p03-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.p03-example-box{background:#0000000d;border-radius:10px;flex-direction:column;gap:8px;margin:10px 0;padding:12px;display:flex}.p03-example-box p{color:var(--p03-muted);margin:0;font-size:.9rem}.p03-detail-row{color:var(--p03-muted);gap:16px;font-size:.85rem;display:flex}.p03-pie-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.p03-frac{vertical-align:middle;color:var(--p03-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.p03-frac-sm{font-size:.9rem}.p03-frac-md{font-size:1.1rem}.p03-frac-lg{font-size:1.6rem}.p03-frac-xl{font-size:2.2rem}.p03-n,.p03-d{padding:0 4px}.p03-bar{border-top:2px solid;align-self:stretch;width:100%;margin:3px 0}.p03-slashed{vertical-align:middle;align-items:center;gap:12px;font-size:1.6rem;display:inline-flex}.p03-slashed-old{flex-direction:column;align-items:center;display:inline-flex;position:relative}.p03-sx{color:var(--p03-err);padding:0 4px;position:relative}.p03-sx:after{content:"";background:var(--p03-err);width:100%;height:2px;position:absolute;top:50%;left:0;transform:rotate(-25deg)}.p03-bar-err{border-top-color:var(--p03-err);opacity:.5}.p03-div-badge{background:var(--p03-err);color:#fff;white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.7rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.p03-extend-wrap{vertical-align:middle;align-items:center;gap:14px;font-size:1.6rem;display:inline-flex}.p03-extend-orig{flex-direction:column;align-items:stretch;font-weight:700;display:inline-flex}.p03-ext-row{align-items:center;gap:8px;padding:2px 4px;display:flex}.p03-ext-val{padding:0 2px}.p03-ext-bar{border-top:2px solid;margin:3px 0}.p03-mult-badge{background:var(--p03-green);color:#000;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.72rem;font-weight:700}.p03-pie-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.p03-pie{border-radius:50%;flex-shrink:0;width:80px;height:80px}.p03-pie-lbl{color:var(--p03-muted);font-size:.85rem;font-weight:700}.p03-eq{vertical-align:middle;font-size:1.4rem;font-weight:700}.p03-eq-big{font-size:2rem}.p03-practice-grid{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (width<=700px){.p03-practice-grid{grid-template-columns:1fr}}.p03-score{background:var(--p03-inner);border:1px solid var(--p03-border);color:var(--p03-ok);border-radius:99px;margin-bottom:14px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.p03-task-card{background:var(--p03-inner);border:2px solid var(--p03-border);text-align:center;border-radius:16px;margin-bottom:16px;padding:20px}.p03-task-label{color:var(--p03-muted);margin-bottom:12px;font-size:1rem}.p03-task-hint{color:var(--p03-muted);margin-top:10px;font-size:.85rem}.p03-gap-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.p03-gap{text-align:center;min-width:40px;color:var(--p03-yellow);display:inline-block;border-bottom:3px solid var(--p03-yellow)!important}.p03-viz-row{border-top:1px solid var(--p03-border);border-bottom:1px solid var(--p03-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:14px;padding:12px 0;display:flex}.p03-viz-row .p03-pie{width:90px;height:90px}.p03-feedback{border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:.95rem;font-weight:700;display:flex}.p03-feedback-ok{color:var(--p03-ok);border:1px solid var(--p03-ok);background:#22c55e1a}.p03-feedback-err{color:var(--p03-err);border:1px solid var(--p03-err);background:#ef44441a}.p03-solution{background:var(--p03-inner);border:2px solid var(--p03-yellow);border-radius:14px;padding:14px 16px}.p03-solution h4{color:var(--p03-yellow);margin:0 0 8px;font-size:.95rem}.p03-solution p{color:var(--p03-muted);margin:0 0 8px;font-size:.9rem}.p03-input-area{background:var(--p03-inner);border:2px solid var(--p03-border);border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.p03-frac-input-display{background:var(--p03-bg);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.p03-input-hint{color:var(--p03-muted);margin:0;font-size:.8rem}.p03-input-cell{cursor:pointer;border-radius:8px;min-width:50px;padding:4px 10px;transition:background .15s}.p03-cell-active{border:2px solid var(--p03-blue);background:#38bdf826}.p03-input-single{justify-content:center;display:flex}.p03-single-cell{text-align:center;border:2px solid var(--p03-blue);background:#38bdf826;border-radius:10px;min-width:80px;padding:8px 16px;font-size:2.2rem;font-weight:700}.p03-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.p03-key{background:var(--p03-key-bg);height:52px;color:var(--p03-text);cursor:pointer;box-shadow:0 3px 0 var(--p03-key-shadow);border:none;border-radius:10px;font-size:1.3rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.p03-key:active:not(:disabled){box-shadow:0 1px 0 var(--p03-key-shadow);transform:translateY(2px)}.p03-key:disabled{opacity:.4}.p03-key-action{color:var(--p03-yellow)}.p03-key-tab{background:var(--p03-border);color:var(--p03-text);grid-column:span 3;height:46px;font-size:1rem}.p03-btn-check{background:var(--p03-ok);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:1.05rem;font-weight:800;transition:opacity .2s}.p03-btn-check:disabled{opacity:.4}.p03-equal-opts{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.p03-opt-btn{border:2px solid var(--p03-border);background:var(--p03-bg);color:var(--p03-text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:20px;font-size:1.4rem;font-weight:700;transition:all .15s;display:flex}.p03-opt-btn:hover:not(:disabled){border-color:var(--p03-blue);background:#38bdf814}.p03-opt-btn:disabled{opacity:.6}.p03-opt-correct{border-color:var(--p03-ok)!important;background:#22c55e1a!important}.p03-opt-wrong-picked{border-color:var(--p03-err)!important;background:#ef44440d!important}.p03-btn-next{background:var(--p03-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;grid-column:span 2;padding:14px;font-size:1rem;font-weight:800}@media (width<=500px){.g6-p03-wrapper{padding:10px}.g6-p03-content{padding:14px}.p03-frac-xl{font-size:1.8rem}.p03-key{height:46px;font-size:1.1rem}.p03-pie{width:65px!important;height:65px!important}}:root{--p04-bg:#0f172a;--p04-card:#1e293b;--p04-inner:#0f172a;--p04-text:#f1f5f9;--p04-muted:#94a3b8;--p04-border:#334155;--p04-blue:#38bdf8;--p04-green:#4ade80;--p04-purple:#c084fc;--p04-yellow:#facc15;--p04-ok:#22c55e;--p04-err:#ef4444;--p04-key-bg:#334155;--p04-key-shadow:#1e293b;--p04-pie-bg:#334155}@media (prefers-color-scheme:light){:root{--p04-bg:#f1f5f9;--p04-card:#fff;--p04-inner:#f8fafc;--p04-text:#0f172a;--p04-muted:#64748b;--p04-border:#cbd5e1;--p04-blue:#0284c7;--p04-green:#15803d;--p04-purple:#7e22ce;--p04-yellow:#b45309;--p04-ok:#16a34a;--p04-err:#dc2626;--p04-key-bg:#e2e8f0;--p04-key-shadow:#cbd5e1;--p04-pie-bg:#e2e8f0}}.g6-p04-wrapper{box-sizing:border-box;max-width:100%;color:var(--p04-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p04-nav{background:var(--p04-card);border:1px solid var(--p04-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p04-nav-btn{min-width:120px;color:var(--p04-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-p04-nav-btn:hover{background:var(--p04-inner);color:var(--p04-text)}.g6-p04-nav-btn.active{background:var(--p04-blue);color:#fff;border-color:var(--p04-blue)}.g6-p04-content{background:var(--p04-card);border:1px solid var(--p04-border);border-radius:16px;padding:20px}.p04-theory{flex-direction:column;gap:16px;display:flex}.p04-theory-tabs{flex-wrap:wrap;gap:8px;display:flex}.p04-ttab{border:2px solid var(--p04-border);background:var(--p04-inner);min-width:100px;color:var(--p04-muted);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:.9rem;font-weight:700;transition:all .2s}.p04-ttab.active{border-color:var(--p04-blue);color:var(--p04-blue);background:var(--p04-card)}.p04-theory-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.p04-theory-grid{grid-template-columns:1fr}}.p04-card{background:var(--p04-inner);border:2px solid var(--p04-border);border-radius:14px;padding:16px}.p04-card h3{margin:0 0 10px;font-size:1rem}.p04-card p{color:var(--p04-muted);margin:4px 0 10px;font-size:.9rem}.p04-algo{flex-direction:column;gap:8px;display:flex}.p04-algo-row{align-items:center;gap:10px;font-size:.88rem;display:flex}.p04-algo-num{background:var(--p04-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.p04-example-box{background:var(--p04-bg);border-radius:10px;padding:12px;font-size:.9rem}.p04-example-box p{color:var(--p04-text);margin:4px 0}.p04-example-box strong{color:var(--p04-green)}.p04-lcm-result{text-align:center;background:var(--p04-card);border:1px solid var(--p04-border);border-radius:8px;margin-top:10px;padding:8px;font-size:1.1rem;font-weight:700}.p04-lcm-result strong{color:var(--p04-blue)}.p04-frac{vertical-align:middle;color:var(--p04-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.p04-frac-sm{font-size:.85rem}.p04-frac-md{font-size:1.05rem}.p04-frac-lg{font-size:1.5rem}.p04-frac-xl{font-size:2rem}.p04-n,.p04-d{padding:0 4px}.p04-bar{border-top:2px solid;width:100%;margin:2px 0;display:block}.p04-fracm{vertical-align:middle;color:var(--p04-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:relative}.p04-mult-badge{color:var(--p04-blue);white-space:nowrap;font-size:.55em;font-weight:700;position:absolute;top:-1.1em;left:50%;transform:translate(-50%)}.p04-pie-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.p04-pie{border:2px solid var(--p04-border);border-radius:50%;width:80px;height:80px}.p04-pie-lbl{color:var(--p04-muted);font-size:.75rem;font-weight:600}.p04-pie-row{justify-content:center;gap:20px;margin-top:12px;display:flex}.p04-reduce-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding-top:1.4em;display:flex}.p04-compare-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.p04-eq{font-size:1.1rem;font-weight:700}.p04-sep{color:var(--p04-muted);padding:0 4px;font-size:1rem;font-weight:600}.p04-cmp-sign{color:var(--p04-yellow);padding:0 6px;font-size:1.4rem;font-weight:800}.p04-note{text-align:center;color:var(--p04-muted);margin-top:8px;font-size:.85rem}.p04-practice-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=650px){.p04-practice-grid{grid-template-columns:1fr}}.p04-task-area{flex-direction:column;gap:12px;display:flex}.p04-input-area{flex-direction:column;gap:14px;display:flex}.p04-score{background:var(--p04-inner);border:1px solid var(--p04-border);color:var(--p04-green);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.p04-task-card{background:var(--p04-inner);border:2px solid var(--p04-border);text-align:center;border-radius:14px;padding:20px}.p04-task-label{color:var(--p04-muted);margin:0 0 14px;font-size:.95rem}.p04-fracs-row{justify-content:center;align-items:center;gap:14px;display:flex}.p04-viz-row{background:var(--p04-inner);border:1px solid var(--p04-border);border-radius:12px;justify-content:center;gap:20px;padding:12px;display:flex}.p04-solution{background:var(--p04-inner);border:2px solid var(--p04-yellow);border-radius:12px;padding:14px;font-size:.9rem}.p04-solution h4{color:var(--p04-yellow);margin:0 0 10px;font-size:.95rem}.p04-solution p{margin:4px 0}.p04-solution strong{color:var(--p04-green)}.p04-feedback{text-align:center;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:700}.p04-fb-ok{color:var(--p04-ok);border:1px solid var(--p04-ok);background:#22c55e1a}.p04-fb-err{color:var(--p04-err);border:1px solid var(--p04-err);background:#ef44441a}.p04-input-group{flex-direction:column;gap:8px;display:flex}.p04-input-lbl{color:var(--p04-muted);font-size:.85rem;font-weight:600}.p04-input-field{background:var(--p04-inner);border:2px solid var(--p04-border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;transition:border-color .15s;display:flex}.p04-input-field.active{border-color:var(--p04-blue);background:#38bdf814}.p04-field-lbl{color:var(--p04-muted);font-size:.8rem;font-weight:600}.p04-field-val{text-align:right;min-width:40px;font-size:1.4rem;font-weight:700}.p04-nums-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.p04-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.p04-key{background:var(--p04-key-bg);height:52px;color:var(--p04-text);cursor:pointer;box-shadow:0 3px 0 var(--p04-key-shadow);border:none;border-radius:10px;font-size:1.3rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.p04-key:active:not(:disabled){box-shadow:0 1px 0 var(--p04-key-shadow);transform:translateY(2px)}.p04-key:disabled{opacity:.45;cursor:default}.p04-key-act{background:var(--p04-border);color:var(--p04-yellow)}.p04-key-tab{background:var(--p04-inner);border:1px solid var(--p04-border);height:40px;color:var(--p04-muted);grid-column:1/-1;font-size:.85rem}.p04-btn-check{background:var(--p04-ok);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:opacity .2s}.p04-btn-check:disabled{opacity:.45;cursor:default}.p04-compare-task-row{justify-content:center;align-items:center;gap:16px;display:flex}.p04-cmp-box{border:2px solid var(--p04-border);width:52px;height:52px;color:var(--p04-muted);background:var(--p04-inner);border-radius:10px;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:inline-flex}.p04-cmp-box.ok{border-color:var(--p04-ok);color:var(--p04-ok);background:#22c55e1a}.p04-cmp-box.err{border-color:var(--p04-err);color:var(--p04-err);background:#ef44441a}.p04-compare-input{justify-content:center;align-items:center;padding-top:20px}.p04-cmp-label{color:var(--p04-muted);text-align:center;margin:0;font-size:1rem;font-weight:700}.p04-cmp-btns{justify-content:center;gap:16px;display:flex}.p04-cmp-btn{border:2px solid var(--p04-border);background:var(--p04-inner);width:80px;height:80px;color:var(--p04-text);cursor:pointer;box-shadow:0 4px 0 var(--p04-key-shadow);border-radius:16px;font-size:2rem;font-weight:800;transition:all .15s}.p04-cmp-btn:hover:not(:disabled){border-color:var(--p04-blue);color:var(--p04-blue);transform:translateY(-2px)}.p04-cmp-btn:active:not(:disabled){box-shadow:0 1px 0 var(--p04-key-shadow);transform:translateY(2px)}.p04-cmp-btn:disabled{opacity:.45;cursor:default}.p04-cmp-btn.p04-cmp-correct{border-color:var(--p04-ok);color:var(--p04-ok);opacity:1;background:#22c55e1a}:root{--p05-bg:#0f172a;--p05-card:#1e293b;--p05-inner:#0f172a;--p05-text:#f1f5f9;--p05-muted:#94a3b8;--p05-border:#334155;--p05-blue:#38bdf8;--p05-green:#4ade80;--p05-purple:#c084fc;--p05-yellow:#facc15;--p05-ok:#22c55e;--p05-err:#ef4444;--p05-key-bg:#334155;--p05-key-shadow:#1e293b;--p05-pie-bg:#334155}@media (prefers-color-scheme:light){:root{--p05-bg:#f1f5f9;--p05-card:#fff;--p05-inner:#f8fafc;--p05-text:#0f172a;--p05-muted:#64748b;--p05-border:#cbd5e1;--p05-blue:#0284c7;--p05-green:#15803d;--p05-purple:#7e22ce;--p05-yellow:#b45309;--p05-ok:#16a34a;--p05-err:#dc2626;--p05-key-bg:#e2e8f0;--p05-key-shadow:#cbd5e1;--p05-pie-bg:#e2e8f0}}.g6-p05-wrapper{box-sizing:border-box;max-width:100%;color:var(--p05-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p05-nav{background:var(--p05-card);border:1px solid var(--p05-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p05-nav-btn{min-width:120px;color:var(--p05-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-p05-nav-btn:hover{background:var(--p05-inner);color:var(--p05-text)}.g6-p05-nav-btn.active{background:var(--p05-blue);color:#fff;border-color:var(--p05-blue)}.g6-p05-content{background:var(--p05-card);border:1px solid var(--p05-border);border-radius:16px;padding:20px}.p05-theory{flex-direction:column;gap:16px;display:flex}.p05-theory-tabs{flex-wrap:wrap;gap:8px;display:flex}.p05-ttab{border:2px solid var(--p05-border);background:var(--p05-inner);min-width:100px;color:var(--p05-muted);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:.9rem;font-weight:700;transition:all .2s}.p05-ttab.active{border-color:var(--p05-blue);color:var(--p05-blue);background:var(--p05-card)}.p05-theory-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.p05-theory-grid{grid-template-columns:1fr}}.p05-card{background:var(--p05-inner);border:2px solid var(--p05-border);border-radius:14px;padding:20px}.p05-card h3{margin:0 0 12px;font-size:1.05rem}.p05-card p{color:var(--p05-muted);margin:4px 0 10px;font-size:.9rem}.p05-algo{flex-direction:column;gap:10px;display:flex}.p05-algo-row{align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.p05-algo-num{background:var(--p05-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:.8rem;font-weight:700;display:inline-flex}.p05-formula-legend{color:var(--p05-muted);background:var(--p05-card);border-radius:8px;margin-top:12px;padding:10px 14px;font-family:Segoe UI,monospace;font-size:.88rem;line-height:1.8}.p05-example-box{background:var(--p05-bg);border-radius:10px;padding:14px;font-size:.9rem}.p05-example-box p{color:var(--p05-text);margin:4px 0}.p05-example-box strong{color:var(--p05-green)}.p05-ex-problem{border-bottom:1px solid var(--p05-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:20px;padding:20px 0;display:flex}.p05-ex-big-op{font-size:2rem!important}.p05-ex-question{color:var(--p05-muted);font-size:2.5rem;font-weight:700;line-height:1}.p05-ex-steps{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.p05-ex-block{background:var(--p05-bg);border-left:4px solid var(--p05-blue);border-radius:12px;padding:14px 16px}.card-purple .p05-ex-block{border-left-color:var(--p05-purple)}.card-green .p05-ex-block{border-left-color:var(--p05-green)}.p05-ex-block-hdr{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.95rem;line-height:1.4;display:flex}.p05-ex-num{background:var(--p05-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.card-purple .p05-ex-num{background:var(--p05-purple)}.card-green .p05-ex-num{background:var(--p05-green)}.p05-ex-block-body{flex-direction:column;gap:10px;padding-left:38px;display:flex}.p05-ex-multiples{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.92rem;display:flex}.p05-mult-label{color:var(--p05-muted);white-space:nowrap;min-width:130px;font-weight:600}.p05-ex-multiples strong{color:var(--p05-green)}.p05-ex-highlight{background:var(--p05-card);border:2px solid var(--p05-blue);color:var(--p05-blue);border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:1rem;font-weight:700;display:inline-flex}.card-purple .p05-ex-highlight{border-color:var(--p05-purple);color:var(--p05-purple)}.card-green .p05-ex-highlight{border-color:var(--p05-green);color:var(--p05-green)}.p05-ex-highlight strong{color:inherit}.p05-ex-row-text{flex-wrap:wrap;align-items:center;gap:4px;font-size:.93rem;line-height:1.6;display:flex}.p05-ex-row-text strong{color:var(--p05-green)}.p05-ex-frac-transform{flex-wrap:wrap;align-items:center;gap:12px;padding:1.6em 0 8px;display:flex}.p05-ex-answer{background:var(--p05-bg);border:2px solid var(--p05-green);border-radius:12px;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding:18px;display:flex}.p05-ex-answer-lbl{color:var(--p05-green);font-size:1rem;font-weight:700}.p05-pie-equation{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;padding-top:4px;display:flex}.p05-pie-op{padding-bottom:26px;font-size:1.6rem;font-weight:700}.p05-frac{vertical-align:middle;color:var(--p05-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.p05-frac-sm{font-size:.85rem}.p05-frac-md{font-size:1.05rem}.p05-frac-lg{font-size:1.5rem}.p05-frac-xl{font-size:2rem}.p05-n,.p05-d{padding:0 4px}.p05-bar{border-top:2px solid;width:100%;margin:2px 0;display:block}.p05-fracm{vertical-align:middle;color:var(--p05-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:relative}.p05-mult-badge{color:var(--p05-blue);white-space:nowrap;font-size:.55em;font-weight:700;position:absolute;top:-1.1em;left:50%;transform:translate(-50%)}.p05-op{padding:0 2px;font-size:1.2rem;font-weight:700}.p05-op-minus{color:var(--p05-err)}.p05-eq{font-size:1.1rem;font-weight:700}.p05-op-big{font-size:2rem;font-weight:700;line-height:1}.p05-op-big.minus{color:var(--p05-err)}.p05-reduce-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding-top:1.4em;display:flex}.p05-result-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.p05-note{text-align:center;color:var(--p05-muted);margin:6px 0 0;font-size:.82rem}.p05-pie-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.p05-pie{border:2px solid var(--p05-border);border-radius:50%;width:80px;height:80px}.p05-pie-lbl{color:var(--p05-muted);font-size:.78rem;font-weight:600}.p05-pie-row{justify-content:center;gap:20px;margin-top:12px;display:flex}.p05-practice-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=650px){.p05-practice-grid{grid-template-columns:1fr}}.p05-task-area{flex-direction:column;gap:12px;display:flex}.p05-input-area{flex-direction:column;gap:14px;display:flex}.p05-score{background:var(--p05-inner);border:1px solid var(--p05-border);color:var(--p05-green);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.p05-task-card{background:var(--p05-inner);border:2px solid var(--p05-border);text-align:center;border-radius:14px;padding:20px}.p05-task-label{color:var(--p05-muted);margin:0 0 14px;font-size:.95rem}.p05-fracs-row{justify-content:center;align-items:center;gap:14px;display:flex}.p05-viz-row{background:var(--p05-inner);border:1px solid var(--p05-border);border-radius:12px;justify-content:center;gap:20px;padding:12px;display:flex}.p05-solution{background:var(--p05-inner);border:2px solid var(--p05-yellow);border-radius:12px;padding:14px;font-size:.9rem}.p05-solution h4{color:var(--p05-yellow);margin:0 0 10px;font-size:.95rem}.p05-solution p{margin:4px 0}.p05-solution strong{color:var(--p05-green)}.p05-feedback{border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:700;display:flex}.p05-fb-ok{color:var(--p05-ok);border:1px solid var(--p05-ok);background:#22c55e1a}.p05-fb-err{color:var(--p05-err);border:1px solid var(--p05-err);background:#ef44441a}.p05-frac-answer{background:var(--p05-inner);border:2px solid var(--p05-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.p05-ans-field{cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:12px 16px;transition:background .15s;display:flex}.p05-ans-field.active{border-left:3px solid var(--p05-blue);background:#38bdf814}.p05-ans-lbl{color:var(--p05-muted);font-size:.8rem;font-weight:600}.p05-ans-val{text-align:right;min-width:40px;font-size:1.6rem;font-weight:700}.p05-ans-bar{background:var(--p05-border);height:2px;margin:0 16px}.p05-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.p05-key{background:var(--p05-key-bg);height:52px;color:var(--p05-text);cursor:pointer;box-shadow:0 3px 0 var(--p05-key-shadow);border:none;border-radius:10px;font-size:1.3rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.p05-key:active:not(:disabled){box-shadow:0 1px 0 var(--p05-key-shadow);transform:translateY(2px)}.p05-key:disabled{opacity:.45;cursor:default}.p05-key-act{background:var(--p05-border);color:var(--p05-yellow)}.p05-key-tab{background:var(--p05-inner);border:1px solid var(--p05-border);height:40px;color:var(--p05-muted);grid-column:1/-1;font-size:.85rem}.p05-btn-check{background:var(--p05-ok);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:opacity .2s}.p05-btn-check:disabled{opacity:.45;cursor:default}:root{--p06-bg:#0f172a;--p06-card:#1e293b;--p06-inner:#0f172a;--p06-text:#f1f5f9;--p06-muted:#94a3b8;--p06-border:#334155;--p06-blue:#38bdf8;--p06-green:#4ade80;--p06-purple:#c084fc;--p06-yellow:#facc15;--p06-ok:#22c55e;--p06-err:#ef4444;--p06-key-bg:#334155;--p06-key-shadow:#1e293b;--p06-pie-bg:#334155}@media (prefers-color-scheme:light){:root{--p06-bg:#f1f5f9;--p06-card:#fff;--p06-inner:#f8fafc;--p06-text:#0f172a;--p06-muted:#64748b;--p06-border:#cbd5e1;--p06-blue:#0284c7;--p06-green:#15803d;--p06-purple:#7e22ce;--p06-yellow:#b45309;--p06-ok:#16a34a;--p06-err:#dc2626;--p06-key-bg:#e2e8f0;--p06-key-shadow:#cbd5e1;--p06-pie-bg:#e2e8f0}}.g6-p06-wrapper{box-sizing:border-box;max-width:100%;color:var(--p06-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p06-nav{background:var(--p06-card);border:1px solid var(--p06-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p06-nav-btn{min-width:120px;color:var(--p06-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-p06-nav-btn:hover{background:var(--p06-inner);color:var(--p06-text)}.g6-p06-nav-btn.active{background:var(--p06-blue);color:#fff;border-color:var(--p06-blue)}.g6-p06-content{background:var(--p06-card);border:1px solid var(--p06-border);border-radius:16px;padding:20px}.p06-theory{flex-direction:column;gap:16px;line-height:1.6;display:flex}.p06-theory-tabs{flex-wrap:wrap;gap:8px;display:flex}.p06-ttab{border:2px solid var(--p06-border);background:var(--p06-inner);min-width:100px;color:var(--p06-muted);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:.9rem;font-weight:700;transition:all .2s}.p06-ttab.active{border-color:var(--p06-blue);color:var(--p06-blue);background:var(--p06-card)}.p06-theory-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.p06-theory-grid{grid-template-columns:1fr}}.p06-card{background:var(--p06-inner);border:2px solid var(--p06-border);border-radius:14px;padding:16px}.p06-card h3{margin:0 0 10px;font-size:1rem}.p06-card p{color:var(--p06-muted);margin:4px 0 8px;font-size:.88rem;line-height:1.65}.p06-theory p,.p06-theory .p06-algo-row,.p06-theory .p06-step,.p06-theory .p06-ex-row-text,.p06-theory .p06-borrow-caption{line-height:1.7}.card-blue{border-color:var(--p06-blue)}.card-blue h3{color:var(--p06-blue)}.card-purple{border-color:var(--p06-purple)}.card-purple h3{color:var(--p06-purple)}.card-green{border-color:var(--p06-green)}.card-green h3{color:var(--p06-green)}.p06-algo{flex-direction:column;gap:8px;display:flex}.p06-algo-row{align-items:flex-start;gap:10px;font-size:.88rem;display:flex}.p06-algo-num{background:var(--p06-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.8rem;font-weight:700;display:inline-flex}.p06-steps{flex-direction:column;gap:8px;display:flex}.p06-step{align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.p06-step-num{background:var(--p06-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.p06-step-result .p06-step-num{background:var(--p06-ok)}.p06-step strong{color:var(--p06-green)}.p06-example-box{background:var(--p06-bg);border-radius:10px;padding:12px;font-size:.9rem}.p06-example-box p{color:var(--p06-text);margin:4px 0}.p06-example-box strong{color:var(--p06-green)}.p06-frac{vertical-align:middle;color:var(--p06-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.p06-frac-sm{font-size:.85rem}.p06-frac-md{font-size:1.05rem}.p06-frac-lg{font-size:1.4rem}.p06-frac-xl{font-size:1.9rem}.p06-n,.p06-d{padding:0 3px}.p06-bar{border-top:2px solid;width:100%;margin:2px 0;display:block}.p06-mixed{vertical-align:middle;color:var(--p06-text);align-items:center;gap:.15em;font-weight:700;display:inline-flex}.p06-whole{align-self:center;font-weight:700;line-height:1}.p06-fracm{vertical-align:middle;color:var(--p06-text);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:relative}.p06-mult-badge{color:var(--p06-blue);white-space:nowrap;font-size:.55em;font-weight:700;position:absolute;top:-1.1em;left:50%;transform:translate(-50%)}.p06-op{padding:0 4px;font-size:1.2rem;font-weight:700}.p06-op-minus{color:var(--p06-err)}.p06-eq{font-size:1.1rem;font-weight:700}.p06-op-big{font-size:2rem;font-weight:700;line-height:1}.p06-op-big.minus{color:var(--p06-err)}.p06-plus-big{align-self:center;padding-bottom:20px;font-size:1.8rem;font-weight:700}.p06-minus-big{color:var(--p06-err);align-self:center;padding-bottom:20px;font-size:1.8rem;font-weight:700}.p06-task-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.p06-reduce-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding-top:1.4em;display:flex}.p06-result-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.p06-calc-text{color:var(--p06-muted);font-size:.85rem}.p06-note{text-align:center;color:var(--p06-muted);margin:6px 0 0;font-size:.82rem}.p06-borrow-hint{text-align:center;font-size:.85rem;font-weight:600;color:var(--p06-yellow)!important;margin:6px 0!important}.p06-borrow-demo{background:var(--p06-bg);border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin-top:10px;padding:12px;display:flex}.p06-borrow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.p06-borrow-arrow{color:var(--p06-yellow);font-size:.85rem;font-weight:700}.p06-pie-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.p06-pie{border:2px solid var(--p06-border);border-radius:50%;width:72px;height:72px}.p06-pie-lbl{color:var(--p06-muted);font-size:.75rem;font-weight:600}.p06-pie-row{justify-content:center;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.p06-mixed-viz{flex-direction:column;align-items:center;gap:6px;display:flex}.p06-mv-wholes{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:20px;display:flex}.p06-mv-dot{opacity:.85;border-radius:50%;width:16px;height:16px}.p06-mv-more{color:var(--p06-muted);font-size:.75rem;font-weight:700}.p06-practice-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=650px){.p06-practice-grid{grid-template-columns:1fr}}.p06-task-area{flex-direction:column;gap:12px;display:flex}.p06-input-area{flex-direction:column;gap:14px;display:flex}.p06-score{background:var(--p06-inner);border:1px solid var(--p06-border);color:var(--p06-green);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.p06-task-card{background:var(--p06-inner);border:2px solid var(--p06-border);text-align:center;border-radius:14px;padding:20px}.p06-task-label{color:var(--p06-muted);margin:0 0 14px;font-size:.95rem}.p06-fracs-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.p06-viz-row{background:var(--p06-inner);border:1px solid var(--p06-border);border-radius:12px;justify-content:center;gap:24px;padding:12px;display:flex}.p06-solution{background:var(--p06-inner);border:2px solid var(--p06-yellow);border-radius:12px;padding:14px;font-size:.9rem}.p06-solution h4{color:var(--p06-yellow);margin:0 0 10px;font-size:.95rem}.p06-solution p{margin:4px 0}.p06-solution strong{color:var(--p06-green)}.p06-feedback{border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:700;display:flex}.p06-fb-ok{color:var(--p06-ok);border:1px solid var(--p06-ok);background:#22c55e1a}.p06-fb-err{color:var(--p06-err);border:1px solid var(--p06-err);background:#ef44441a}.p06-mixed-answer{align-items:stretch;gap:10px;display:flex}.p06-ans-whole{flex:none;min-width:80px}.p06-ans-frac-group{border:2px solid var(--p06-border);background:var(--p06-inner);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.p06-ans-field{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;transition:background .15s;display:flex}.p06-ans-whole{background:var(--p06-inner);border:2px solid var(--p06-border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:4px}.p06-ans-field.active{border-left:3px solid var(--p06-blue);background:#38bdf814}.p06-ans-whole.active{border-color:var(--p06-blue);background:#38bdf814}.p06-ans-lbl{color:var(--p06-muted);font-size:.75rem;font-weight:600}.p06-ans-val{color:var(--p06-text);text-align:right;min-width:32px;font-size:1.5rem;font-weight:700}.p06-ans-whole .p06-ans-val{text-align:center;font-size:1.8rem}.p06-ans-bar{background:var(--p06-border);height:2px;margin:0 14px}.p06-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.p06-key{background:var(--p06-key-bg);height:52px;color:var(--p06-text);cursor:pointer;box-shadow:0 3px 0 var(--p06-key-shadow);border:none;border-radius:10px;font-size:1.3rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.p06-key:active:not(:disabled){box-shadow:0 1px 0 var(--p06-key-shadow);transform:translateY(2px)}.p06-key:disabled{opacity:.45;cursor:default}.p06-key-act{background:var(--p06-border);color:var(--p06-yellow)}.p06-key-tab{background:var(--p06-inner);border:1px solid var(--p06-border);height:40px;color:var(--p06-muted);grid-column:1/-1;font-size:.85rem}.p06-btn-check{background:var(--p06-ok);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:opacity .2s}.p06-btn-check:disabled{opacity:.45;cursor:default}.p06-ex-problem{border-bottom:1px solid var(--p06-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:20px;padding:20px 0;display:flex}.p06-ex-big-op{font-size:2rem!important}.p06-ex-question{color:var(--p06-muted);font-size:2.5rem;font-weight:700;line-height:1}.p06-ex-steps{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.p06-ex-block{background:var(--p06-bg);border-left:4px solid var(--p06-blue);border-radius:12px;padding:14px 16px}.card-purple .p06-ex-block{border-left-color:var(--p06-purple)}.card-green .p06-ex-block{border-left-color:var(--p06-green)}.p06-ex-block-warning{background:#facc150f;border-left-color:var(--p06-yellow)!important}.p06-ex-block-hdr{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.95rem;line-height:1.4;display:flex}.p06-ex-num{background:var(--p06-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.card-purple .p06-ex-num{background:var(--p06-purple)}.card-green .p06-ex-num{background:var(--p06-green)}.p06-ex-num-warn{background:var(--p06-yellow)!important;color:#000!important}.p06-ex-block-body{flex-direction:column;gap:10px;padding-left:38px;display:flex}.p06-ex-multiples{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.92rem;display:flex}.p06-mult-label{color:var(--p06-muted);white-space:nowrap;min-width:130px;font-weight:600}.p06-ex-multiples strong{color:var(--p06-green)}.p06-ex-highlight{background:var(--p06-card);border:2px solid var(--p06-blue);color:var(--p06-blue);border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:1rem;font-weight:700;display:inline-flex}.card-purple .p06-ex-highlight{border-color:var(--p06-purple);color:var(--p06-purple)}.card-green .p06-ex-highlight{border-color:var(--p06-green);color:var(--p06-green)}.p06-ex-highlight strong{color:inherit}.p06-ex-row-text{flex-wrap:wrap;align-items:center;gap:4px;font-size:.93rem;line-height:1.7;display:flex}.p06-ex-row-text strong{color:var(--p06-green)}.p06-ex-borrow-text{color:var(--p06-yellow);font-weight:600}.p06-ex-frac-transform{flex-wrap:wrap;align-items:center;gap:10px;padding:1.6em 0 8px;display:flex}.p06-ex-hint{color:var(--p06-muted);align-self:center;font-size:.82rem}.p06-ex-answer{background:var(--p06-bg);border:2px solid var(--p06-green);border-radius:12px;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding:18px;display:flex}.p06-ex-answer-lbl{color:var(--p06-green);font-size:1rem;font-weight:700}.p06-pie-equation{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;padding-top:4px;display:flex}.p06-pie-op{padding-bottom:26px;font-size:1.6rem;font-weight:700}.p06-borrow-caption{color:var(--p06-yellow);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}:root{--p07-bg:#0f172a;--p07-card:#1e293b;--p07-inner:#0f172a;--p07-text:#f1f5f9;--p07-text-muted:#94a3b8;--p07-border:#334155;--p07-accent-blue:#38bdf8;--p07-accent-purple:#c084fc;--p07-accent-green:#4ade80;--p07-accent-yellow:#facc15;--p07-success:#22c55e;--p07-error:#ef4444}@media (prefers-color-scheme:light){:root{--p07-bg:#f1f5f9;--p07-card:#fff;--p07-inner:#f8fafc;--p07-text:#0f172a;--p07-text-muted:#64748b;--p07-border:#cbd5e1;--p07-accent-blue:#0284c7;--p07-accent-purple:#7e22ce;--p07-accent-green:#15803d;--p07-accent-yellow:#b45309;--p07-success:#16a34a;--p07-error:#dc2626}}.g6-p07-wrapper{max-width:650px;color:var(--p07-text);min-height:100vh;margin:0 auto;padding:12px;font-family:Segoe UI,sans-serif}.g6-p07-nav{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.g6-p07-nav-btn{border:2px solid var(--p07-border);background:var(--p07-card);min-width:100px;color:var(--p07-text-muted);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.g6-p07-nav-btn.active{background:var(--p07-accent-blue);border-color:var(--p07-accent-blue);color:#fff}.g6-p07-content{background:var(--p07-card);border:1px solid var(--p07-border);border-radius:16px;padding:16px}.g6-p07-theory{flex-direction:column;gap:12px;display:flex}.theory-text{margin-bottom:10px;font-size:.9rem;line-height:1.5}.formula-box{text-align:center;border:2px dashed var(--p07-accent-yellow);background:#0000000d;border-radius:10px;padding:12px;font-size:1.1rem;font-weight:700}.examples-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.example-item{background:var(--p07-bg);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.equals{font-size:1rem;font-weight:700}.decimal{color:var(--p07-accent-green);font-size:1rem;font-weight:700}.rule-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.rule-item{background:var(--p07-bg);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.8rem;display:flex}.rule-item.ok{border:1.5px solid var(--p07-accent-green)}.rule-item.bad{border:1.5px solid var(--p07-error)}.rule-den{color:var(--p07-text-muted);font-size:.75rem;font-weight:600}.rule-arrow{font-size:.78rem;font-weight:700}.rule-item.ok .rule-arrow{color:var(--p07-accent-green)}.rule-item.bad .rule-arrow{color:var(--p07-error)}.periodic-examples{flex-direction:column;gap:8px;margin-top:10px;display:flex}.periodic-note{color:var(--p07-text-muted);border-left:3px solid var(--p07-accent-purple);background:#c084fc1a;border-radius:8px;margin-top:10px;padding:8px;font-size:.85rem}.g6-p07-trainer{flex-direction:column;gap:12px;display:flex}.trainer-header{justify-content:space-between;align-items:center;display:flex}.new-task-btn{background:var(--p07-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:700}.task-label{color:var(--p07-text-muted);margin-bottom:12px;font-size:.95rem}.solution-card{background:var(--p07-inner);border:2px solid var(--p07-accent-yellow);border-radius:14px;padding:14px}.ld-wrap{margin-bottom:10px}.ld-grid{flex-direction:column;gap:0;font-family:Consolas,Courier New,monospace;font-size:1.5rem;font-weight:700;display:inline-flex}.ld-row{gap:0;display:flex}.ld-cell{border:1px solid var(--p07-border);background:var(--p07-inner);box-sizing:border-box;width:2rem;height:2rem;color:var(--p07-text);justify-content:center;align-items:center;line-height:1;transition:background .15s;display:flex}.ld-cell-empty{background:0 0!important;border:none!important}.ld-cell-given{background:var(--p07-card);color:var(--p07-text);border-color:var(--p07-border);font-weight:900}.ld-cell-digit{background:var(--p07-inner)}.ld-cell-result{color:var(--p07-accent-green);background:var(--p07-inner);font-weight:900}.ld-cell-periodic{color:var(--p07-accent-purple);background:var(--p07-inner);font-weight:900}.ld-cell-sep{background:0 0!important;border:none!important}.ld-border-bottom{border-bottom:3px solid var(--p07-text)!important}.ld-border-left{border-left:3px solid var(--p07-text)!important}.ld-conclusion{border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.82rem;font-weight:600;display:inline-block}.ld-conclusion.finite{color:var(--p07-success);border:1px solid var(--p07-success);background:#22c55e14}.ld-conclusion.per{color:var(--p07-accent-purple);border:1px solid var(--p07-accent-purple);background:#c084fc14}.periodic-explain{color:var(--p07-text-muted);border-left:3px solid var(--p07-accent-purple);background:#c084fc1a;border-radius:8px;margin-bottom:10px;padding:8px;font-size:.88rem;line-height:1.5}.solution-result{text-align:center;background:#0000000d;border-radius:8px;padding:10px}.final-answer{color:var(--p07-accent-green);font-size:1.3rem;font-weight:800}.input-section{background:var(--p07-inner);border:2px solid var(--p07-border);border-radius:14px;padding:16px}.input-label{color:var(--p07-text-muted);margin-bottom:10px;font-size:.9rem;font-weight:600}.input-display{background:var(--p07-bg);height:60px;color:var(--p07-accent-blue);border:2px solid var(--p07-border);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:2rem;font-weight:700;display:flex}.feedback{text-align:center;border-radius:8px;margin:8px 0;padding:10px;font-size:.9rem;font-weight:700}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.numpad-periodic{grid-template-columns:repeat(3,1fr)}.numpad-btn.action{background:var(--p07-border);color:var(--p07-accent-yellow)}.numpad-btn.clear{color:var(--p07-error)}.numpad-btn:disabled{opacity:.5}.action-buttons{margin-top:6px}.action-btn{cursor:pointer;background:var(--p07-success);color:#fff;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:800}.action-btn.next{background:var(--p07-accent-blue)}.action-btn:disabled{opacity:.5}@media (width<=500px){.g6-p07-wrapper{padding:8px}.g6-p07-content,.theory-card{padding:12px 10px}.examples-grid,.rule-grid{grid-template-columns:1fr 1fr}.fraction.large{font-size:1.6rem}.numpad-btn{height:45px;font-size:1.1rem}.input-display{height:50px;font-size:1.6rem}}:root{--p08-bg:#0f172a;--p08-card:#1e293b;--p08-inner:#0f172a;--p08-text:#f1f5f9;--p08-text-muted:#94a3b8;--p08-border:#334155;--p08-display-bg:#000;--p08-key-bg:#334155;--p08-key-shadow:#1e293b;--p08-accent-blue:#38bdf8;--p08-accent-purple:#c084fc;--p08-accent-green:#4ade80;--p08-accent-yellow:#facc15;--p08-success:#22c55e;--p08-error:#ef4444}@media (prefers-color-scheme:light){:root{--p08-bg:#f1f5f9;--p08-card:#fff;--p08-inner:#f8fafc;--p08-text:#0f172a;--p08-text-muted:#64748b;--p08-border:#cbd5e1;--p08-display-bg:#f8fafc;--p08-key-bg:#e2e8f0;--p08-key-shadow:#cbd5e1;--p08-accent-blue:#0284c7;--p08-accent-purple:#7e22ce;--p08-accent-green:#15803d;--p08-accent-yellow:#b45309;--p08-success:#16a34a;--p08-error:#dc2626}}.g6-p08-wrapper{box-sizing:border-box;max-width:100%;color:var(--p08-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p08-top-nav{background:var(--p08-card);border:1px solid var(--p08-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p08-nav-btn{min-width:120px;color:var(--p08-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-p08-nav-btn:hover{color:var(--p08-text);background:#0000000d}.g6-p08-nav-btn.active{background:var(--p08-accent-blue);color:#fff;box-shadow:0 4px 12px #00000026}.g6-p08-main-content{background:var(--p08-card);border:1px solid var(--p08-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p08-theory{flex-direction:column;gap:20px;display:flex}.formula-box{text-align:center;border:2px dashed var(--p08-accent-yellow);color:var(--p08-accent-yellow);background:#0000000f;border-radius:12px;margin:12px 0;padding:14px 18px;font-size:1.15rem;font-weight:800}@media (prefers-color-scheme:dark){.formula-box{background:#00000059}}.rounding-rules{flex-direction:column;gap:10px;margin:12px 0;display:flex}.rule-item{background:var(--p08-bg);border-left:3px solid var(--p08-accent-purple);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;display:flex}.rule-num{background:var(--p08-accent-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.rounding-examples{flex-direction:column;gap:8px;margin-top:12px;display:flex}.example-row{background:var(--p08-bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;display:flex}.example-badge{background:var(--p08-card);color:var(--p08-text-muted);white-space:nowrap;border-radius:6px;padding:3px 10px;font-family:Segoe UI,sans-serif;font-size:.8rem}.precision-table{flex-direction:column;gap:8px;display:flex}.precision-row{background:var(--p08-bg);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.precision-label{color:var(--p08-text-muted);font-size:.9rem}.precision-value{color:var(--p08-accent-green);font-size:.95rem;font-weight:700}.number-line-demo{background:var(--p08-bg);border:1px solid var(--p08-border);border-radius:12px;margin:16px 0;padding:16px}.number-line-title{color:var(--p08-text-muted);margin-bottom:12px;font-size:.85rem;font-weight:700}.number-line-svg-wrap{width:100%;overflow:hidden}.nl-axis{stroke:var(--p08-text-muted);stroke-width:1.5px}.nl-tick{stroke:var(--p08-text-muted);stroke-width:1px}.nl-label{fill:var(--p08-text-muted);font-family:Segoe UI,sans-serif;font-size:10px}.nl-point-exact{fill:var(--p08-accent-blue)}.nl-point-approx{fill:var(--p08-accent-green)}.nl-segment{stroke:var(--p08-accent-yellow);stroke-width:3px;stroke-dasharray:4 3}.nl-label-exact{fill:var(--p08-accent-blue);font-family:Segoe UI,sans-serif;font-size:11px;font-weight:700}.nl-label-approx{fill:var(--p08-accent-green);font-family:Segoe UI,sans-serif;font-size:11px;font-weight:700}.p08-slider{width:100%;accent-color:var(--p08-accent-blue);cursor:pointer;height:6px;margin:8px 0}.slider-row{align-items:center;gap:12px;display:flex}.slider-val{color:var(--p08-accent-blue);text-align:right;min-width:36px;font-size:1rem;font-weight:800}.division-steps{flex-direction:column;gap:8px;margin-top:12px;display:flex}.div-step{background:var(--p08-bg);border-left:3px solid var(--p08-accent-blue);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;animation:.3s ease-out forwards step-in;display:flex}@keyframes step-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.step-num{background:var(--p08-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:inline-flex}.g6-p08-practice-grid{grid-template-columns:1fr 380px;gap:40px;display:grid}.g6-p08-task-area{flex-direction:column;gap:16px;display:flex}.g6-p08-input-area{flex-direction:column;gap:14px;display:flex}.trainer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.precision-highlight{color:var(--p08-accent-purple);background:#c084fc1f;border-radius:6px;padding:1px 8px}.task-number-line{background:var(--p08-bg);border:1px solid var(--p08-border);border-radius:12px;margin-top:18px;padding:12px;overflow:hidden}.input-display{background:var(--p08-display-bg);height:80px;color:var(--p08-accent-blue);border:2px solid var(--p08-border);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;font-size:2.8rem;font-weight:700;transition:border-color .2s;display:flex}.input-display.has-value{border-color:var(--p08-accent-blue)}.placeholder{opacity:.2}.feedback{text-align:center;border-radius:12px;padding:14px;font-size:.95rem;font-weight:700;animation:.3s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.solution-steps{flex-direction:column;gap:8px;display:flex}.solution-steps .step{border-left:3px solid var(--p08-accent-blue);background:var(--p08-bg);border-radius:8px;padding:10px 12px;font-size:.9rem;line-height:1.5}.numpad{grid-template-columns:repeat(3,1fr);align-self:center;gap:10px;display:grid}.options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-btn{border:2px solid var(--p08-border);background:var(--p08-key-bg);color:var(--p08-text);cursor:pointer;box-shadow:0 3px 0 var(--p08-key-shadow);border-radius:14px;padding:18px;font-size:1.4rem;font-weight:700;transition:all .15s}.option-btn:hover:not(:disabled){border-color:var(--p08-accent-blue);color:var(--p08-accent-blue)}.option-btn:active:not(:disabled){box-shadow:0 1px 0 var(--p08-key-shadow);transform:translateY(2px)}.option-btn:disabled{opacity:.5;cursor:default}.option-btn.correct-opt{border-color:var(--p08-success);color:var(--p08-success);background:#22c55e26}.option-btn.wrong-opt{border-color:var(--p08-error);color:var(--p08-error);background:#ef44441a}.progress-bar{background:var(--p08-inner);border:1px solid var(--p08-border);border-radius:99px;height:8px;overflow:hidden}.difficulty-tabs{background:var(--p08-inner);border:1px solid var(--p08-border);border-radius:12px;gap:6px;padding:5px;display:inline-flex}.diff-tab{cursor:pointer;color:var(--p08-text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.diff-tab.active{background:var(--p08-accent-purple);color:#fff}.fraction-type-badge{color:var(--p08-accent-purple);background:#c084fc26;border-radius:6px;margin-top:8px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.decimal-hint-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--p08-inner);border:1px solid var(--p08-border);border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 14px;display:inline-flex}.decimal-hint-toggle input[type=checkbox]{display:none}.toggle-track{background:var(--p08-border);border-radius:99px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.decimal-hint-toggle input:checked+.toggle-track{background:var(--p08-accent-blue)}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.decimal-hint-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(18px)}.toggle-label{color:var(--p08-text-muted);font-size:.88rem;font-weight:600}.decimal-hint-toggle:hover .toggle-label{color:var(--p08-text)}@media (width<=1100px){.g6-p08-wrapper{padding:10px}.g6-p08-main-content{padding:20px 16px}.g6-p08-practice-grid{grid-template-columns:1fr}}@media (width<=500px){.g6-p08-wrapper{padding:8px}.g6-p08-main-content{padding:14px 12px}.fraction.xlarge{font-size:2.2rem}.numpad-btn{height:52px;font-size:1.3rem}.input-display{height:68px;font-size:2.2rem}}:root{--p09-bg:#0f172a;--p09-card:#1e293b;--p09-inner:#0f172a;--p09-text:#f1f5f9;--p09-text-muted:#94a3b8;--p09-border:#334155;--p09-display-bg:#000;--p09-key-bg:#334155;--p09-key-shadow:#1e293b;--p09-accent-blue:#38bdf8;--p09-accent-purple:#c084fc;--p09-accent-green:#4ade80;--p09-accent-yellow:#facc15;--p09-success:#22c55e;--p09-error:#ef4444}@media (prefers-color-scheme:light){:root{--p09-bg:#f1f5f9;--p09-card:#fff;--p09-inner:#f8fafc;--p09-text:#0f172a;--p09-text-muted:#64748b;--p09-border:#cbd5e1;--p09-display-bg:#f8fafc;--p09-key-bg:#e2e8f0;--p09-key-shadow:#cbd5e1;--p09-accent-blue:#0284c7;--p09-accent-purple:#7e22ce;--p09-accent-green:#15803d;--p09-accent-yellow:#b45309;--p09-success:#16a34a;--p09-error:#dc2626}}.g6-p09-wrapper{box-sizing:border-box;max-width:100%;color:var(--p09-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p09-top-nav{background:var(--p09-card);border:1px solid var(--p09-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p09-nav-btn{min-width:120px;color:var(--p09-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-p09-nav-btn:hover{color:var(--p09-text);background:#0000000d}.g6-p09-nav-btn.active{background:var(--p09-accent-blue);color:#fff;box-shadow:0 4px 12px #00000026}.g6-p09-main-content{background:var(--p09-card);border:1px solid var(--p09-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p09-theory{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.theory-card{background:var(--p09-inner);border:2px solid var(--p09-border);border-radius:20px;padding:22px}.theory-card.blue{border-color:var(--p09-accent-blue)}.theory-card.blue h3{color:var(--p09-accent-blue)}.theory-card.purple{border-color:var(--p09-accent-purple)}.theory-card.purple h3{color:var(--p09-accent-purple)}.theory-card.green{border-color:var(--p09-accent-green)}.theory-card.green h3{color:var(--p09-accent-green)}.theory-card.yellow{border-color:var(--p09-accent-yellow)}.theory-card.yellow h3{color:var(--p09-accent-yellow)}.theory-card.full-width{grid-column:1/-1}.theory-card h3{margin:0 0 12px;font-size:1.05rem}.theory-text{color:var(--p09-text);margin-bottom:12px;font-size:.95rem;line-height:1.6}.fraction{vertical-align:middle;color:var(--p09-text);flex-direction:column;align-items:center;font-weight:700;display:inline-flex}.fraction.small{font-size:.85rem}.fraction.medium{font-size:1.1rem}.fraction.large{font-size:1.9rem}.fraction.xlarge{font-size:2.6rem}.fraction .numerator,.fraction .denominator{padding:0 4px}.fraction .fraction-line{border-top:2.5px solid;width:100%;margin:2px 0}.times{color:var(--p09-accent-purple);font-size:1.3rem;font-weight:800}.equals{color:var(--p09-text);font-size:1.3rem;font-weight:700}.formula-box{text-align:center;border:2px dashed var(--p09-accent-yellow);background:#0000000f;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px 0;padding:14px 18px;display:flex}@media (prefers-color-scheme:dark){.formula-box{background:#0000004d}}.algo-rows{flex-direction:column;gap:10px;display:flex}.algo-row{background:var(--p09-bg);border-left:3px solid var(--p09-accent-blue);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;display:flex}.algo-num{background:var(--p09-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.multiply-example{background:var(--p09-bg);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:12px 0;padding:16px;display:flex}.example-detail{background:var(--p09-bg);border-left:3px solid var(--p09-accent-green);border-radius:10px;flex-direction:column;gap:6px;margin-top:8px;padding:12px 16px;font-size:.9rem;display:flex}.rect-viz{flex-direction:column;align-items:center;gap:8px;margin:14px 0;display:flex}.rect-grid{background:var(--p09-border);border-radius:6px;gap:2px;padding:3px;display:grid}.rect-cell{border-radius:2px;transition:background .3s}.rect-cell.active{background:var(--p09-accent-green)}.rect-cell.inactive{background:var(--p09-card)}.rect-caption{color:var(--p09-text-muted);text-align:center;font-size:.85rem;font-weight:600}.g6-p09-practice-grid{grid-template-columns:1fr 380px;gap:40px;display:grid}.g6-p09-task-area{flex-direction:column;gap:16px;display:flex}.g6-p09-input-area{flex-direction:column;gap:14px;display:flex}.trainer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.score-badge{background:var(--p09-inner);color:var(--p09-accent-green);border:1px solid var(--p09-border);border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:700}.mode-tabs{background:var(--p09-inner);border:1px solid var(--p09-border);border-radius:12px;gap:6px;padding:5px;display:inline-flex}.mode-tab{cursor:pointer;color:var(--p09-text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.mode-tab.active{background:var(--p09-accent-purple);color:#fff}.new-task-btn{background:var(--p09-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:opacity .2s}.new-task-btn:hover{opacity:.85}.progress-bar{background:var(--p09-inner);border:1px solid var(--p09-border);border-radius:99px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--p09-accent-blue), var(--p09-accent-green));border-radius:99px;height:100%;transition:width .5s ease-out}.task-card{background:var(--p09-inner);text-align:center;border:2px solid var(--p09-border);border-radius:20px;padding:24px}.task-badge{background:var(--p09-card);color:var(--p09-text-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;margin-bottom:14px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.task-label{color:var(--p09-text-muted);margin-bottom:16px;font-size:1rem;font-weight:600}.fractions-big{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.whole-number{font-size:2.6rem;font-weight:700}.feedback{text-align:center;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;font-weight:700;animation:.3s ease-out slide-in;display:flex}.feedback.correct{color:var(--p09-success);border:1px solid var(--p09-success);background:#22c55e1a}.feedback.wrong{color:var(--p09-error);border:1px solid var(--p09-error);background:#ef44441a}.hint-btn{border:2px dashed var(--p09-accent-yellow);width:100%;color:var(--p09-accent-yellow);cursor:pointer;background:#facc1514;border-radius:12px;padding:12px;font-size:.95rem;font-weight:700;transition:all .2s}.hint-btn:hover{background:#facc152e;transform:translateY(-2px)}.solution-card{background:var(--p09-inner);border:2px solid var(--p09-accent-yellow);border-radius:20px;padding:20px;animation:.3s ease-out slide-in}.solution-card h4{color:var(--p09-accent-yellow);margin:0 0 14px;font-size:1rem}.solution-step{background:var(--p09-bg);border-left:3px solid var(--p09-accent-blue);border-radius:12px;margin-bottom:12px;padding:12px 14px}.solution-step strong{color:var(--p09-accent-blue);margin-bottom:8px;font-size:.9rem;display:block}.multiply-show{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.multiply-detail{background:var(--p09-card);border-radius:8px;flex-direction:column;gap:5px;padding:10px 12px;font-size:.9rem;display:flex}.simplify-show{text-align:center;color:var(--p09-text-muted);margin-bottom:8px;font-size:.95rem;font-weight:700}.simplify-detail{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.solution-result{text-align:center;border:1px solid var(--p09-success);background:#22c55e14;border-radius:12px;margin-top:4px;padding:14px}.solution-result strong{color:var(--p09-success);margin-bottom:8px;font-size:.9rem;display:block}.fraction-input-wrap{background:var(--p09-display-bg);border:2px solid var(--p09-border);border-radius:18px;flex-direction:column;align-items:center;gap:0;margin-bottom:14px;transition:border-color .2s;display:flex;overflow:hidden}.fraction-input-field{cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 20px;transition:background .15s;display:flex}.fraction-input-field:hover{background:#ffffff08}.fraction-input-field.active{border-left:3px solid var(--p09-accent-blue);background:#38bdf81a}.field-label{color:var(--p09-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.field-value{color:var(--p09-accent-blue);text-align:right;min-width:40px;font-size:2rem;font-weight:700}.field-value.placeholder{opacity:.2;color:var(--p09-text)}.fraction-input-divider{background:var(--p09-border);width:100%;height:2px}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad-btn{background:var(--p09-key-bg);height:60px;color:var(--p09-text);cursor:pointer;box-shadow:0 4px 0 var(--p09-key-shadow);border:none;border-radius:14px;font-size:1.5rem;font-weight:700;transition:all .1s}.numpad-btn:active:not(:disabled){box-shadow:0 2px 0 var(--p09-key-shadow);transform:translateY(2px)}.numpad-btn.action{background:var(--p09-border);color:var(--p09-accent-yellow);font-size:1.2rem}.numpad-btn:disabled{opacity:.45;cursor:default}.action-btn{cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0003}.action-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0003}.action-btn.check{background:var(--p09-success);color:#fff}.action-btn.next{background:var(--p09-accent-blue);color:#fff}.action-btn:disabled{opacity:.45;cursor:default}.field-switcher{gap:8px;margin-bottom:10px;display:flex}.field-tab{border:2px solid var(--p09-border);background:var(--p09-inner);color:var(--p09-text-muted);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:8px;font-size:.85rem;font-weight:700;transition:all .15s}.field-tab.active{background:var(--p09-accent-blue);border-color:var(--p09-accent-blue);color:#fff}@media (width<=1100px){.g6-p09-wrapper{padding:10px}.g6-p09-main-content{padding:20px 16px}.g6-p09-practice-grid{grid-template-columns:1fr}}@media (width<=500px){.g6-p09-wrapper{padding:8px}.g6-p09-main-content{padding:14px 12px}.fraction.xlarge,.whole-number{font-size:2rem}.numpad-btn{height:52px;font-size:1.3rem}.field-value{font-size:1.6rem}}:root{--p10-bg:#0f172a;--p10-card:#1e293b;--p10-inner:#0f172a;--p10-text:#f1f5f9;--p10-text-muted:#94a3b8;--p10-border:#334155;--p10-display-bg:#000;--p10-key-bg:#334155;--p10-key-shadow:#1e293b;--p10-accent-blue:#38bdf8;--p10-accent-purple:#c084fc;--p10-accent-green:#4ade80;--p10-accent-yellow:#facc15;--p10-success:#22c55e;--p10-error:#ef4444}@media (prefers-color-scheme:light){:root{--p10-bg:#f1f5f9;--p10-card:#fff;--p10-inner:#f8fafc;--p10-text:#0f172a;--p10-text-muted:#64748b;--p10-border:#cbd5e1;--p10-display-bg:#f8fafc;--p10-key-bg:#e2e8f0;--p10-key-shadow:#cbd5e1;--p10-accent-blue:#0284c7;--p10-accent-purple:#7e22ce;--p10-accent-green:#15803d;--p10-accent-yellow:#b45309;--p10-success:#16a34a;--p10-error:#dc2626}}.g6-p10-wrapper{box-sizing:border-box;max-width:100%;color:var(--p10-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p10-top-nav{background:var(--p10-card);border:1px solid var(--p10-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p10-nav-btn{min-width:120px;color:var(--p10-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-p10-nav-btn:hover{color:var(--p10-text);background:#0000000d}.g6-p10-nav-btn.active{background:var(--p10-accent-blue);color:#fff;box-shadow:0 4px 12px #00000026}.g6-p10-main-content{background:var(--p10-card);border:1px solid var(--p10-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p10-theory{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.g6-p10-card{background:var(--p10-inner);border:2px solid var(--p10-border);border-radius:20px;padding:22px}.g6-p10-card.blue{border-color:var(--p10-accent-blue)}.g6-p10-card.blue h3{color:var(--p10-accent-blue)}.g6-p10-card.purple{border-color:var(--p10-accent-purple)}.g6-p10-card.purple h3{color:var(--p10-accent-purple)}.g6-p10-card.green{border-color:var(--p10-accent-green)}.g6-p10-card.green h3{color:var(--p10-accent-green)}.g6-p10-card.yellow{border-color:var(--p10-accent-yellow)}.g6-p10-card.yellow h3{color:var(--p10-accent-yellow)}.g6-p10-card.full-width{grid-column:1/-1}.g6-p10-card h3{margin:0 0 12px;font-size:1.05rem}.g6-p10-text{margin-bottom:12px;font-size:.95rem;line-height:1.6}.g6-p10-formula{text-align:center;border:2px dashed var(--p10-accent-yellow);color:var(--p10-accent-yellow);background:#0000000f;border-radius:12px;margin:12px 0;padding:14px 18px;font-size:1.1rem;font-weight:700;line-height:2}@media (prefers-color-scheme:dark){.g6-p10-formula{background:#0000004d}}.den-highlight{color:var(--p10-accent-blue);font-weight:800}.num-highlight{color:var(--p10-accent-green);font-weight:800}.g6-p10-fraction{vertical-align:middle;color:var(--p10-text);flex-direction:column;align-items:center;font-weight:700;display:inline-flex}.g6-p10-fraction.small{font-size:.85rem}.g6-p10-fraction.medium{font-size:1.1rem}.g6-p10-fraction.large{font-size:1.9rem}.g6-p10-fraction.xlarge{font-size:2.6rem}.g6-p10-fraction .num,.g6-p10-fraction .den{padding:0 4px}.g6-p10-fraction .frac-line{border-top:2.5px solid;width:100%;margin:2px 0}.g6-p10-example-steps{flex-direction:column;gap:10px;margin:12px 0;display:flex}.g6-p10-step{background:var(--p10-bg);border-left:3px solid var(--p10-accent-blue);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.95rem;animation:.3s ease-out forwards step-in;display:flex}.g6-p10-step-num{background:var(--p10-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.g6-p10-bar-model{margin:16px 0 4px}.g6-p10-bar-container{gap:4px;margin-bottom:8px;display:flex}.g6-p10-bar-segment{background:var(--p10-border);opacity:.45;border-radius:8px;flex:1;justify-content:center;align-items:center;height:44px;font-size:.85rem;font-weight:700;transition:all .35s;display:flex}.g6-p10-bar-segment.highlighted{background:linear-gradient(135deg, var(--p10-accent-blue), var(--p10-accent-green));opacity:1;transform:scale(1.04)}.g6-p10-segment-value{color:#fff;text-shadow:0 1px 2px #0000004d}.g6-p10-bar-labels{justify-content:space-between;padding:0 2px;font-size:.88rem;display:flex}.g6-p10-label-total{color:var(--p10-text-muted)}.g6-p10-label-answer{color:var(--p10-accent-green);font-weight:700}.g6-p10-pie-container{justify-content:center;margin:12px 0 4px;display:flex}.g6-p10-pie-chart{width:110px;height:110px;position:relative}.g6-p10-pie-bg{fill:none;stroke:var(--p10-border);stroke-width:10px}.g6-p10-pie-fill{fill:none;stroke:var(--p10-accent-purple);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .8s ease-out;transform:rotate(-90deg)}.g6-p10-pie-center{flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p10-pie-fraction{color:var(--p10-text-muted);font-size:.8rem;font-weight:700}.g6-p10-pie-value{color:var(--p10-accent-green);font-size:1.1rem;font-weight:800}.g6-p10-practice-grid{grid-template-columns:1fr 380px;gap:40px;display:grid}.g6-p10-task-area{flex-direction:column;gap:16px;display:flex}.g6-p10-input-area{flex-direction:column;gap:14px;display:flex}.g6-p10-trainer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.g6-p10-score{background:var(--p10-inner);color:var(--p10-accent-green);border:1px solid var(--p10-border);border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:700}.g6-p10-new-btn{background:var(--p10-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:opacity .2s}.g6-p10-new-btn:hover{opacity:.85}.g6-p10-progress-bar{background:var(--p10-inner);border:1px solid var(--p10-border);border-radius:99px;height:8px;margin-bottom:16px;overflow:hidden}.g6-p10-progress-fill{background:linear-gradient(90deg, var(--p10-accent-blue), var(--p10-accent-green));border-radius:99px;height:100%;transition:width .5s ease-out}.g6-p10-task-card{background:var(--p10-inner);text-align:center;border:2px solid var(--p10-border);border-radius:20px;padding:24px}.g6-p10-task-badge{background:var(--p10-card);color:var(--p10-text-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;margin-bottom:14px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.g6-p10-question{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:1.1rem;line-height:1.8;display:flex}.g6-p10-total-num{color:var(--p10-accent-yellow);font-size:2.6rem;font-weight:800}.g6-p10-feedback{text-align:center;border-radius:12px;padding:14px;font-size:.95rem;font-weight:700;animation:.3s ease-out slide-in}.g6-p10-feedback.correct{color:var(--p10-success);border:1px solid var(--p10-success);background:#22c55e1a}.g6-p10-feedback.wrong{color:var(--p10-error);border:1px solid var(--p10-error);background:#ef44441a}.g6-p10-hint-btn{border:2px dashed var(--p10-accent-yellow);width:100%;color:var(--p10-accent-yellow);cursor:pointer;background:#facc1514;border-radius:12px;padding:12px;font-size:.95rem;font-weight:700;transition:all .2s}.g6-p10-hint-btn:hover{background:#facc152e;transform:translateY(-2px)}.g6-p10-solution{background:var(--p10-inner);border:2px solid var(--p10-accent-yellow);border-radius:20px;padding:20px;animation:.3s ease-out slide-in}.g6-p10-solution h4{color:var(--p10-accent-yellow);margin:0 0 14px;font-size:1rem}.g6-p10-solution-steps{flex-direction:column;gap:8px;display:flex}.g6-p10-sol-step{background:var(--p10-bg);border-left:3px solid var(--p10-accent-blue);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex}.g6-p10-sol-label{color:var(--p10-accent-blue);flex-shrink:0;min-width:60px;font-weight:700}.g6-p10-sol-result{text-align:center;border:1px solid var(--p10-success);color:var(--p10-success);background:#22c55e14;border-radius:10px;margin-top:4px;padding:12px;font-size:1rem;font-weight:700}.g6-p10-display{background:var(--p10-display-bg);height:80px;color:var(--p10-accent-blue);border:2px solid var(--p10-border);border-radius:18px;justify-content:center;align-items:center;font-size:2.8rem;font-weight:700;transition:border-color .2s;display:flex}.g6-p10-display.has-value{border-color:var(--p10-accent-blue)}.g6-p10-placeholder{opacity:.2;color:var(--p10-text)}.g6-p10-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p10-num-btn{background:var(--p10-key-bg);height:60px;color:var(--p10-text);cursor:pointer;box-shadow:0 4px 0 var(--p10-key-shadow);border:none;border-radius:14px;font-size:1.5rem;font-weight:700;transition:all .1s}.g6-p10-num-btn:active:not(:disabled){box-shadow:0 2px 0 var(--p10-key-shadow);transform:translateY(2px)}.g6-p10-num-btn.action{background:var(--p10-border);color:var(--p10-accent-yellow);font-size:1.2rem}.g6-p10-num-btn:disabled{opacity:.45;cursor:default}.g6-p10-action-btn{cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0003}.g6-p10-action-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0003}.g6-p10-action-btn.check{background:var(--p10-success);color:#fff}.g6-p10-action-btn.next{background:var(--p10-accent-blue);color:#fff}.g6-p10-action-btn:disabled{opacity:.45;cursor:default}.g6-p10-hints-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.g6-p10-hints-toggle input{opacity:0;width:0;height:0;position:absolute}.g6-p10-hints-toggle-track{background:var(--p10-border);border-radius:99px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.g6-p10-hints-toggle input:checked~.g6-p10-hints-toggle-track{background:var(--p10-accent-yellow)}.g6-p10-hints-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.g6-p10-hints-toggle input:checked~.g6-p10-hints-toggle-track .g6-p10-hints-toggle-thumb{transform:translate(20px)}.g6-p10-hints-toggle-label{color:var(--p10-text-muted);font-size:.88rem;font-weight:700;transition:color .2s}.g6-p10-hints-toggle:has(input:checked) .g6-p10-hints-toggle-label{color:var(--p10-accent-yellow)}.g6-p10-method-example{border:1.5px solid var(--p10-accent-blue);background:#38bdf814;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:14px 18px;font-size:1rem;font-weight:600;display:flex}.g6-p10-method-label{color:var(--p10-accent-blue);white-space:nowrap;font-weight:800}.g6-p10-sol-method-label{text-transform:uppercase;letter-spacing:.07em;color:var(--p10-accent-blue);background:#38bdf81a;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:.78rem;font-weight:800}.g6-p10-sol-method-label.secondary{color:var(--p10-text-muted);background:#94a3b81a;margin-top:14px}.g6-p10-sol-step.primary{border-left-color:var(--p10-accent-green);background:#4ade800f}@media (width<=1100px){.g6-p10-wrapper{padding:10px}.g6-p10-main-content{padding:20px 16px}.g6-p10-practice-grid{grid-template-columns:1fr}}@media (width<=500px){.g6-p10-wrapper{padding:8px}.g6-p10-main-content{padding:14px 12px}.g6-p10-fraction.xlarge,.g6-p10-total-num{font-size:2rem}.g6-p10-num-btn{height:52px;font-size:1.3rem}.g6-p10-display{height:68px;font-size:2.2rem}}:root{--p11-bg:#0f172a;--p11-card:#1e293b;--p11-inner:#0f172a;--p11-text:#f1f5f9;--p11-text-muted:#94a3b8;--p11-border:#334155;--p11-display-bg:#000;--p11-accent-blue:#38bdf8;--p11-accent-purple:#c084fc;--p11-accent-green:#4ade80;--p11-accent-yellow:#facc15;--p11-success:#22c55e;--p11-error:#ef4444}@media (prefers-color-scheme:light){:root{--p11-bg:#f1f5f9;--p11-card:#fff;--p11-inner:#f8fafc;--p11-text:#0f172a;--p11-text-muted:#64748b;--p11-border:#cbd5e1;--p11-display-bg:#f8fafc;--p11-accent-blue:#0284c7;--p11-accent-purple:#7e22ce;--p11-accent-green:#15803d;--p11-accent-yellow:#b45309;--p11-success:#16a34a;--p11-error:#dc2626}}.g6-p11-wrapper{box-sizing:border-box;max-width:100%;color:var(--p11-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p11-top-nav{background:var(--p11-card);border:1px solid var(--p11-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p11-nav-btn{min-width:120px;color:var(--p11-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-p11-nav-btn:hover{color:var(--p11-text);background:#0000000d}.g6-p11-nav-btn.active{background:var(--p11-accent-blue);color:#fff;box-shadow:0 4px 12px #00000026}.g6-p11-main-content{background:var(--p11-card);border:1px solid var(--p11-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p11-theory{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.g6-p11-card{background:var(--p11-inner);border:2px solid var(--p11-border);border-radius:20px;padding:22px}.g6-p11-card.blue{border-color:var(--p11-accent-blue)}.g6-p11-card.blue h3{color:var(--p11-accent-blue)}.g6-p11-card.purple{border-color:var(--p11-accent-purple)}.g6-p11-card.purple h3{color:var(--p11-accent-purple)}.g6-p11-card.green{border-color:var(--p11-accent-green)}.g6-p11-card.green h3{color:var(--p11-accent-green)}.g6-p11-card.yellow{border-color:var(--p11-accent-yellow)}.g6-p11-card.yellow h3{color:var(--p11-accent-yellow)}.g6-p11-card.full-width{grid-column:1/-1}.g6-p11-card h3{margin:0 0 12px;font-size:1.05rem}.g6-p11-text{margin-bottom:12px;font-size:.95rem;line-height:1.6}.g6-p11-formula{text-align:center;border:2px dashed var(--p11-accent-yellow);color:var(--p11-accent-yellow);background:#0000000f;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:12px 0;padding:14px 18px;font-size:1.1rem;font-weight:700;display:flex}@media (prefers-color-scheme:dark){.g6-p11-formula{background:#0000004d}}.g6-p11-case-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:16px 0 10px;display:flex}.g6-p11-big-arrow{color:var(--p11-accent-purple);font-size:2rem;font-weight:700;line-height:1}.g6-p11-whole-big{color:var(--p11-accent-yellow);font-size:2.6rem;font-weight:800}.g6-p11-eq-small{color:var(--p11-text-muted);align-items:center;gap:4px;font-size:.9rem;display:flex}.g6-p11-check-row{background:var(--p11-bg);border-left:3px solid var(--p11-accent-green);border-radius:10px;margin-top:10px;padding:10px 12px}.g6-p11-product-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.g6-p11-op{color:var(--p11-text-muted);font-size:1.1rem;font-weight:700}.g6-p11-one{color:var(--p11-accent-green);font-size:1.4rem;font-weight:800}.g6-p11-fraction{vertical-align:middle;color:var(--p11-text);flex-direction:column;align-items:center;font-weight:700;display:inline-flex}.g6-p11-fraction.small{font-size:.85rem}.g6-p11-fraction.medium{font-size:1.1rem}.g6-p11-fraction.large{font-size:1.9rem}.g6-p11-fraction.xlarge{font-size:2.6rem}.g6-p11-fraction .num,.g6-p11-fraction .den{padding:0 4px}.g6-p11-fraction .frac-line{border-top:2.5px solid;width:100%;margin:2px 0}.g6-p11-flip-visual{flex-direction:column;align-items:center;gap:10px;margin:18px 0 6px;display:flex}.g6-p11-flip-card{perspective:600px;width:120px;height:120px;position:relative}.g6-p11-flip-front,.g6-p11-flip-back{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;transition:transform .7s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.g6-p11-flip-front{background:var(--p11-inner);border:2px solid var(--p11-accent-blue);transform:rotateY(0)}.g6-p11-flip-back{background:var(--p11-inner);border:2px solid var(--p11-accent-green);transform:rotateY(180deg)}.g6-p11-flip-card.flipped .g6-p11-flip-front{transform:rotateY(-180deg)}.g6-p11-flip-card.flipped .g6-p11-flip-back{transform:rotateY(0)}.g6-p11-flip-labels{align-items:center;gap:12px;font-size:.8rem;font-weight:700;display:flex}.g6-p11-flip-label-orig{color:var(--p11-accent-blue)}.g6-p11-flip-arrow{color:var(--p11-text-muted);font-size:1rem}.g6-p11-flip-label-recip{color:var(--p11-accent-green)}.g6-p11-trainer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.g6-p11-score{background:var(--p11-inner);color:var(--p11-accent-green);border:1px solid var(--p11-border);border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:700}.g6-p11-new-btn{background:var(--p11-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:opacity .2s}.g6-p11-new-btn:hover{opacity:.85}.g6-p11-progress-bar{background:var(--p11-inner);border:1px solid var(--p11-border);border-radius:99px;height:8px;margin-bottom:16px;overflow:hidden}.g6-p11-progress-fill{background:linear-gradient(90deg, var(--p11-accent-blue), var(--p11-accent-green));border-radius:99px;height:100%;transition:width .5s ease-out}.g6-p11-task-card{background:var(--p11-inner);text-align:center;border:2px solid var(--p11-border);border-radius:20px;margin-bottom:16px;padding:24px}.g6-p11-task-badge{background:var(--p11-card);color:var(--p11-text-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;margin-bottom:14px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.g6-p11-question-text{color:var(--p11-text-muted);margin:0 0 16px;font-size:1rem}.g6-p11-question-number{justify-content:center;align-items:center;min-height:90px;display:flex}.g6-p11-whole-display{color:var(--p11-accent-yellow);font-size:3.2rem;font-weight:800}.g6-p11-feedback{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;padding:14px;font-size:.95rem;font-weight:700;animation:.3s ease-out p11-slide-in;display:flex}@keyframes p11-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.g6-p11-feedback.correct{color:var(--p11-success);border:1px solid var(--p11-success);background:#22c55e1a}.g6-p11-feedback.wrong{color:var(--p11-error);border:1px solid var(--p11-error);background:#ef44441a}.g6-p11-options{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.g6-p11-option-btn{border:2px solid var(--p11-border);background:var(--p11-inner);min-height:90px;color:var(--p11-text);cursor:pointer;box-shadow:0 3px 0 var(--p11-border);border-radius:16px;justify-content:center;align-items:center;transition:all .15s;display:flex}.g6-p11-option-btn:hover:not(:disabled){border-color:var(--p11-accent-blue);background:#38bdf814;transform:translateY(-2px);box-shadow:0 5px #38bdf833}.g6-p11-option-btn:active:not(:disabled){box-shadow:0 1px 0 var(--p11-border);transform:translateY(1px)}.g6-p11-option-btn.correct{border-color:var(--p11-success);background:#22c55e1f}.g6-p11-option-btn.disabled{opacity:.38;cursor:default}.g6-p11-opt-whole{color:var(--p11-accent-yellow);font-size:2.4rem;font-weight:800}.g6-p11-hint-btn{border:2px dashed var(--p11-accent-yellow);width:100%;color:var(--p11-accent-yellow);cursor:pointer;background:#facc1514;border-radius:12px;margin-bottom:12px;padding:12px;font-size:.95rem;font-weight:700;transition:all .2s}.g6-p11-hint-btn:hover{background:#facc152e;transform:translateY(-2px)}.g6-p11-solution{background:var(--p11-inner);border:2px solid var(--p11-accent-yellow);border-radius:20px;margin-bottom:12px;padding:20px;animation:.3s ease-out p11-slide-in}.g6-p11-solution h4{color:var(--p11-accent-yellow);margin:0 0 14px;font-size:1rem}.g6-p11-solution-steps{flex-direction:column;gap:8px;display:flex}.g6-p11-sol-step{background:var(--p11-bg);border-left:3px solid var(--p11-accent-blue);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex}.g6-p11-sol-label{color:var(--p11-accent-blue);flex-shrink:0;min-width:80px;font-weight:700}.g6-p11-sol-result{text-align:center;border:1px solid var(--p11-success);color:var(--p11-success);background:#22c55e14;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:1rem;font-weight:700;display:flex}.g6-p11-steps-list{flex-direction:column;gap:7px;margin:10px 0 14px;display:flex}.g6-p11-mini-step{background:var(--p11-bg);border-left:3px solid var(--p11-accent-purple);border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:.88rem;display:flex}.g6-p11-card.green .g6-p11-mini-step{border-left-color:var(--p11-accent-green)}.g6-p11-mini-num{background:var(--p11-accent-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:800;display:inline-flex}.g6-p11-card.green .g6-p11-mini-num{background:var(--p11-accent-green);color:#0f172a}.g6-p11-decimal-example{background:var(--p11-bg);border-radius:10px;padding:12px;overflow-x:auto}.g6-p11-dec-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;min-width:max-content;margin:0 auto;display:flex}.g6-p11-dec-labels{color:var(--p11-text-muted);justify-content:space-around;margin-top:6px;font-size:.7rem;font-weight:600;display:flex}.g6-p11-dec-val{color:var(--p11-accent-purple);white-space:nowrap;font-size:1.4rem;font-weight:800}.g6-p11-dec-arrow{color:var(--p11-text-muted);flex-shrink:0;font-size:1.1rem;font-weight:700}.g6-p11-mixed-display{color:var(--p11-accent-green);align-items:flex-start;gap:2px;font-size:1.6rem;font-weight:800;line-height:1;display:inline-flex}.g6-p11-mixed-calc{align-items:center;display:inline-flex}.g6-p11-diff-switch{background:var(--p11-inner);border:1px solid var(--p11-border);border-radius:12px;gap:4px;padding:4px;display:flex}.g6-p11-diff-btn{color:var(--p11-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s}.g6-p11-diff-btn:hover{color:var(--p11-text);background:#ffffff0d}.g6-p11-diff-btn.active.easy{background:var(--p11-accent-blue);color:#fff;box-shadow:0 2px 8px #38bdf84d}.g6-p11-diff-btn.active.hard{background:var(--p11-error);color:#fff;box-shadow:0 2px 8px #ef44444d}.g6-p11-diff-badge{text-align:center;border-radius:10px;margin-bottom:14px;padding:8px 16px;font-size:.82rem;font-weight:700}.g6-p11-diff-badge.easy{color:var(--p11-accent-blue);background:#38bdf814;border:1px solid #38bdf840}.g6-p11-diff-badge.hard{color:var(--p11-error);background:#ef444414;border:1px solid #ef444440}.g6-p11-decimal-display{color:var(--p11-accent-purple);letter-spacing:.02em;font-size:3.2rem;font-weight:800}.g6-p11-mixed-num{align-items:flex-start;gap:4px;line-height:1;display:inline-flex}.g6-p11-mixed-whole{color:var(--p11-accent-green);padding-top:2px;font-size:2.6rem;font-weight:800;line-height:1}.g6-p11-sol-mixed{vertical-align:middle;align-items:center;gap:2px;font-weight:800;display:inline-flex}.g6-p11-action-btn{cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0003}.g6-p11-action-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.g6-p11-action-btn.next{background:var(--p11-accent-blue);color:#fff}@media (width<=1100px){.g6-p11-wrapper{padding:10px}.g6-p11-main-content{padding:20px 16px}}@media (width<=500px){.g6-p11-wrapper{padding:8px}.g6-p11-main-content{padding:14px 12px}.g6-p11-fraction.xlarge{font-size:2rem}.g6-p11-whole-display{font-size:2.4rem}.g6-p11-option-btn{min-height:72px}.g6-p11-whole-big{font-size:2rem}.g6-p11-fraction.large{font-size:1.5rem}}.g6-unit{min-height:calc(100vh - 120px);color:var(--text-color);background:radial-gradient(circle at 10% 10%, #22d3ee14, transparent 35%), radial-gradient(circle at 90% 10%, #fb923c14, transparent 35%), var(--bg-color);padding:20px;font-family:Trebuchet MS,Tahoma,sans-serif}.g6-unit-bright{background:radial-gradient(circle at 15% 15%, #38bdf82e, transparent 35%), radial-gradient(circle at 85% 20%, #facc152e, transparent 35%), radial-gradient(circle at 70% 80%, #f8717124, transparent 40%), var(--bg-color)}.g6-unit-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.g6-unit-title{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:700}.g6-unit-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.g6-unit-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;gap:10px;padding:8px;display:flex}.g6-unit-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 12px;font-weight:600;transition:background .2s,color .2s}.g6-unit-nav button.active{color:#0b1220;background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.g6-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.g6-unit-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.g6-unit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:20px;box-shadow:0 12px 24px #0000002e}.g6-unit-card h3{color:var(--text-color);margin:0 0 12px;font-size:1.2rem}.g6-unit-card p{color:var(--text-muted);margin:6px 0;line-height:1.6}.g6-unit-hero{color:var(--text-color);background:linear-gradient(135deg,#3b82f638,#f973162e);border:1px solid #3b82f673;border-radius:22px;padding:24px}.g6-unit-highlight{color:var(--text-color);background:linear-gradient(135deg,#0ea5e933,#22d3ee1a);border:1px solid #22d3ee59;border-radius:14px;margin-top:12px;padding:12px 16px;font-weight:600}.g6-unit-note{color:var(--text-color);background:#0f766e1f;border:1px solid #14b8a666;border-radius:14px;padding:10px 14px;font-weight:600}.g6-unit-steps{gap:10px;display:grid}.g6-unit-step{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.g6-unit-step span{color:#0b1220;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;display:flex}.g6-unit-practice{grid-template-columns:minmax(0,1fr) 320px;gap:20px;display:grid}.g6-unit-question{color:var(--text-color);margin:0 0 16px;font-size:1.6rem;font-weight:700}.g6-unit-task-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;gap:16px;padding:20px;display:flex}.g6-unit-answer{background:#0ea5e914;border:2px solid #0ea5e999;border-radius:14px;justify-content:center;align-items:center;min-height:60px;padding:12px 16px;font-size:2rem;font-weight:700;display:flex}.g6-unit-answer.correct{color:#22c55e;background:#22c55e1f;border-color:#22c55e}.g6-unit-answer.wrong{color:#f97316;background:#f973161f;border-color:#f97316}.g6-unit-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-unit-numpad button{border:1px solid var(--border-color);background:var(--header-bg);height:52px;color:var(--text-color);cursor:pointer;border-radius:12px;font-size:1.2rem;font-weight:700}.g6-unit-numpad button.action{background:#0ea5e926}.g6-unit-btn{cursor:pointer;color:#0b1220;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:14px;padding:14px 18px;font-weight:700}.g6-unit-btn.secondary{background:linear-gradient(135deg,#22c55e,#4ade80)}.g6-unit-feedback{color:var(--text-muted);font-weight:600}.g6-unit-feedback.correct{color:#22c55e}.g6-unit-feedback.wrong{color:#f97316}.g6-unit-options{gap:10px;display:grid}.g6-unit-options button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:12px 14px;font-weight:600}.g6-unit-fraction{flex-direction:column;align-items:center;margin:0 4px;font-weight:700;line-height:1;display:inline-flex}.g6-unit-fraction .num{border-bottom:2px solid;padding:0 4px 2px}.g6-unit-fraction .den{padding:2px 4px 0}.g6-unit-meta{color:var(--text-muted);font-size:.95rem}.g6-unit-score{color:var(--text-muted);font-size:.95rem;font-weight:600}.g6-unit-proportion{color:var(--text-color);flex-direction:column;gap:6px;font-weight:600;display:flex}.g6-unit-proportion .dash{color:var(--text-muted);font-weight:600}.g6-unit-proportion .eq{background:#3b82f61a;border:1px dashed #3b82f680;border-radius:12px;padding:8px 10px}.g6-visual-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.g6-chip{background:var(--header-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:999px;padding:8px 12px;font-weight:600}.g6-numberline{background:#0ea5e914;border:1px solid #0ea5e966;border-radius:12px;height:64px;padding:8px 12px;position:relative}.g6-numberline:after{content:"";background:#94a3b899;height:2px;position:absolute;top:50%;left:12px;right:12px}.g6-numberline .tick{background:#94a3b8cc;width:2px;height:22px;position:absolute;top:18px}.g6-numberline .label{color:var(--text-muted);font-size:.85rem;position:absolute;top:42px;transform:translate(-50%)}.g6-numberline .point{background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;transform:translate(-50%)}.g6-sign-table{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.g6-sign-cell{border:1px solid var(--border-color);background:var(--header-bg);border-radius:10px;padding:10px;font-weight:600}.g6-area-model{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.g6-area-tile{text-align:center;background:#3b82f61f;border:1px solid #3b82f666;border-radius:10px;padding:12px;font-weight:600}.g6-balance{justify-content:space-between;align-items:center;gap:12px;display:flex}.g6-balance .side{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:12px;flex:1;padding:12px;font-weight:600}.g6-angle-box{align-items:center;gap:12px;display:flex}.g6-angle-svg{width:90px;height:90px}.g6-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.g6-grid-cell{aspect-ratio:1;border:1px solid var(--border-color);background:var(--header-bg);border-radius:8px}.g6-cube-net{grid-template-columns:repeat(4,1fr);gap:4px;max-width:220px;display:grid}.g6-cube-net div{aspect-ratio:1;background:#38bdf826;border:1px solid #38bdf899;border-radius:6px}.g6-graph-sample{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.g6-graph-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:12px;padding:10px;font-weight:600}.g6-graph-svg{width:100%;height:90px}@media (width<=900px){.g6-unit-grid,.g6-unit-grid-3,.g6-unit-practice{grid-template-columns:1fr}.g6-unit-nav{flex-direction:column}}.g6-p21-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p21-nav{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.g6-p21-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.g6-p21-nav button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.g6-p21-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p21-theory-tabs{gap:10px;margin-bottom:20px;display:flex}.g6-p21-theory-tabs button{background:var(--ui-muted-bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem}.g6-p21-theory-tabs button.active{background:var(--panel-blue-bg);color:var(--panel-blue-text-strong);font-weight:700}.g6-p21-theory-box{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);color:var(--panel-blue-text);border-radius:10px;padding:20px}.g6-p21-formula{text-align:center;background:var(--card-bg);border:1px dashed var(--panel-blue-border);border-radius:8px;margin:20px 0;padding:15px;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;display:block}.g6-p21-bar{border:1px solid var(--panel-blue-border);height:28px;color:var(--panel-blue-text);background:#3b82f626;border-radius:999px;justify-content:center;align-items:center;margin-top:16px;font-weight:700;display:flex;position:relative;overflow:hidden}.g6-p21-bar-fill{opacity:.6;background:linear-gradient(90deg,#38bdf8,#0ea5e9);position:absolute;top:0;bottom:0;left:0}.g6-p21-practice-area{flex-direction:column;align-items:center;gap:20px;display:flex}.g6-p21-task-text{text-align:center;max-width:600px;font-size:1.2rem;font-weight:600}.g6-p21-answer-block{flex-direction:column;align-items:center;gap:15px;display:flex}.g6-p21-input-wrapper{align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.g6-p21-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:120px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p21-input-wrapper input:focus{border-color:var(--btn-primary);outline:none}.g6-p21-numpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.g6-p21-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p21-numpad button:hover{background:var(--border-color)}.g6-p21-check-btn{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:transform .1s}.g6-p21-check-btn:active{transform:scale(.95)}.g6-p21-feedback{border-radius:8px;margin-top:15px;padding:10px 20px;font-size:1.1rem;font-weight:700}.g6-p21-feedback.correct{background:var(--panel-green-bg);color:var(--panel-green-text);border:1px solid var(--panel-green-border)}.g6-p21-feedback.error{background:var(--panel-error-bg);color:var(--panel-error-text);border:1px solid var(--panel-error-border)}@media (width<=600px){.g6-p21-numpad{grid-template-columns:repeat(3,1fr)}}.g6-p22-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p22-nav{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.g6-p22-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.g6-p22-nav button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.g6-p22-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p22-theory-box{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);color:var(--panel-blue-text);border-radius:10px;padding:20px}.g6-p22-formula-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:20px 0;display:grid}.g6-p22-formula-card{background:var(--card-bg);border:1px solid var(--panel-blue-border);text-align:center;border-radius:8px;padding:15px}.g6-p22-formula-card h4{color:var(--panel-blue-text-strong);margin-top:0}.g6-p22-formula{color:var(--text-color);margin:10px 0;font-size:1.2rem;font-weight:700}.g6-p22-mini-bar{border:1px solid var(--panel-blue-border);height:26px;color:var(--panel-blue-text-strong);background:#0ea5e926;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;overflow:hidden}.g6-p22-mini-bar .fill{opacity:.55;background:linear-gradient(90deg,#38bdf8,#0ea5e9);width:40%;position:absolute;inset:0}.g6-p22-practice-area{flex-direction:column;align-items:center;gap:20px;display:flex}.g6-p22-task-text{text-align:center;max-width:700px;font-size:1.2rem;font-weight:600}.g6-p22-answer-block{flex-direction:column;align-items:center;gap:15px;display:flex}.g6-p22-input-wrapper{align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.g6-p22-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:150px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p22-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p22-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p22-check-btn{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:700}.g6-p22-feedback{text-align:center;border-radius:8px;margin-top:15px;padding:10px 20px;font-weight:700}.g6-p22-feedback.correct{background:var(--panel-green-bg);color:var(--panel-green-text)}.g6-p22-feedback.error{background:var(--panel-error-bg);color:var(--panel-error-text)}.g6-p23-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p23-nav{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.g6-p23-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p23-nav button.active{background:var(--btn-primary);color:#fff}.g6-p23-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p23-circle-viz{justify-content:center;margin:20px 0;display:flex}.g6-p23-circle-viz.large{margin:10px 0 20px}.g6-p23-circle-svg{width:200px;height:200px}.g6-p23-circle-svg circle{fill:none;stroke:var(--btn-primary);stroke-width:3px}.g6-p23-circle-svg line.radius{stroke:var(--success-color);stroke-width:3px}.g6-p23-circle-svg line.diameter{stroke:var(--error-color);stroke-width:2px;stroke-dasharray:5 5}.g6-p23-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:10px;padding:20px}.g6-p23-formula{text-align:center;background:var(--card-bg);border:1px dashed var(--btn-primary);border-radius:8px;margin:15px 0;padding:10px;font-size:1.5rem;font-weight:800}.g6-p23-formula.small{text-align:left;margin-top:10px;font-size:1rem;font-weight:700}.g6-p23-steps{background:var(--ui-muted-bg);border:1px solid var(--border-color);border-radius:10px;margin-top:16px;padding:16px}.g6-p23-steps h4{margin:0 0 10px}.g6-p23-steps ol{margin:0;padding-left:18px}.g6-p23-explore{grid-template-columns:1.1fr .9fr;align-items:start;gap:20px;display:grid}.g6-p23-explore-left,.g6-p23-explore-right{flex-direction:column;gap:16px;display:flex}.g6-p23-explore-card{background:var(--panel-blue-bg);color:var(--panel-blue-text);border:1px solid var(--border-color);border-radius:12px;padding:16px}.g6-p23-explore-title{margin-bottom:12px;font-weight:800}.g6-p23-explore-toggle{gap:10px;margin-bottom:16px;display:flex}.g6-p23-explore-toggle button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-weight:700}.g6-p23-explore-toggle button.active{background:var(--btn-primary);color:#fff}.g6-p23-slider{flex-direction:column;gap:10px;display:flex}.g6-p23-slider input[type=range]{width:100%;accent-color:var(--btn-primary)}.g6-p23-explore-result{gap:6px;font-size:1.05rem;display:grid}.g6-p23-explore-note{background:var(--card-bg);border:1px dashed var(--btn-primary);border-radius:10px;padding:12px;font-size:.95rem;line-height:1.4}.g6-p23-practice-area{flex-direction:column;align-items:center;gap:20px;display:flex}.g6-p23-task-text{text-align:center;font-size:1.2rem;font-weight:600}.g6-p23-input-wrapper{align-items:center;gap:10px;font-size:1.5rem;display:flex}.g6-p23-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:140px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p23-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p23-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p23-numpad button:last-child{grid-column:span 3;width:100%;height:48px;font-size:1rem}.g6-p23-check-btn{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:700}.g6-p23-feedback{border-radius:8px;padding:10px 20px;font-weight:700}.g6-p23-feedback.correct{background:var(--panel-green-bg);color:var(--panel-green-text)}.g6-p23-feedback.error{background:var(--panel-error-bg);color:var(--panel-error-text)}@media (width<=900px){.g6-p23-explore{grid-template-columns:1fr}.g6-p23-circle-svg{width:180px;height:180px}}.g6-p24-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p24-nav{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.g6-p24-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p24-nav button.active{background:var(--btn-primary);color:#fff}.g6-p24-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p24-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:10px;padding:20px}.g6-p24-viz-row{flex-wrap:wrap;justify-content:space-around;gap:20px;margin:20px 0;display:flex}.g6-p24-viz-item{text-align:center}.g6-p24-circle-svg{width:150px;height:150px}.g6-p24-circle-svg circle.fill{fill:#2563eb33;stroke:var(--btn-primary);stroke-width:2px}.g6-p24-circle-svg path.sector{fill:var(--accent-purple);opacity:.5;stroke:var(--accent-purple);stroke-width:2px}.g6-p24-formula{text-align:center;background:var(--card-bg);border:1px dashed var(--btn-primary);border-radius:8px;margin:15px 0;padding:10px;font-size:1.5rem;font-weight:800}.g6-p24-practice-area{flex-direction:column;align-items:center;gap:20px;display:flex}.g6-p24-task-text{text-align:center;font-size:1.2rem;font-weight:600}.g6-p24-answer-block{flex-direction:column;align-items:center;gap:15px;display:flex}.g6-p24-input-wrapper{align-items:center;gap:10px;font-size:1.5rem;display:flex}.g6-p24-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:140px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p24-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p24-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p24-check-btn{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:700}.g6-p24-feedback{border-radius:8px;padding:10px 20px;font-weight:700}.g6-p24-feedback.correct{background:var(--panel-green-bg);color:var(--panel-green-text)}.g6-p24-feedback.error{background:var(--panel-error-bg);color:var(--panel-error-text)}.g6-p25-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p25-nav{gap:10px;margin-bottom:5px;display:flex}.g6-p25-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p25-nav button.active{background:var(--btn-primary);color:#fff}.g6-p25-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:450px;padding:25px}.g6-p25-theory-card{background:var(--panel-blue-bg);color:var(--panel-blue-text);border:1px solid var(--panel-blue-border);border-radius:12px;padding:20px}.g6-p25-theory-grid{grid-template-columns:1fr 180px;align-items:center;gap:20px;margin:18px 0;display:grid}.g6-p25-formula{border:1px dashed var(--btn-primary);text-align:center;background:#2563eb1f;border-radius:10px;margin-top:12px;padding:10px 12px;font-weight:700}.g6-p25-mini-chart{flex-direction:column;align-items:center;gap:6px;display:flex}.g6-p25-mini-caption{color:var(--panel-blue-text);opacity:.9;font-size:.85rem}.g6-p25-tip{text-align:center;font-weight:700}.g6-p25-practice-grid{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.g6-p25-chart-area{flex-direction:column;align-items:center;display:flex}.g6-p25-chart-wrap{width:250px;height:250px;position:relative}.g6-p25-center-label{color:var(--text-color);background:#0f172a33;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto;font-weight:700;display:flex;position:absolute;inset:0}.g6-p25-pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.g6-p25-legend{flex-direction:column;gap:8px;width:100%;margin-top:20px;display:flex}.g6-p25-legend-item{align-items:center;gap:10px;font-size:.95rem;display:flex}.g6-p25-color-box{border-radius:3px;width:16px;height:16px}.g6-p25-question-area{flex-direction:column;gap:20px;display:flex}.g6-p25-task-text{font-size:1.2rem;font-weight:700}.g6-p25-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g6-p25-option-btn{border:1px solid var(--border-color);background:var(--ui-muted-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:12px;font-weight:600;transition:all .2s}.g6-p25-option-btn:hover:not(:disabled){border-color:var(--btn-primary)}.g6-p25-option-btn.correct{background:var(--panel-green-bg);color:var(--panel-green-text);border-color:var(--panel-green-border)}.g6-p25-option-btn.error{background:var(--panel-error-bg);color:var(--panel-error-text);border-color:var(--panel-error-border)}.g6-p25-next-btn{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:700}@media (width<=768px){.g6-p25-practice-grid{grid-template-columns:1fr}}.g6-p26-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p26-nav{gap:10px;margin-bottom:5px;display:flex}.g6-p26-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p26-nav button.active{background:var(--btn-primary);color:#fff}.g6-p26-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p26-theory-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.g6-p26-numberline{border:1px solid var(--border-color);text-align:center;border-radius:999px;grid-template-columns:1fr 40px 1fr;align-items:center;height:48px;margin-top:18px;font-weight:700;display:grid;position:relative;overflow:hidden}.g6-p26-seg{justify-content:center;align-items:center;height:100%;display:flex}.g6-p26-seg.neg{color:#fecaca;background:#ef444426}.g6-p26-seg.pos{color:#bbf7d0;background:#22c55e26}.g6-p26-zero-dot{background:var(--panel-blue-bg);width:32px;height:32px;color:var(--panel-blue-text);border:2px solid var(--panel-blue-border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-weight:800;display:flex}.g6-p26-info-card{border:1px solid var(--border-color);border-radius:10px;padding:15px}.g6-p26-pos{background:var(--panel-green-bg);color:var(--panel-green-text);border-color:var(--panel-green-border)}.g6-p26-neg{background:var(--panel-error-bg);color:var(--panel-error-text);border-color:var(--panel-error-border)}.g6-p26-zero{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-color:var(--panel-blue-border)}.g6-p26-practice-area{flex-direction:column;align-items:center;gap:20px;display:flex}.g6-p26-task-text{text-align:center;font-size:1.3rem;font-weight:700}.g6-p26-options-row{gap:15px;margin-top:20px;display:flex}.g6-p26-option-btn{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:15px 30px;font-size:1.2rem;font-weight:700}.g6-p26-option-btn.selected-correct{background:var(--success-color);color:#fff;border-color:var(--success-color)}.g6-p26-option-btn.selected-error{background:var(--error-color);color:#fff;border-color:var(--error-color)}.g6-p26-feedback{margin-top:20px;font-size:1.1rem;font-weight:600}.g6-p27-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p27-nav{gap:10px;display:flex}.g6-p27-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p27-nav button.active{background:var(--btn-primary);color:#fff}.g6-p27-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p27-line-viz{background:var(--ui-muted-bg);border-radius:10px;width:100%;margin:20px 0;padding:40px 0;overflow-x:auto}.g6-p27-scale{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px;display:flex}.g6-p27-chip{background:var(--header-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:999px;padding:8px 12px;font-weight:600}.g6-p27-svg{min-width:800px;height:100px}.g6-p27-point{fill:var(--error-color);cursor:pointer}.g6-p27-point-label{fill:var(--text-color);font-size:14px;font-weight:700}.g6-p27-practice-area{flex-direction:column;align-items:center;gap:25px;display:flex}.g6-p27-task-text{font-size:1.3rem;font-weight:700}.g6-p27-input-wrapper{align-items:center;gap:10px;display:flex}.g6-p27-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:100px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p27-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p27-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p28-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p28-nav{gap:10px;display:flex}.g6-p28-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p28-nav button.active{background:var(--btn-primary);color:#fff}.g6-p28-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p28-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:12px;padding:20px}.g6-p28-visual-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.g6-p28-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--panel-blue-text);border-radius:999px;padding:8px 12px;font-weight:700}.g6-p28-numberline{background:#3b82f61f;border:1px solid #3b82f659;border-radius:12px;height:60px;position:relative}.g6-p28-numberline:after{content:"";background:#94a3b8cc;height:2px;position:absolute;top:50%;left:12px;right:12px}.g6-p28-numberline .tick{background:#94a3b8cc;width:2px;height:18px;position:absolute;top:16px}.g6-p28-numberline .label{color:var(--panel-blue-text);font-size:.8rem;position:absolute;top:38px;transform:translate(-50%)}.g6-p28-numberline .point{background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;transform:translate(-50%)}.g6-p28-practice-area{flex-direction:column;align-items:center;gap:25px;display:flex}.g6-p28-task-text{text-align:center;font-size:1.4rem;font-weight:700}.g6-p28-input-wrapper{align-items:center;gap:15px;font-size:1.5rem;display:flex}.g6-p28-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:120px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p28-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p28-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p29-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p29-nav{gap:10px;display:flex}.g6-p29-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p29-nav button.active{background:var(--btn-primary);color:#fff}.g6-p29-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p29-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:12px;padding:20px}.g6-p29-formula{text-align:center;background:var(--card-bg);border:1px dashed var(--btn-primary);border-radius:8px;margin:15px 0;padding:15px;font-size:1.6rem;font-weight:800}.g6-p29-visual-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0;display:flex}.g6-p29-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--panel-blue-text);border-radius:999px;padding:8px 12px;font-weight:700}.g6-p29-numberline{background:#3b82f61f;border:1px solid #3b82f659;border-radius:12px;height:60px;position:relative}.g6-p29-numberline:after{content:"";background:#94a3b8cc;height:2px;position:absolute;top:50%;left:12px;right:12px}.g6-p29-numberline .tick{background:#94a3b8cc;width:2px;height:18px;position:absolute;top:16px}.g6-p29-numberline .label{color:var(--panel-blue-text);font-size:.8rem;position:absolute;top:38px;transform:translate(-50%)}.g6-p29-numberline .point{background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;transform:translate(-50%)}.g6-p29-practice-area{flex-direction:column;align-items:center;gap:25px;display:flex}.g6-p29-task-text{font-size:1.5rem;font-weight:700}.g6-p29-input-wrapper{align-items:center;gap:15px;display:flex}.g6-p29-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:120px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p29-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p29-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.g6-p30-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p30-nav{gap:10px;display:flex}.g6-p30-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p30-nav button.active{background:var(--btn-primary);color:#fff}.g6-p30-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p30-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:12px;padding:20px}.g6-p30-numberline{background:#3b82f61f;border:1px solid #3b82f659;border-radius:12px;height:60px;margin-top:18px;position:relative}.g6-p30-numberline:after{content:"";background:#94a3b8cc;height:2px;position:absolute;top:50%;left:12px;right:12px}.g6-p30-numberline .tick{background:#94a3b8cc;width:2px;height:18px;position:absolute;top:16px}.g6-p30-numberline .label{color:var(--panel-blue-text);font-size:.8rem;position:absolute;top:38px;transform:translate(-50%)}.g6-p30-numberline .point{background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;transform:translate(-50%)}.g6-p30-practice-area{flex-direction:column;align-items:center;gap:30px;display:flex}.g6-p30-compare-row{align-items:center;gap:30px;font-size:2.5rem;font-weight:800;display:flex}.g6-p30-symbol-box{border:3px dashed var(--border-color);width:80px;height:80px;color:var(--btn-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.g6-p30-choices{gap:15px;display:flex}.g6-p30-choice-btn{border:2px solid var(--border-color);background:var(--ui-muted-bg);width:70px;height:70px;color:var(--text-color);cursor:pointer;border-radius:10px;font-size:2rem;font-weight:800}.g6-p30-choice-btn.selected-correct{background:var(--success-color);color:#fff;border-color:var(--success-color)}.g6-p30-choice-btn.selected-error{background:var(--error-color);color:#fff;border-color:var(--error-color)}.g6-p31-container{flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto;display:flex}.g6-p31-nav{gap:10px;display:flex}.g6-p31-nav button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600}.g6-p31-nav button.active{background:var(--btn-primary);color:#fff}.g6-p31-content{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:25px}.g6-p31-theory-box{background:var(--panel-blue-bg);color:var(--panel-blue-text);border-radius:12px;padding:20px}.g6-p31-formula{text-align:center;background:var(--card-bg);border:1px dashed var(--btn-primary);border-radius:10px;margin:20px 0;padding:15px;font-size:1.6rem;font-weight:800}.g6-p31-visual-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:12px 0;display:flex}.g6-p31-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:999px;padding:8px 12px;font-weight:700}.g6-p31-numberline{background:#3b82f614;border:1px solid #3b82f659;border-radius:12px;height:60px;margin-top:12px;position:relative}.g6-p31-numberline:after{content:"";background:#94a3b8cc;height:2px;position:absolute;top:50%;left:12px;right:12px}.g6-p31-numberline .tick{background:#94a3b8cc;width:2px;height:18px;position:absolute;top:16px}.g6-p31-numberline .label{color:var(--text-muted);font-size:.8rem;position:absolute;top:38px;transform:translate(-50%)}.g6-p31-numberline .point{background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;transform:translate(-50%)}.g6-p31-practice-area{flex-direction:column;align-items:center;gap:25px;display:flex}.g6-p31-task-text{text-align:center;font-size:1.6rem;font-weight:800}.g6-p31-input-wrapper{align-items:center;gap:15px;font-size:1.5rem;display:flex}.g6-p31-input-wrapper input{text-align:center;border:2px solid var(--border-color);background:var(--card-bg);width:150px;color:var(--text-color);border-radius:8px;padding:10px;font-size:1.5rem}.g6-p31-numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g6-p31-numpad button{border:1px solid var(--border-color);background:var(--ui-muted-bg);width:60px;height:60px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:1.2rem}.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%}}