@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";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;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{10%,90%{transform:translate(-6px,3px)}20%,80%{transform:translate(7px,-4px)}30%,50%,70%{transform:translate(-10px,6px)}40%,60%{transform:translate(10px,-6px)}}.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}}@keyframes mt-pop-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes mt-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mt-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}@keyframes mt-pulse-green{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 20px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes mt-pulse-red{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes mt-flash-ok-bg{0%{background:#22c55e26}to{background:0 0}}@keyframes mt-flash-error-bg{0%{background:#ef444426}to{background:0 0}}@keyframes mt-timer-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mt-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mt-step-appear{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes mt-bar-grow{0%{width:0}}@keyframes mt-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.mt-container{background:var(--bg-color);max-width:520px;min-height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;margin:0 auto;padding:16px;font-family:Segoe UI,sans-serif;transition:background .3s;display:flex}.mt-container.mt-flash-ok{animation:.5s ease-out mt-flash-ok-bg}.mt-container.mt-flash-error{animation:.4s ease-out mt-flash-error-bg}.mt-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;animation:.3s ease-out mt-slide-down;display:flex}.mt-back{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:10px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:all .15s}.mt-back:hover{background:var(--header-bg)}.mt-title{color:var(--btn-primary);margin:0;font-size:1.3rem;font-weight:800}.mt-score-badge{background:var(--panel-green-bg);border:1px solid var(--panel-green-border);font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:flex}.mt-score-ok{color:var(--panel-green-text-strong);font-size:1.1rem}.mt-score-sep,.mt-score-total{color:var(--text-muted)}.mt-score-pct{border-radius:8px;padding:2px 8px;font-size:.85rem;font-weight:800}.mt-score-pct.pass{color:var(--panel-green-text-strong);background:#22c55e33}.mt-score-pct.fail{color:var(--panel-error-text);background:#ef444426}.mt-progress-bar{background:var(--header-bg);border:1px solid var(--border-color);border-radius:14px;height:28px;margin-bottom:10px;position:relative;overflow:hidden}.mt-progress-fill{background:linear-gradient(90deg, var(--btn-primary), #8b5cf6);border-radius:14px;height:100%;transition:width .3s}.mt-progress-text{color:var(--text-color);mix-blend-mode:difference;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;inset:0}.mt-timer{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:12px;margin-bottom:12px;padding:10px 14px;transition:all .2s}.mt-timer-urgent{border-color:var(--panel-error-border);background:var(--panel-error-bg);animation:.4s infinite mt-timer-pulse}.mt-timer-info{color:var(--panel-blue-text-strong);justify-content:space-between;margin-bottom:6px;font-size:.9rem;font-weight:700;display:flex}.mt-timer-urgent .mt-timer-info{color:var(--panel-error-text)}.mt-timer-track{background:#1e40af1f;border-radius:999px;height:8px;overflow:hidden}.mt-timer-urgent .mt-timer-track{background:#ef44441f}.mt-timer-fill{background:var(--btn-primary);border-radius:999px;height:100%;transition:width 50ms linear}.mt-timer-urgent .mt-timer-fill{background:#ef4444}.mt-task-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--card-shadow);border-radius:20px;margin-bottom:8px;padding:20px;animation:.25s ease-out mt-pop-in}.mt-task-card.mt-shake{animation:.4s mt-shake}.mt-task-type{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);color:var(--panel-blue-text-strong);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.mt-expression{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mt-num{font-variant-numeric:tabular-nums;color:var(--text-color);font-size:2.8rem;font-weight:900}.mt-op{color:var(--btn-primary);font-size:2rem;font-weight:700}.mt-eq{color:var(--text-muted);font-size:2rem;font-weight:700}.mt-answer-box{border:3px solid var(--btn-primary);background:var(--card-bg);font-variant-numeric:tabular-nums;border-radius:16px;justify-content:center;align-items:center;min-width:90px;min-height:70px;padding:4px 16px;font-size:2.8rem;font-weight:900;transition:all .15s;display:flex}.mt-answer-box.ok{color:#16a34a;background:#22c55e1a;border-color:#22c55e;animation:.5s ease-out mt-pulse-green}.mt-answer-box.error{color:#dc2626;background:#ef44441a;border-color:#ef4444;animation:.5s ease-out mt-pulse-red}.mt-placeholder{color:var(--text-muted);opacity:.4;font-size:2rem}.mt-correct-answer{color:var(--panel-error-text);margin-top:12px;font-size:1.1rem;font-weight:700;animation:.2s ease-out mt-slide-up}.mt-correct-answer b{font-size:1.3rem}.mt-feedback{text-align:center;min-height:28px;margin-bottom:8px;font-size:1.05rem;font-weight:800}.mt-feedback.ok{color:#16a34a}.mt-feedback.error{color:#dc2626}.mt-numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.mt-numpad-btn{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:18px 0;font-size:1.6rem;font-weight:800;transition:all .1s}.mt-numpad-btn:active:not(:disabled){background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:scale(.94)}.mt-numpad-btn:hover:not(:disabled):not(:active){background:var(--header-bg);border-color:var(--btn-primary)}.mt-numpad-btn:disabled{opacity:.4;cursor:not-allowed}.mt-numpad-clear{color:#ef4444;font-size:1.2rem}.mt-numpad-del{font-size:1.3rem}.mt-learn-actions{gap:10px;margin-bottom:12px;display:flex}.mt-btn-primary{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:800;transition:all .15s}.mt-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.mt-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.mt-btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.mt-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:800;transition:all .15s}.mt-btn-next:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #22c55e4d}.mt-btn-next:active:not(:disabled){transform:translateY(0)scale(.98)}.mt-btn-next:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.mt-btn-secondary{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:700;transition:all .15s}.mt-btn-secondary:hover{border-color:var(--btn-primary)}.mt-explanation{border-radius:16px;padding:16px;animation:.3s ease-out mt-slide-up}.mt-explanation-ok{background:#22c55e0f;border:1px solid #22c55e33}.mt-explanation-error{background:#ef44440f;border:1px solid #ef444426}.mt-explanation-title{color:var(--text-color);margin-bottom:12px;font-size:.95rem;font-weight:800}.mt-explanation-steps{flex-direction:column;gap:8px;display:flex}.mt-explanation-step{align-items:flex-start;gap:10px;animation:.3s ease-out both mt-step-appear;display:flex}.mt-step-num{background:var(--btn-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.mt-step-text{color:var(--text-color);font-size:.95rem;font-weight:600;line-height:1.5}.mt-menu{max-width:600px;margin:0 auto;animation:.4s ease-out mt-slide-up}.mt-menu-header{text-align:center;margin-bottom:24px}.mt-menu-icon{color:var(--btn-primary);margin-bottom:8px;font-size:3rem;font-weight:900}.mt-menu-header h1{color:var(--btn-primary);margin:0 0 4px;font-size:2rem;font-weight:900}.mt-menu-sub{color:var(--text-muted);margin:0;font-size:1.05rem;font-weight:600}.mt-menu-cards{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.mt-menu-card{background:var(--card-bg);border:2px solid var(--border-color);text-align:left;cursor:pointer;border-radius:20px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.mt-menu-card:hover{border-color:var(--btn-primary);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb1f}.mt-card-emoji{margin-bottom:8px;font-size:2rem}.mt-menu-card h3{margin:0 0 4px;font-size:1.2rem;font-weight:800}.mt-menu-card p{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.mt-card-arrow{color:var(--btn-primary);font-size:1.5rem;font-weight:800;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mt-menu-card:hover .mt-card-arrow{transform:translateY(-50%)translate(4px)}.mt-card-learn{border-left:4px solid #22c55e}.mt-card-test{cursor:default;border-left:4px solid #f59e0b}.mt-card-test:hover{border-color:var(--border-color);box-shadow:none;border-left-color:#f59e0b;transform:none}.mt-test-setup{margin-top:14px}.mt-test-setup label{color:var(--text-color);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.mt-count-btns{gap:8px;margin-bottom:12px;display:flex}.mt-count-btn{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-color);border-radius:12px;flex:1;padding:10px;font-size:1.1rem;font-weight:800;transition:all .15s}.mt-count-btn.active{border-color:var(--btn-primary);background:var(--btn-primary);color:#fff}.mt-count-btn:hover:not(.active){border-color:var(--btn-primary)}.mt-start-test{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:14px;width:100%;padding:14px;font-size:1.05rem;font-weight:800;transition:all .15s}.mt-start-test:hover{filter:brightness(1.1);transform:translateY(-1px)}.mt-start-test:active{transform:translateY(0)scale(.98)}.mt-menu-table-preview{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:16px}.mt-menu-table-preview h4{margin:0 0 12px;font-size:1rem;font-weight:700}.mt-mini-table{flex-direction:column;gap:3px;display:flex}.mt-mini-row{grid-template-columns:36px repeat(8,1fr);gap:3px;display:grid}.mt-mini-cell{text-align:center;background:var(--header-bg);font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 2px;font-size:.8rem;font-weight:600}.mt-mini-th{background:var(--btn-primary);color:#fff;font-weight:800}.mt-mini-corner{background:var(--panel-blue-bg);color:var(--panel-blue-text-strong);font-weight:800}.mt-mini-header .mt-mini-cell{background:var(--btn-primary);color:#fff}.mt-mini-header .mt-mini-corner{background:var(--panel-blue-bg);color:var(--panel-blue-text-strong)}.mt-results{max-width:520px;margin:0 auto;animation:.4s ease-out mt-pop-in}.mt-results-header{text-align:center;border-radius:20px;margin-bottom:20px;padding:24px 20px}.mt-results-header.mt-passed{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e4d}.mt-results-header.mt-failed{background:linear-gradient(135deg,#ef44441f,#ef44440a);border:2px solid #ef444440}.mt-results-icon{margin-bottom:8px;font-size:3.5rem}.mt-results-header h2{margin:0;font-size:1.6rem;font-weight:900}.mt-medal{margin-top:8px;font-size:2.5rem;animation:.6s mt-bounce}.mt-results-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.mt-stat{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:14px 8px}.mt-stat-value{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:1.5rem;font-weight:900}.mt-stat-green{color:#16a34a}.mt-stat-red{color:#dc2626}.mt-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.mt-results-bar-container{margin-bottom:20px}.mt-results-bar{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;height:24px;position:relative;overflow:visible}.mt-results-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px;height:100%;animation:1s ease-out mt-bar-grow}.mt-results-bar-threshold{background:#ef4444;width:2px;position:absolute;top:-8px;bottom:-8px}.mt-results-bar-threshold span{color:#ef4444;font-size:.7rem;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.mt-weak-spots{background:var(--panel-error-bg);border:1px solid var(--panel-error-border);border-radius:14px;margin-bottom:20px;padding:14px}.mt-weak-spots h4{color:var(--panel-error-text);margin:0 0 10px;font-size:.95rem}.mt-weak-list{flex-wrap:wrap;gap:8px;display:flex}.mt-weak-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.mt-weak-num{font-weight:700}.mt-weak-count{color:var(--panel-error-text);font-weight:800}.mt-results-actions{gap:10px;display:flex}@media (width<=480px){.mt-container{padding:10px}.mt-num{font-size:2.2rem}.mt-answer-box{min-width:70px;min-height:56px;font-size:2.2rem}.mt-numpad-btn{padding:14px 0;font-size:1.4rem}.mt-results-stats{grid-template-columns:repeat(2,1fr)}.mt-results-actions{flex-direction:column}}@keyframes as-pop-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes as-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes as-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}@keyframes as-pulse-green{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 20px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes as-pulse-red{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes as-flash-ok-bg{0%{background:#22c55e26}to{background:0 0}}@keyframes as-flash-error-bg{0%{background:#ef444426}to{background:0 0}}@keyframes as-timer-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes as-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes as-step-appear{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes as-bar-grow{0%{width:0}}@keyframes as-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.as-container{background:var(--bg-color);max-width:520px;min-height:calc(100vh - 120px);color:var(--text-color);flex-direction:column;margin:0 auto;padding:16px;font-family:Segoe UI,sans-serif;transition:background .3s;display:flex}.as-container.as-flash-ok{animation:.5s ease-out as-flash-ok-bg}.as-container.as-flash-error{animation:.4s ease-out as-flash-error-bg}.as-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;animation:.3s ease-out as-slide-down;display:flex}.as-back{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:10px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:all .15s}.as-back:hover{background:var(--header-bg)}.as-title{color:var(--btn-primary);margin:0;font-size:1.3rem;font-weight:800}.as-score-badge{background:var(--panel-green-bg);border:1px solid var(--panel-green-border);font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:flex}.as-score-ok{color:var(--panel-green-text-strong);font-size:1.1rem}.as-score-sep,.as-score-total{color:var(--text-muted)}.as-score-pct{border-radius:8px;padding:2px 8px;font-size:.85rem;font-weight:800}.as-score-pct.pass{color:var(--panel-green-text-strong);background:#22c55e33}.as-score-pct.fail{color:var(--panel-error-text);background:#ef444426}.as-progress-bar{background:var(--header-bg);border:1px solid var(--border-color);border-radius:14px;height:28px;margin-bottom:10px;position:relative;overflow:hidden}.as-progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:14px;height:100%;transition:width .3s}.as-progress-text{color:var(--text-color);mix-blend-mode:difference;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;inset:0}.as-timer{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);border-radius:12px;margin-bottom:12px;padding:10px 14px;transition:all .2s}.as-timer-urgent{border-color:var(--panel-error-border);background:var(--panel-error-bg);animation:.4s infinite as-timer-pulse}.as-timer-info{color:var(--panel-blue-text-strong);justify-content:space-between;margin-bottom:6px;font-size:.9rem;font-weight:700;display:flex}.as-timer-urgent .as-timer-info{color:var(--panel-error-text)}.as-timer-track{background:#1e40af1f;border-radius:999px;height:8px;overflow:hidden}.as-timer-urgent .as-timer-track{background:#ef44441f}.as-timer-fill{background:var(--btn-primary);border-radius:999px;height:100%;transition:width 50ms linear}.as-timer-urgent .as-timer-fill{background:#ef4444}.as-task-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--card-shadow);border-radius:20px;margin-bottom:8px;padding:20px;animation:.25s ease-out as-pop-in}.as-task-card.as-shake{animation:.4s as-shake}.as-task-type{background:var(--panel-blue-bg);border:1px solid var(--panel-blue-border);color:var(--panel-blue-text-strong);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.as-expression{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.as-num{font-variant-numeric:tabular-nums;color:var(--text-color);font-size:2.8rem;font-weight:900}.as-op{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:2.2rem;font-weight:800;display:flex}.as-op-add{color:#16a34a;background:#22c55e1f}.as-op-sub{color:#dc2626;background:#ef44441a}.as-eq{color:var(--text-muted);font-size:2rem;font-weight:700}.as-answer-box{border:3px solid var(--btn-primary);background:var(--card-bg);font-variant-numeric:tabular-nums;border-radius:16px;justify-content:center;align-items:center;min-width:90px;min-height:70px;padding:4px 16px;font-size:2.8rem;font-weight:900;transition:all .15s;display:flex}.as-answer-box.ok{color:#16a34a;background:#22c55e1a;border-color:#22c55e;animation:.5s ease-out as-pulse-green}.as-answer-box.error{color:#dc2626;background:#ef44441a;border-color:#ef4444;animation:.5s ease-out as-pulse-red}.as-placeholder{color:var(--text-muted);opacity:.4;font-size:2rem}.as-correct-answer{color:var(--panel-error-text);margin-top:12px;font-size:1.1rem;font-weight:700;animation:.2s ease-out as-slide-up}.as-correct-answer b{font-size:1.3rem}.as-feedback{text-align:center;min-height:28px;margin-bottom:8px;font-size:1.05rem;font-weight:800}.as-feedback.ok{color:#16a34a}.as-feedback.error{color:#dc2626}.as-numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.as-numpad-btn{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:18px 0;font-size:1.6rem;font-weight:800;transition:all .1s}.as-numpad-btn:active:not(:disabled){background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);transform:scale(.94)}.as-numpad-btn:hover:not(:disabled):not(:active){background:var(--header-bg);border-color:var(--btn-primary)}.as-numpad-btn:disabled{opacity:.4;cursor:not-allowed}.as-numpad-clear{color:#ef4444;font-size:1.2rem}.as-numpad-del{font-size:1.3rem}.as-learn-actions{gap:10px;margin-bottom:12px;display:flex}.as-btn-primary{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:800;transition:all .15s}.as-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.as-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.as-btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.as-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:800;transition:all .15s}.as-btn-next:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #22c55e4d}.as-btn-next:active:not(:disabled){transform:translateY(0)scale(.98)}.as-btn-next:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.as-btn-secondary{border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:14px;flex:1;padding:14px;font-size:1rem;font-weight:700;transition:all .15s}.as-btn-secondary:hover{border-color:var(--btn-primary)}.as-explanation{border-radius:16px;padding:16px;animation:.3s ease-out as-slide-up}.as-explanation-ok{background:#22c55e0f;border:1px solid #22c55e33}.as-explanation-error{background:#ef44440f;border:1px solid #ef444426}.as-explanation-title{color:var(--text-color);margin-bottom:12px;font-size:.95rem;font-weight:800}.as-explanation-steps{flex-direction:column;gap:8px;display:flex}.as-explanation-step{align-items:flex-start;gap:10px;animation:.3s ease-out both as-step-appear;display:flex}.as-step-num{background:var(--btn-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.as-step-text{color:var(--text-color);font-size:.95rem;font-weight:600;line-height:1.5}.as-menu{max-width:600px;margin:0 auto;animation:.4s ease-out as-slide-up}.as-menu-header{text-align:center;margin-bottom:24px}.as-menu-icon{color:var(--btn-primary);margin-bottom:8px;font-size:3rem;font-weight:900}.as-menu-header h1{color:var(--btn-primary);margin:0 0 4px;font-size:1.8rem;font-weight:900}.as-menu-sub{color:var(--text-muted);margin:0;font-size:1.05rem;font-weight:600}.as-menu-cards{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.as-menu-card{background:var(--card-bg);border:2px solid var(--border-color);text-align:left;cursor:pointer;border-radius:20px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.as-menu-card:hover{border-color:var(--btn-primary);transform:translateY(-2px);box-shadow:0 8px 30px #2563eb1f}.as-card-emoji{margin-bottom:8px;font-size:2rem}.as-menu-card h3{margin:0 0 4px;font-size:1.2rem;font-weight:800}.as-menu-card p{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.as-card-arrow{color:var(--btn-primary);font-size:1.5rem;font-weight:800;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.as-menu-card:hover .as-card-arrow{transform:translateY(-50%)translate(4px)}.as-card-learn{border-left:4px solid #22c55e}.as-card-test{cursor:default;border-left:4px solid #f59e0b}.as-card-test:hover{border-color:var(--border-color);box-shadow:none;border-left-color:#f59e0b;transform:none}.as-test-setup{margin-top:14px}.as-test-setup label{color:var(--text-color);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.as-count-btns{gap:8px;margin-bottom:12px;display:flex}.as-count-btn{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-color);border-radius:12px;flex:1;padding:10px;font-size:1.1rem;font-weight:800;transition:all .15s}.as-count-btn.active{border-color:var(--btn-primary);background:var(--btn-primary);color:#fff}.as-count-btn:hover:not(.active){border-color:var(--btn-primary)}.as-start-test{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:14px;width:100%;padding:14px;font-size:1.05rem;font-weight:800;transition:all .15s}.as-start-test:hover{filter:brightness(1.1);transform:translateY(-1px)}.as-start-test:active{transform:translateY(0)scale(.98)}.as-menu-tips{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:16px}.as-menu-tips h4{margin:0 0 12px;font-size:1rem;font-weight:800}.as-tips-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.as-tip-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.as-tip-title{color:var(--btn-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;font-size:.8rem;font-weight:800}.as-tip-example{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:.95rem;font-weight:700}.as-tip-note{color:var(--text-muted);font-size:.78rem;font-weight:600;line-height:1.3}.as-results{max-width:520px;margin:0 auto;animation:.4s ease-out as-pop-in}.as-results-header{text-align:center;border-radius:20px;margin-bottom:20px;padding:24px 20px}.as-results-header.as-passed{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e4d}.as-results-header.as-failed{background:linear-gradient(135deg,#ef44441f,#ef44440a);border:2px solid #ef444440}.as-results-icon{margin-bottom:8px;font-size:3.5rem}.as-results-header h2{margin:0;font-size:1.6rem;font-weight:900}.as-medal{margin-top:8px;font-size:2.5rem;animation:.6s as-bounce}.as-results-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.as-stat{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:14px 8px}.as-stat-value{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:1.5rem;font-weight:900}.as-stat-green{color:#16a34a}.as-stat-red{color:#dc2626}.as-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.as-results-bar-container{margin-bottom:20px}.as-results-bar{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;height:24px;position:relative;overflow:visible}.as-results-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px;height:100%;animation:1s ease-out as-bar-grow}.as-results-bar-threshold{background:#ef4444;width:2px;position:absolute;top:-8px;bottom:-8px}.as-results-bar-threshold span{color:#ef4444;font-size:.7rem;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.as-weak-spots{background:var(--panel-error-bg);border:1px solid var(--panel-error-border);border-radius:14px;margin-bottom:20px;padding:14px}.as-weak-spots h4{color:var(--panel-error-text);margin:0 0 10px;font-size:.95rem}.as-weak-list{flex-wrap:wrap;gap:8px;display:flex}.as-weak-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.as-weak-num{font-weight:700}.as-weak-count{color:var(--panel-error-text);font-weight:800}.as-results-actions{gap:10px;display:flex}@media (width<=480px){.as-container{padding:10px}.as-num{font-size:2.2rem}.as-answer-box{min-width:70px;min-height:56px;font-size:2.2rem}.as-numpad-btn{padding:14px 0;font-size:1.4rem}.as-results-stats{grid-template-columns:repeat(2,1fr)}.as-results-actions{flex-direction:column}.as-tips-grid{grid-template-columns:1fr}.as-menu-header h1{font-size:1.5rem}}.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}.equation-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;margin:22px 0 18px;display:flex}.eq-number{color:var(--text-color);font-size:3rem;font-weight:900;line-height:1.15}.eq-op{color:var(--btn-primary);opacity:.6;font-size:2.6rem;font-weight:700;line-height:1.25}.eq-paren{color:var(--text-color);opacity:.5;font-size:2rem;font-weight:700;line-height:1.55}.eq-input-wrap{flex-direction:column;align-items:center;gap:5px;display:flex}.eq-input-box{border:2.5px dashed var(--border-color);background:var(--header-bg);cursor:pointer;min-width:72px;height:64px;color:var(--text-color);border-radius:14px;justify-content:center;align-items:center;padding:0 10px;font-size:2.6rem;font-weight:900;line-height:1;transition:all .15s;display:flex;position:relative}.eq-input-box.eq-active{border:2.5px solid var(--btn-primary);background:var(--active-cell);color:var(--btn-primary);box-shadow:0 0 0 3px #2563eb26}.eq-input-box.eq-done{border:2.5px solid var(--success-color,#16a34a);color:var(--success-color,#16a34a);cursor:default;background:#16a34a12}.eq-input-box.eq-locked{opacity:.35;cursor:not-allowed}.eq-placeholder{opacity:.3;font-size:2.4rem}.eq-cursor{background:var(--btn-primary);vertical-align:middle;width:2px;height:2.4rem;margin-left:2px;animation:.85s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.eq-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted,#64748b);white-space:nowrap;font-size:.72rem;font-weight:700;transition:color .15s}.eq-label.eq-label-active{color:var(--btn-primary)}.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:12px;font-family:Segoe UI,sans-serif;font-size:1.22rem;display:flex}.equations-nav{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:0 6px 18px var(--card-shadow);border-radius:16px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px;display:flex}.equations-nav button{background:var(--header-bg);min-width:150px;color:var(--text-color);cursor:pointer;border:2px solid #0000;border-radius:12px;flex:1;padding:16px 18px;font-size:1.12rem;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .12s}.equations-nav button:hover{border-color:var(--btn-primary);transform:translateY(-1px)}.equations-nav button.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary);box-shadow:0 8px 18px #2563eb3d}.equations-main{background:radial-gradient(circle at top left, #3b82f61f, transparent 26%), radial-gradient(circle at top right, #10b9811a, transparent 22%), linear-gradient(180deg, var(--card-bg), var(--header-bg));border:2px solid var(--border-color);box-shadow:0 8px 22px var(--card-shadow);border-radius:20px;flex:1;padding:20px;overflow-y:auto}.scene-content{width:100%;max-width:100%;margin:0 auto;animation:.3s ease-out fadeIn}.trainer-scene{width:100%}.trainer-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.trainer-topbar h2{text-align:left;flex:auto;margin:0}h2{color:var(--btn-primary);text-align:center;margin-bottom:18px;font-size:clamp(2.6rem,2.4vw + 2rem,3.6rem);font-weight:900;line-height:1.1}.equation-display-v2,.step-math,.task-text-v2,.formula-box-v2,.example-title,.step-equation{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}.step-equation::-webkit-scrollbar{display:none}.intro-card-v2{text-align:center;border:2px solid var(--border-color);background:linear-gradient(135deg,#3b82f61f,#8b5cf61a);border-radius:28px;margin-bottom:20px;padding:28px;box-shadow:0 12px 28px #2563eb1f}.equation-display-v2{color:var(--btn-primary);margin-top:12px;font-family:Consolas,monospace;font-size:clamp(4rem,4.5vw + 1.6rem,5.4rem);font-weight:800}.concepts-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.concept-card-v2{background:linear-gradient(180deg, var(--card-bg), #ffffff80);border:2px solid #3b82f640;border-radius:28px;padding:28px;font-size:1.45rem;box-shadow:0 14px 30px #2563eb24}.concept-card-v2 h3,.rule-card-v2 h3,.complex-example-v2 h3{margin-bottom:12px;font-size:2.2rem}.intro-card-v2 p,.concept-card-v2 p,.rule-card-v2 p,.step-block p,.hint-card-v2 p{font-size:1.45rem;line-height:1.6}.rule-grid-v2{grid-template-columns:1fr;gap:18px;width:100%;display:grid}.rule-card-v2{box-sizing:border-box;text-align:center;background:linear-gradient(#fffffff0,#f8fafcf5);border:3px solid #0000;border-radius:34px;flex-direction:column;align-items:center;width:100%;padding:36px 34px;font-size:1.4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px #0f172a1a}.rule-card-v2:before{content:"";opacity:.9;height:10px;position:absolute;inset:0 0 auto}.rule-card-v2.purple:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.rule-card-v2.orange:before{background:linear-gradient(90deg,#fb923c,#f59e0b)}.rule-card-v2.purple{border-color:var(--panel-purple-border)}.rule-card-v2.orange{border-color:#fb923c}.rule-card-v2 h3{text-align:center;margin-top:0;font-size:1.6rem}.rule-card-v2.purple h3{color:#6d28d9}.rule-card-v2.orange h3{color:#c2410c}.rule-card-kicker{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;margin-bottom:14px;padding:8px 16px;font-size:.95rem;font-weight:900;display:inline-flex}.rule-card-v2.purple .rule-card-kicker{color:#6d28d9;background:#ede9fe}.rule-card-v2.orange .rule-card-kicker{color:#c2410c;background:#ffedd5}.rule-lead{color:#334155;text-align:center;margin-bottom:18px;font-size:1.5rem;font-weight:700;line-height:1.6}.rule-start-equation{color:#0f172a;letter-spacing:-.04em;white-space:nowrap;scrollbar-width:none;background:linear-gradient(135deg,#fffffffa,#eff6fff2);border:3px solid #3b82f633;border-radius:26px;justify-content:center;align-items:center;min-height:120px;margin-bottom:18px;padding:20px 24px;font-family:Consolas,monospace;font-size:clamp(2.6rem,2.5vw + 1.6rem,4rem);font-weight:900;display:flex;overflow-x:auto;box-shadow:0 12px 28px #2563eb1a}.rule-start-equation::-webkit-scrollbar{display:none}.rule-big-action{text-align:center;letter-spacing:-.03em;text-transform:none;border-radius:24px;justify-content:center;align-items:center;min-height:110px;margin-bottom:18px;padding:22px 24px;font-family:Consolas,monospace;font-size:2.6rem;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #fff6}.rule-card-v2.purple .rule-big-action{color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:3px solid #c4b5fd}.rule-card-v2.orange .rule-big-action{color:#c2410c;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:3px solid #fdba74}.formula-box-v2{color:#92400e;text-align:center;background:#fef3c7;border:3px solid #f59e0b;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;margin-left:auto;margin-right:auto;padding:22px;font-family:Consolas,monospace;font-size:2.8rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #fff6}.formula-box-v2 div{text-align:center;width:100%;margin:10px 0}.formula-box-v2 div:first-child{font-size:3rem;font-weight:900}.formula-box-v2 div:last-child{font-size:3.2rem;font-weight:900}.complex-example-v2{box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#dbeafeeb,#e0e7ffe0);border:2px solid #6366f147;border-radius:32px;width:100%;margin-bottom:22px;padding:32px;box-shadow:0 16px 34px #4f46e524}.complex-kicker{color:#6d28d9;background:#ede9fe}.highlight-comp{color:#5b21b6;background:#ede9fe;border:3px dashed #6d28d9;border-radius:12px;padding:6px 14px;font-weight:800}.highlight-x{color:#be123c;background:#ffe4e6;border:3px solid #be123c;border-radius:12px;padding:6px 16px;font-weight:900}.looking-for{border:3px solid var(--btn-primary);background:var(--active-cell);border-radius:18px;margin-right:5px;padding:8px 16px;display:inline-block;box-shadow:0 10px 20px #2563eb33}.steps-v2{flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.step-block{text-align:center;background:#ffffffeb;border:2px solid #3b82f62e;border-radius:28px;width:100%;max-width:1000px;padding:28px;box-shadow:0 14px 28px #2563eb1f}.step-block p{color:var(--text-color);text-align:center;margin:0 0 8px;font-size:1.55rem;font-weight:700;line-height:1.55}.step-math{text-align:center;color:#0f172a;margin:12px 0;font-family:Consolas,monospace;font-size:clamp(2.6rem,2.2vw + 1.4rem,3.6rem);font-weight:900}.step-arrow{color:var(--btn-primary);font-size:3.2rem;font-weight:900}.step-res{text-align:center;color:var(--btn-primary);margin-top:12px;font-family:Consolas,monospace;font-size:clamp(3rem,2.6vw + 1.6rem,4rem);font-weight:800}.example-title{color:#312e81;box-sizing:border-box;white-space:nowrap;scrollbar-width:none;text-align:center;background:#ffffffd1;border:3px solid #6366f133;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto 10px;padding:18px 22px;font-family:Consolas,monospace;font-size:clamp(2rem,2vw + 1.2rem,3.4rem);font-weight:900;display:flex;overflow:auto hidden;box-shadow:0 12px 24px #4f46e51a}.example-title::-webkit-scrollbar{display:none}.trainer-scene h2{margin-bottom:10px}.score-bar{white-space:nowrap;background:#ffffffc7;border:2px solid #22c55e38;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:10px;margin-bottom:0;padding:10px 16px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 8px 18px #0f172a14}.score-label{color:var(--text-color);opacity:.75}.score-value{color:#15803d;font-size:2rem}.trainer-progress-line{color:#475569;text-align:center;margin:0 0 8px;font-size:1.1rem;font-weight:800}.task-card-v2{text-align:center;box-sizing:border-box;width:100%;max-width:100%;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0 0 8px!important;padding:0!important}.task-meta-row{justify-content:flex-end;height:0;display:flex;min-height:0!important;margin:0!important;padding:0!important}.difficulty-pill{white-space:nowrap;box-sizing:border-box;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:1rem;font-weight:800;line-height:1.15;display:inline-flex}.difficulty-pill.simple{color:#166534;background:#dcfce7;border-color:#22c55e}.difficulty-pill.complex{color:#991b1b;background:#fee2e2;border-color:#ef4444}.task-card-v2 .task-text-v2{color:#0f172a;letter-spacing:-.06em;box-sizing:border-box;text-wrap:nowrap;width:100%;max-width:100%;font-family:Consolas,monospace;line-height:.95;display:block;margin:0 auto!important;padding:0!important;font-size:clamp(2rem,4vw + .7rem,4rem)!important;font-weight:800!important}.answer-field-v2{color:var(--text-color);border-top:none;justify-content:center;align-items:center;gap:.45rem;min-width:210px;font-family:Consolas,monospace;font-size:3rem;font-weight:700;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin-top:0!important;padding-top:0!important}.answer-field-v2 .val{text-align:center;min-width:52px;display:inline-block;box-shadow:none!important;background:#ffffff8c!important;border:3px dashed #94a3b8!important;border-radius:12px!important;outline:none!important;padding:.05rem .8rem!important}.answer-field-v2.ok{color:#166534;border-top-color:#22c55e}.answer-field-v2.ok .val{background:#dcfce7;border-color:#22c55e}.answer-field-v2.error{color:#991b1b;border-top-color:#ef4444}.answer-field-v2.error .val{background:#fee2e2;border-color:#ef4444}.feedback-banner{text-align:center;box-sizing:border-box;border:2px solid #0000;border-radius:14px;width:100%;margin-top:10px;margin-bottom:0;padding:14px 18px;font-size:2rem;font-weight:800}.feedback-banner.ok{color:#166534;background:#dcfce7;border-color:#22c55e}.feedback-banner.error{color:#991b1b;background:#fee2e2;border-color:#ef4444}.timer-bar{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:3px solid #60a5fa;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:min(420px,100%);margin:0 auto 14px;padding:12px 18px;font-size:1.5rem;font-weight:800;display:flex}.timer-strip{background:#3b82f624;border:2px solid #60a5fa4d;border-radius:999px;width:100%;height:16px;margin:0 0 10px;position:relative;overflow:hidden}.timer-strip-fill{background:linear-gradient(90deg,#22c55e,#2563eb);border-radius:999px;height:100%;transition:width 1s linear}.timer-strip.danger{background:#ef444424;border-color:#ef44444d}.timer-strip.danger .timer-strip-fill{background:linear-gradient(90deg,#f97316,#ef4444)}.timer-bar.danger{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.timer-value{text-align:center;min-width:72px;font-size:2rem}.trainer-controls{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;margin-bottom:16px;display:flex}.numpad-area{flex-direction:column;gap:14px;display:flex}.board-numpad-area{flex:100%;align-items:center;min-width:0;max-width:1860px;margin:0 auto}.numpad-v2{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.board-numpad-v2{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;width:min(100%,1800px);margin:0 auto}.numpad-v2 button{min-width:96px;height:96px;color:var(--text-color);cursor:pointer;touch-action:manipulation;background:linear-gradient(#fffffffa,#f1f5f9f5);border:3px solid #3b82f62e;border-radius:22px;font-size:2.5rem;font-weight:800;transition:all .1s;box-shadow:0 10px 20px #0f172a1a}.board-numpad-v2 button{border-radius:40px;font-size:clamp(5.8rem,6.4vw,8rem);font-weight:900;aspect-ratio:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important}.numpad-v2 button:hover:not(:disabled){color:#fff;border-color:var(--btn-primary);background:linear-gradient(#3b82f6,#2563eb);transform:translateY(-2px)}.numpad-v2 button:active{transform:scale(.94)}.numpad-v2 button:disabled{opacity:.45;cursor:default}.numpad-v2 button.util{color:#1d4ed8;background:linear-gradient(#eff6ff,#dbeafe);border-color:#93c5fd}.action-area-v2{justify-content:center;gap:10px;width:100%;display:flex}.board-action-area{justify-content:center;width:min(100%,1800px);margin:0 auto}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;box-sizing:border-box;border:2px solid #0000;border-radius:22px;justify-content:center;align-items:center;padding:10px 16px;font-size:1.3rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 14px 28px #0f172a24;flex:0 0 420px!important;width:420px!important;min-width:420px!important;max-width:420px!important}.board-action-area .check-btn-v2,.board-action-area .next-btn-v2{min-height:72px;padding:10px 16px;font-size:clamp(1.5rem,1.6vw,2rem);line-height:1.1;flex:0 0 420px!important;width:420px!important;min-width:420px!important;max-width:420px!important}@media (width<=700px){.check-btn-v2,.next-btn-v2,.board-action-area .check-btn-v2,.board-action-area .next-btn-v2{flex-basis:auto!important;width:min(100%,420px)!important;min-width:0!important;max-width:420px!important}}.hint-card-v2{box-sizing:border-box;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:3px solid #60a5fa;border-radius:24px;flex:100%;width:100%;max-width:100%;padding:22px;font-size:1.3rem;line-height:1.5;box-shadow:0 12px 24px #3b82f61f}.trainer-launch-card{text-align:center;background:radial-gradient(circle at 0 0,#60a5fa40,#0000 28%),radial-gradient(circle at 100% 100%,#22c55e2e,#0000 26%),linear-gradient(#fffffffa,#eff6fff2);border:3px solid #3b82f638;border-radius:32px;max-width:900px;margin:20px auto 0;padding:34px 32px;box-shadow:0 22px 48px #2563eb2e}.trainer-launch-card.simple{border-color:#3b82f647}.trainer-launch-card.complex{border-color:#7c3aed47}.trainer-launch-card.mixed{border-color:#f9731657}.trainer-launch-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:8px 18px;font-size:1rem;font-weight:900;display:inline-flex}.trainer-launch-text{color:#1e293b;max-width:760px;margin:0 auto 24px;font-size:1.55rem;line-height:1.5}.trainer-launch-features{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;display:flex}.trainer-count-setup{max-width:760px;margin:0 auto 24px}.trainer-count-label{color:#1e293b;margin-bottom:10px;font-size:1.25rem;font-weight:800}.trainer-count-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.trainer-count-btn{color:#0f172a;cursor:pointer;background:#ffffffe6;border:3px solid #3b82f62e;border-radius:18px;min-width:110px;padding:14px 20px;font-size:1.4rem;font-weight:900}.trainer-count-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}.trainer-launch-item{color:#0f172a;background:#ffffffc7;border:2px solid #3b82f62e;border-radius:18px;padding:14px 18px;font-size:1.2rem;font-weight:800;box-shadow:0 10px 24px #2563eb14}.trainer-launch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:24px;min-width:min(100%,460px);padding:24px 28px;font-size:clamp(2rem,2.3vw,2.8rem);font-weight:900;transition:transform .15s,filter .15s;box-shadow:0 18px 34px #2563eb47}.trainer-launch-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.trainer-results-card{background:linear-gradient(#fffffffa,#eff6fff5);border:3px solid #3b82f62e;border-radius:32px;max-width:1200px;margin:0 auto;padding:28px;box-shadow:0 18px 40px #2563eb24}.trainer-results-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.06em;background:#dbeafe;border-radius:999px;padding:8px 16px;font-weight:900;display:inline-flex}.trainer-results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.trainer-stat-card{text-align:center;background:#ffffffe6;border:2px solid #3b82f629;border-radius:24px;padding:22px 16px}.trainer-stat-value{color:#0f172a;font-size:2.5rem;font-weight:900}.trainer-stat-label{color:#64748b;text-transform:uppercase;margin-top:6px;font-size:1rem;font-weight:800}.trainer-results-summary{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.trainer-results-summary span{color:#1d4ed8;background:#eff6ff;border-radius:14px;padding:10px 14px;font-weight:800}.trainer-mistakes{margin-bottom:22px}.trainer-mistakes h3{margin-bottom:12px;font-size:1.6rem}.trainer-mistake-list{flex-direction:column;gap:12px;display:flex}.trainer-mistake-item{background:#fff7ed;border:2px solid #fdba74;border-radius:20px;padding:18px 20px}.trainer-mistake-task{color:#9a3412;margin-bottom:10px;font-family:Consolas,monospace;font-size:2rem;font-weight:900}.trainer-mistake-meta{color:#7c2d12;flex-wrap:wrap;gap:12px;font-weight:700;display:flex}.trainer-results-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hint-card-v2 h4{color:#1d4ed8;margin:0 0 8px;font-size:1.45rem}.solution-panel{border:3px solid;border-radius:20px;margin-top:4px;padding:22px;animation:.4s ease-out fadeIn;box-shadow:0 14px 28px #0f172a1f}.solution-panel.correct{background:#f0fdf4;border-color:#22c55e}.solution-panel.incorrect{border-color:var(--btn-primary);background:var(--header-bg)}.solution-title{color:var(--btn-primary);margin-bottom:14px;font-size:1.9rem;font-weight:800}.solution-panel.correct .solution-title{color:#15803d}.solution-step{background:#ffffffeb;border:2px solid #3b82f62e;border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.solution-panel.correct .step-num{background:#22c55e}.step-content{flex-direction:column;gap:6px;min-width:0;display:flex}.step-label{color:var(--text-color);opacity:.9;font-size:1.2rem;font-weight:700}.step-equation{color:var(--text-color);font-family:Consolas,monospace;font-size:2.2rem;font-weight:800}.solution-step:last-child .step-equation{color:var(--btn-primary);font-size:2.7rem}.solution-panel.correct .solution-step:last-child .step-equation{color:#15803d}@media (width<=900px){.trainer-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-topbar{flex-wrap:wrap;justify-content:center}.trainer-topbar h2{text-align:center}.concepts-grid-v2,.rule-grid-v2{grid-template-columns:1fr}.trainer-controls{align-items:stretch}.board-numpad-area{flex-basis:100%}.hint-card-v2{max-width:100%}.trainer-launch-card{padding:26px 18px}.trainer-launch-text{font-size:1.3rem}}@media (width<=600px){.equations-main{padding:12px}.task-card-v2{padding:1.5rem 10px}.task-card-v2 .task-text-v2{font-size:clamp(1.15rem,5vw,1.5rem)!important}.answer-field-v2{gap:.5rem;font-size:2rem}.answer-field-v2 .val{min-width:76px;padding:.1rem .7rem}.numpad-v2 button{min-width:82px;height:82px;font-size:2rem}.board-numpad-v2{gap:10px}.board-numpad-v2 button{font-size:4.8rem;aspect-ratio:1!important;height:auto!important;min-height:0!important}.check-btn-v2,.next-btn-v2{padding:18px 14px;font-size:1.45rem}.timer-bar{font-size:1.25rem}.timer-value{font-size:1.6rem}.trainer-launch-item{width:100%}.trainer-results-grid{grid-template-columns:1fr}.trainer-launch-btn{width:100%;min-width:0;padding:18px 16px;font-size:1.7rem}}@media (prefers-color-scheme:dark){.formula-box-v2{color:#fef08a;background:#713f12;border-color:#f59e0b}.highlight-comp{color:#e9d5ff;background:#312e81;border-color:#c4b5fd}.highlight-x{color:#fecdd3;background:#4c0519;border-color:#fb7185}.hint-card-v2{background:#1e3a8a;border-color:#93c5fd}.hint-card-v2 h4{color:#bfdbfe}.solution-panel.correct{background:#052e16;border-color:#22c55e}.solution-panel.incorrect{background:#1e1e2e}.feedback-banner.ok{color:#86efac;background:#052e16}.feedback-banner.error{color:#fca5a5;background:#4c0519}.answer-field-v2.ok{color:#86efac;background:#052e16;border-color:#22c55e}}.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}.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:20px;font-size:2.5rem;font-weight:700;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);box-shadow:0 2px 8px var(--card-shadow);border-radius:16px;gap:8px;margin-bottom:20px;padding:8px;display:flex}.prime-comp-nav button{color:var(--text-muted,#888);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:13px 10px;font-size:.95rem;font-weight:600;transition:all .2s}.prime-comp-nav button:hover:not(.active){background:var(--bg-color);color:var(--text-color);border-color:var(--border-color)}.prime-comp-nav button.active{background:var(--btn-primary);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 3px 10px #0003}.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:24px;min-height:320px;display:flex}.trainer-main-col{flex-direction:column;flex:0 0 260px;justify-content:center;display:flex}.trainer-hint-col{background:var(--bg-color);border:1px dashed var(--border-color);border-radius:16px;flex:1;min-width:0;padding:18px;font-size:.9rem;animation:.3s ease-out fadeIn}.trainer-hint-col h4{color:var(--text-muted);text-align:center;margin-top:0;margin-bottom:12px;font-size:.95rem}.hint-list-v2{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hint-list-v2 li{background:var(--card-bg);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;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;flex-shrink:0;min-width:36px;margin-top:2px;padding:3px 8px;font-family:monospace;font-size:.9rem;font-weight:700}.hint-text{flex-direction:column;gap:3px;font-size:.88rem;line-height:1.4;display:flex}.hint-result{opacity:.85;font-size:.82rem;font-style:italic}.hint-list-v2 li.active-hint{background:var(--panel-green-bg);color:var(--panel-green-text);border:1px solid var(--panel-green-border)}.hint-list-v2 li.active-hint span{background:#0000001a;border-color:#0000}.tricky-hint-box{background:var(--panel-error-bg);border:1px solid var(--panel-error-border);border-radius:12px;margin-top:14px;padding:14px}.tricky-hint-title{color:var(--panel-error-text);text-align:center;margin-bottom:10px;font-size:.9rem;font-weight:700}.tricky-hint-items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tricky-hint-item{background:var(--card-bg);color:var(--panel-error-text);border:1px solid var(--panel-error-border);border-radius:8px;padding:8px 10px;font-size:.85rem}.tricky-hint-item b{margin-bottom:2px;font-size:1.05rem;display:block}.tricky-hint-item span{opacity:.75;font-size:.78rem}.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}.solution-reveal-wrapper{margin:10px 0 8px}.solution-toggle-btn{background:var(--bg-color);border:1px dashed var(--border-color);width:100%;color:var(--btn-primary);cursor:pointer;text-align:center;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.solution-toggle-btn:hover{background:var(--header-bg);border-style:solid}.solution-block{border:1px solid var(--border-color);border-radius:14px;margin-top:10px;animation:.25s ease-out fadeIn;overflow:hidden}.solution-title{background:var(--btn-primary);color:#fff;text-align:center;padding:10px 16px;font-size:.95rem;font-weight:700}.solution-step{border-bottom:1px solid var(--border-color);background:var(--card-bg);padding:12px 16px}.solution-step:last-child{border-bottom:none}.solution-step.stop-composite{background:var(--panel-error-bg)}.solution-step.stop-prime{background:var(--panel-green-bg)}.solution-step-label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:4px;font-size:.75rem;font-weight:700}.solution-step-check{margin-bottom:4px;font-size:.95rem;font-weight:600}.solution-step-detail{opacity:.8;margin-bottom:4px;font-size:.85rem}.solution-verdict{margin-top:4px;font-size:.9rem;font-weight:800}.solution-verdict.composite{color:var(--panel-error-text)}.solution-verdict.prime{color:var(--panel-green-text)}.solution-next{opacity:.6;margin-top:3px;font-size:.82rem;font-style:italic}@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}.hint-list-v2 li.active-hint span{background:#ffffff0d}.tricky-hint-box{background:#451a1a;border-color:#7f1d1d}.tricky-hint-title{color:#fca5a5}.tricky-hint-item{color:#fca5a5;background:#0f172a;border-color:#7f1d1d}}@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:Nunito,Segoe UI,sans-serif;display:flex}.gcd-lcm-nav{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.nav-btn{background:var(--card-bg);min-width:100px;color:var(--text-color);cursor:pointer;white-space:normal;word-break:break-word;text-align:left;border:2px solid #0000;border-radius:14px;flex:1;align-items:center;gap:6px;padding:10px 12px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;line-height:1.3;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 8px #00000012}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000021}.nav-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.nav-label{text-align:left;flex:1}.nav-blue{border-color:#93c5fd}.nav-purple{border-color:#c4b5fd}.nav-teal{border-color:#5eead4}.nav-orange{border-color:#fdba74}.nav-green{border-color:#86efac}.nav-red{border-color:#fca5a5}.nav-blue.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 14px #3b82f673}.nav-purple.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 14px #8b5cf673}.nav-teal.active{color:#fff;background:#0d9488;border-color:#0d9488;box-shadow:0 4px 14px #0d948873}.nav-orange.active{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 4px 14px #f9731673}.nav-green.active{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:0 4px 14px #22c55e73}.nav-red.active{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 14px #ef444473}.gcd-lcm-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 20px var(--card-shadow);border-radius:20px;flex:1;padding:30px;position:relative;overflow-y:auto}.theory-card-v2{border:1px solid var(--border-color);text-align:center;border-radius:20px;margin-bottom:24px;padding:28px 32px;font-size:1.1rem}.theory-card-v2.blue{background:var(--panel-blue-bg);border-color:var(--panel-blue-border);color:var(--panel-blue-text)}.example-box-v2{background:var(--header-bg);border-radius:20px;flex-direction:column;gap:12px;padding:24px 28px;display:flex}.example-box-v2 h3{color:var(--btn-primary);margin:0 0 4px;font-size:1.2rem;font-weight:800}.step-row{align-items:center;gap:12px;font-size:1.05rem;line-height:1.4;display:flex}.step-badge{background:var(--btn-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.factors-viz{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:6px;margin-left:40px;padding:14px 20px;font-size:1.1rem;display:flex}.common-factors,.lcm-step{background:var(--card-bg);border:1px solid var(--border-color);color:var(--btn-primary);border-radius:12px;margin-left:40px;padding:10px 20px;font-weight:700}.final-res{color:#166534;background:#dcfce7;border:2px solid #4ade80;border-radius:14px;margin-left:40px;padding:14px 20px;font-size:1.3rem;font-weight:800}.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);word-break:break-all;border-radius:16px;padding:16px 12px;font-family:Consolas,monospace;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900}.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);text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;min-height:70px;margin-bottom:10px;padding:10px 16px;font-size:clamp(1.2rem,4vw,2rem);font-weight:900;display:flex;overflow:hidden}.ans-display-v2 .ans-prefix{color:var(--text-muted);flex-shrink:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:600}.ans-display-v2 .ans-value{color:var(--text-color);font-weight:900}.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-family:Nunito,sans-serif;font-size:1.5rem;font-weight:800;transition:transform .12s,box-shadow .12s}.numpad-grid-v2 button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.action-row-v2{gap:10px;width:100%;display:flex}.check-btn-v2,.next-btn-v2,.undo-btn-v2{cursor:pointer;white-space:normal;word-break:break-word;text-align:center;border:none;border-radius:14px;flex:1;padding:14px 10px;font-family:Nunito,sans-serif;font-size:clamp(.85rem,2vw,1.1rem);font-weight:800;line-height:1.3;transition:transform .15s,box-shadow .15s}.check-btn-v2:hover:not(:disabled),.next-btn-v2:hover,.undo-btn-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.check-btn-v2{background:var(--btn-primary);color:#fff}.next-btn-v2{color:#fff;background:#22c55e}.undo-btn-v2{border:2px solid var(--border-color);background:var(--header-bg);cursor:pointer;color:var(--text-color);border-radius:12px;flex:none;padding:15px 20px;font-weight:800}.undo-btn-v2:disabled{opacity:.4;cursor:not-allowed}.con-actions{align-items:stretch}.constructor-layout-v2{grid-template-columns:320px 1fr;gap:36px;display:grid}.given-factors-v2{flex-direction:column;gap:18px;display:flex}.factor-row-v2{background:var(--header-bg);border:1px solid var(--border-color);border-radius:18px;padding:18px 20px}.factor-row-v2.blue{border-left:4px solid #3b82f6}.factor-row-v2.orange{border-left:4px solid #f97316}.num-label{color:var(--btn-primary);margin-bottom:10px;font-size:1.4rem;font-weight:900;display:block}.chips-v2{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card-bg);border:2px solid var(--border-color);color:var(--btn-primary);border-radius:20px;padding:5px 14px;font-size:1rem;font-weight:800}.build-area-v2{flex-direction:column;gap:18px;display:flex}.phase-hint-v2{color:var(--text-muted);text-align:center;background:var(--header-bg);border-radius:10px;padding:10px;font-size:1.05rem;font-weight:700}.user-expression-v2{background:var(--card-bg);border:2px dashed var(--btn-primary);text-align:center;word-break:break-word;box-sizing:border-box;border-radius:16px;flex-flow:wrap;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:12px 16px;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:900;transition:border-color .2s,background .2s;display:flex}.user-expression-v2 .placeholder{color:var(--text-muted);white-space:normal;word-break:normal;text-align:center;font-size:1rem;font-weight:500;line-height:1.4}.user-expression-v2.ok{background:#f0fdf4;border-style:solid;border-color:#22c55e}.user-expression-v2.error{background:#fef2f2;border-style:solid;border-color:#ef4444}.user-expression-v2 .res{color:#16a34a;margin-left:12px}.available-primes-v2{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.prime-btn-v2{border:3px solid var(--btn-primary);background:var(--card-bg);width:60px;height:60px;color:var(--btn-primary);cursor:pointer;border-radius:50%;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.prime-btn-v2:hover:not(:disabled){background:var(--btn-primary);color:#fff;transform:scale(1.18)}.prime-btn-v2:disabled{opacity:.45;cursor:not-allowed}@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{background:#1e293b}.factor-row-v2{background:#1e293b;border-color:#334155}.chip{background:#0f172a;border-color:#334155}.user-expression-v2{background:#0f172a}.user-expression-v2.ok{background:#052e16}.user-expression-v2.error{background:#450a0a}.final-res{color:#86efac;background:#052e16;border-color:#166534}.nav-btn{background:#1e293b}}.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}}.placeholder{color:var(--text-muted)}.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)}}.d2f-equation{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.eq-sign{color:var(--text-muted);font-size:2.5rem;font-weight:700}.d2f-fraction-inputs{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.d2f-field{border:3px solid var(--border-color);background:var(--header-bg);min-width:90px;min-height:58px;color:var(--text-color);cursor:default;border-radius:12px;justify-content:center;align-items:center;gap:2px;padding:8px 18px;font-family:Consolas,monospace;font-size:2rem;font-weight:700;transition:all .2s;display:flex;position:relative}.d2f-field.active{border-color:var(--btn-primary);background:var(--panel-blue-bg,#eff6ff);color:var(--btn-primary);cursor:text;box-shadow:0 0 0 4px #3b82f62e}.d2f-field.done{background:var(--panel-green-bg,#f0fdf4);border-color:#22c55e}.d2f-divider{background:var(--text-color);border-radius:2px;width:100%;min-width:90px;height:3px}.field-placeholder{color:var(--text-muted);opacity:.5}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--btn-primary);margin-left:1px;font-weight:300;animation:1s step-end infinite blink}.d2f-step-hint{justify-content:center;align-items:center;min-height:28px;margin-bottom:8px;display:flex}.step-badge{white-space:nowrap;color:var(--text-muted);box-shadow:none;background:0 0;border-radius:0;padding:0;font-size:.95rem;font-weight:600}.step-badge:before,.step-badge:after{content:none}@media (prefers-color-scheme:dark){.d2f-field.active{background:#1e3a5f}.d2f-field.done{background:#14532d}}.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-size:1.1rem;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.2rem;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.8rem;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:1000px;box-shadow:0 10px 30px var(--card-shadow);border-radius:24px;flex-direction:column;flex:1;padding:35px;display:flex}.trainer-header-v2{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.score-v2 span{color:#4caf50;font-size:1.8rem}.task-display-v2{background:var(--header-bg);text-align:center;box-sizing:border-box;border-radius:20px;width:100%;margin-bottom:0;padding:0}.task-display-v2 .instr-v2{color:var(--text-color);opacity:.9;margin-bottom:0;font-size:clamp(1.5rem,4vw,2.5rem)!important}.task-display-v2 .big-num-v2{color:var(--btn-primary);padding:0;font-family:Consolas,monospace;display:inline-block;font-size:clamp(3.5rem,8vw,3rem)!important;font-weight:800!important}.highlight-digit{color:#ea580c;text-shadow:0 2px 4px #ea580c4d;border-bottom:6px solid #ea580c;margin:0 4px;display:inline-block;transform:scale(1.15)}.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:20px;width:100%;max-width:480px;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:90px;font-size:3.5rem;font-weight:700;display:flex}.placeholder{color:var(--text-muted);opacity:.5}.numpad-grid-v2{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.numpad-grid-v2 button{border:1px solid var(--border-color);background:var(--card-bg);height:80px;color:var(--text-color);cursor:pointer;border-radius:16px;font-size:2.2rem;font-weight:700;transition:all .1s}.numpad-grid-v2 button:hover:not(:disabled){background:var(--btn-primary);color:#fff}.numpad-grid-v2 button:active{transform:scale(.96)}.check-btn-v2,.next-btn-v2{cursor:pointer;color:#fff;border:none;border-radius:16px;width:100%;padding:22px;font-size:1.6rem;font-weight:700;transition:all .2s}.check-btn-v2:hover,.next-btn-v2:hover{filter:brightness(1.1)}.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:25px}.viz-box-v2 h3{color:var(--text-muted);margin-top:0;margin-bottom:20px;font-size:1.3rem}.number-line-v2{width:100%}.number-line-v2 svg{width:100%;height:auto;display:block}@media (width<=600px){.rounding-main{padding:15px}.trainer-card-v2{padding:20px}.task-display-v2{padding:20px 10px}.task-display-v2 .instr-v2{font-size:1.2rem!important}.task-display-v2 .big-num-v2{font-size:3rem!important}.ans-display-v2{height:70px;font-size:2.5rem}.numpad-grid-v2 button{height:60px;font-size:1.8rem}.check-btn-v2,.next-btn-v2{padding:18px;font-size:1.3rem}.theory-grid-v2{grid-template-columns:1fr}}@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-nav-sub{opacity:.7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:600;line-height:1;display:block}.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-wrapper{flex-direction:column;gap:20px;display:flex}.p05-practice-banner{border:2px solid;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.p05-practice-banner.banner-add{border-color:var(--p05-purple);background:#c084fc14}.p05-practice-banner.banner-sub{border-color:var(--p05-green);background:#4ade8014}.p05-practice-banner-icon{flex-shrink:0;font-size:2rem;line-height:1}.p05-practice-banner-title{color:var(--p05-text);margin-bottom:2px;font-size:1.1rem;font-weight:800}.banner-add .p05-practice-banner-title{color:var(--p05-purple)}.banner-sub .p05-practice-banner-title{color:var(--p05-green)}.p05-practice-banner-sub{color:var(--p05-muted);font-size:.85rem}.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-nav-sub{opacity:.7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:600;line-height:1;display:block}.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}.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{--p09-mixed-color:#fb923c}@media (prefers-color-scheme:light){:root{--p09-mixed-color:#c2410c}}.mixed-number-display{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.mixed-whole{font-weight:800;line-height:1}.mixed-small .mixed-whole{font-size:.85rem}.mixed-medium .mixed-whole{font-size:1.1rem}.mixed-large .mixed-whole{font-size:1.9rem}.mixed-xlarge .mixed-whole{font-size:2.6rem}.cross-cancel-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.cross-cancel-fracs{align-items:center;gap:12px;display:flex}.cross-pos{align-items:flex-start;gap:4px;display:inline-flex;position:relative}.cross-orig{transition:color .2s;display:inline-block;position:relative}.crossed .cross-orig{color:var(--p09-text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--p09-error);text-decoration-color:var(--p09-error);text-decoration-thickness:2px}.cross-new{color:var(--p09-accent-green);border:1px solid var(--p09-accent-green);vertical-align:super;background:#4ade801f;border-radius:5px;padding:0 4px;font-size:.75em;font-weight:800;line-height:1.4}.cross-legend{flex-direction:column;gap:5px;width:100%;display:flex}.cross-legend-item{border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:600;line-height:1.4}.cross-legend-item.blue{color:var(--p09-accent-blue);border-left:3px solid var(--p09-accent-blue);background:#38bdf81a}.cross-legend-item.purple{color:var(--p09-accent-purple);border-left:3px solid var(--p09-accent-purple);background:#c084fc1a}.cross-hint{color:var(--p09-text-muted);border:1px dashed var(--p09-accent-green);background:#4ade8012;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;line-height:1.4}.cross-step{background:#4ade800a}.theory-cross-block{background:var(--p09-bg);border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin:12px 0;padding:16px;display:flex}.theory-cross-label{color:var(--p09-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;font-weight:700}.theory-cross-row{justify-content:center;width:100%;display:flex}.theory-cross-arrow{color:var(--p09-accent-green);font-size:1.5rem;line-height:1}.theory-card.mixed-card{border-color:var(--p09-mixed-color)}.theory-card.mixed-card h3{color:var(--p09-mixed-color)}.mixed-formula-box{gap:6px;border-color:var(--p09-mixed-color)!important}.mixed-formula-whole{color:var(--p09-mixed-color);font-size:1.4rem;font-weight:800}.mixed-theory-example{flex-direction:column;gap:14px;margin:16px 0 12px;display:flex}.mixed-step-row{background:var(--p09-bg);border-left:3px solid var(--p09-mixed-color);border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.mixed-step-num{background:var(--p09-mixed-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-size:.95rem;font-weight:800;display:inline-flex}.mixed-step-content{flex:1}.mixed-step-title{color:var(--p09-text-muted);margin-bottom:4px;font-size:.9rem;font-weight:700}.mixed-example-inner{margin:0;padding:10px}@media (width<=500px){.cross-cancel-fracs{gap:8px}.cross-legend-item{font-size:.75rem}.mixed-step-row{padding:10px 12px}.mixed-step-num{width:26px;height:26px;font-size:.85rem}}:root{--p09-decimal-color:#22d3ee}@media (prefers-color-scheme:light){:root{--p09-decimal-color:#0891b2}}.theory-card.decimal-card{border-color:var(--p09-decimal-color)}.theory-card.decimal-card h3{color:var(--p09-decimal-color)}.decimal-formula-box{flex-wrap:wrap;gap:8px;border-color:var(--p09-decimal-color)!important}.decimal-example-text{color:var(--p09-text);font-size:1.15rem;font-weight:800}.decimal-examples-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0;display:grid}.decimal-ex-item{background:var(--p09-bg);border:1px solid var(--p09-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 12px;display:flex}.decimal-big{color:var(--p09-decimal-color);letter-spacing:.02em;font-size:1.45rem;font-weight:800}.decimal-xlarge{color:var(--p09-decimal-color);letter-spacing:.02em;font-size:2.6rem;font-weight:800}.solution-step .decimal-big{font-size:1.2rem}@media (width<=500px){.decimal-xlarge{font-size:2rem}.decimal-examples-grid{grid-template-columns:1fr}}: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}}:root{--p12-bg:#0f172a;--p12-card:#1e293b;--p12-inner:#0f172a;--p12-text:#f1f5f9;--p12-text-muted:#94a3b8;--p12-border:#334155;--p12-key-bg:#334155;--p12-key-shadow:#1e293b;--p12-blue:#38bdf8;--p12-purple:#c084fc;--p12-green:#4ade80;--p12-yellow:#facc15;--p12-success:#22c55e;--p12-error:#ef4444;--p12-orange:#fb923c}@media (prefers-color-scheme:light){:root{--p12-bg:#f1f5f9;--p12-card:#fff;--p12-inner:#f8fafc;--p12-text:#0f172a;--p12-text-muted:#64748b;--p12-border:#cbd5e1;--p12-key-bg:#e2e8f0;--p12-key-shadow:#cbd5e1;--p12-blue:#0284c7;--p12-purple:#7e22ce;--p12-green:#15803d;--p12-yellow:#b45309;--p12-success:#16a34a;--p12-error:#dc2626;--p12-orange:#c2410c}}.g6-p12-wrapper{box-sizing:border-box;max-width:100%;color:var(--p12-text);flex-direction:column;gap:20px;min-height:100vh;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.g6-p12-top-nav{background:var(--p12-card);border:1px solid var(--p12-border);border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.g6-p12-nav-btn{min-width:120px;color:var(--p12-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-p12-nav-btn:hover{color:var(--p12-text);background:#0000000d}.g6-p12-nav-btn.active{background:var(--p12-blue);color:#fff;box-shadow:0 4px 12px #00000026}.g6-p12-main{background:var(--p12-card);border:1px solid var(--p12-border);border-radius:24px;flex:1;padding:30px;box-shadow:0 4px 20px #0000000d}.g6-p12-theory-tabs{background:var(--p12-inner);border:1px solid var(--p12-border);border-radius:14px;gap:8px;margin-bottom:25px;padding:6px;display:inline-flex}.g6-p12-tab{cursor:pointer;color:var(--p12-text-muted);-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px 24px;font-weight:700;transition:all .2s}.g6-p12-tab.active{background:var(--p12-blue);color:#fff}.g6-p12-theory-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.g6-p12-card{background:var(--p12-inner);border:2px solid var(--p12-border);border-radius:20px;padding:24px}.g6-p12-card h3{margin:0 0 14px;font-size:1.1rem}.card-blue{border-color:var(--p12-blue)}.card-blue h3{color:var(--p12-blue)}.card-purple{border-color:var(--p12-purple)}.card-purple h3{color:var(--p12-purple)}.card-green{border-color:var(--p12-green)}.card-green h3{color:var(--p12-green)}.g6-p12-note{color:var(--p12-text-muted);margin-top:10px;font-size:.88rem;font-style:italic}.g6-p12-fraction{vertical-align:middle;flex-direction:column;align-items:center;margin:0 4px;font-weight:800;line-height:1;display:inline-flex}.g6-p12-frac-num{text-align:center;border-bottom:2px solid;min-width:18px;padding-bottom:2px}.g6-p12-frac-den{text-align:center;min-width:18px;padding-top:2px}.g6-p12-formula{border:2px dashed var(--p12-yellow);color:var(--p12-yellow);background:#00000012;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px 0;padding:14px 16px;font-size:1.4rem;font-weight:700;display:flex}.g6-p12-formula.small{border-style:solid;border-color:var(--p12-border);color:var(--p12-text);padding:10px 12px;font-size:1.15rem}.g6-p12-op{color:var(--p12-purple);font-size:1.3rem;font-weight:900}.g6-p12-op.large{margin:0 8px;font-size:2rem}.g6-p12-steps{flex-direction:column;gap:16px;margin-top:10px;display:flex}.g6-p12-step{border-left:4px solid var(--p12-blue);background:#0000000a;border-radius:12px;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.g6-p12-step-num{background:var(--p12-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:flex}.g6-p12-demo-controls{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.g6-p12-demo-ctrl{align-items:center;gap:8px;font-size:.95rem;display:flex}.g6-p12-slider{width:90px;accent-color:var(--p12-blue);cursor:pointer}.g6-p12-div-visual{background:var(--p12-card);border:1px solid var(--p12-border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-height:120px;padding:16px;display:flex}.g6-p12-vis-step{opacity:0;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;transition:opacity .4s,transform .4s;display:flex;transform:translateY(-8px)}.g6-p12-vis-step.visible{opacity:1;transform:translateY(0)}.g6-p12-vis-step.result{color:var(--p12-green);font-size:1.4rem}.g6-p12-vis-arrow{color:var(--p12-text-muted);font-size:.9rem;font-style:italic}.g6-p12-bar{background:var(--p12-inner);border:2px solid var(--p12-border);border-radius:14px;height:28px;margin:10px 0;position:relative;overflow:hidden}.g6-p12-bar-fill{border-radius:14px;height:100%;transition:width .6s ease-out}.g6-p12-bar-blue .g6-p12-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.g6-p12-bar-green .g6-p12-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.g6-p12-bar-purple .g6-p12-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.g6-p12-bar-orange .g6-p12-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.g6-p12-bar-label{color:var(--p12-text);text-shadow:0 1px 2px #00000040;font-size:.85rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g6-p12-practice-grid{grid-template-columns:1fr 380px;gap:40px;display:grid}.g6-p12-score{background:var(--p12-inner);color:var(--p12-blue);border:1px solid var(--p12-border);border-radius:99px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-block}.g6-p12-question{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;font-size:2rem;font-weight:700;display:flex}.g6-p12-story-text{color:var(--p12-text);background:var(--p12-inner);border-left:4px solid var(--p12-blue);border-radius:14px;margin:0;padding:16px 20px;font-size:1.25rem;line-height:1.7}.g6-p12-proc-hint-wrap{margin:10px 0}.g6-p12-proc-toggle{border:1px dashed var(--p12-border);color:var(--p12-text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-bottom:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.g6-p12-proc-toggle:hover{border-color:var(--p12-blue);color:var(--p12-blue)}.g6-p12-proc-hint{background:var(--p12-inner);border:1px solid var(--p12-border);border-radius:12px;margin:10px 0;padding:14px 16px}.g6-p12-proc-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.g6-p12-ans-placeholder{color:var(--p12-yellow);font-size:1.4rem;font-weight:900}.g6-p12-feedback{border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:14px 18px;font-size:1.05rem;font-weight:700;display:flex}.g6-p12-feedback.correct{color:var(--p12-success);border:1px solid var(--p12-success);background:#22c55e1a}.g6-p12-feedback.wrong{color:var(--p12-error);border:1px solid var(--p12-error);background:#ef44441a}.g6-p12-hint-btn{border:2px dashed var(--p12-yellow);width:100%;color:var(--p12-yellow);cursor:pointer;background:#facc1514;border-radius:10px;margin-top:14px;padding:12px;font-weight:700;transition:all .2s}.g6-p12-hint-btn:hover{background:#facc152e;transform:translateY(-2px)}.g6-p12-solution-card{background:var(--p12-inner);border:2px solid var(--p12-yellow);border-radius:14px;margin-top:14px;padding:16px;animation:.3s ease-out p12-slide-in}.g6-p12-solution-card h4{color:var(--p12-yellow);margin:0 0 12px}.g6-p12-sol-steps{flex-direction:column;gap:8px;display:flex}.g6-p12-sol-step{border-left:3px solid var(--p12-blue);background:#0000000d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;font-size:.95rem;display:flex}@keyframes p12-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.g6-p12-options-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.g6-p12-option-btn{border:2px solid var(--p12-border);background:var(--p12-key-bg);height:90px;color:var(--p12-text);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;transition:all .15s;display:flex}.g6-p12-option-btn:not(:disabled):hover{border-color:var(--p12-blue);background:#38bdf81a;transform:scale(1.03)}.g6-p12-option-btn:disabled{opacity:.65;cursor:default}.g6-p12-option-btn.correct{border-color:var(--p12-success);color:var(--p12-success);background:#22c55e26}.g6-p12-frac-display{flex-direction:column;align-items:center;gap:0;margin-bottom:14px;display:flex}.g6-p12-frac-field{background:var(--p12-inner);width:100%;height:60px;color:var(--p12-blue);border:2px solid var(--p12-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:border-color .2s,background .2s;display:flex}.g6-p12-frac-field.active{border-color:var(--p12-blue);box-shadow:0 0 0 3px #38bdf840}.g6-p12-frac-field .placeholder{opacity:.25}.g6-p12-frac-line{background:var(--p12-blue);border-radius:2px;width:80%;height:3px;margin:4px 0}.g6-p12-unit{color:var(--p12-text-muted);margin-top:8px;font-size:.9rem;font-weight:600}.g6-p12-field-hint{text-align:center;color:var(--p12-text-muted);margin-bottom:12px;font-size:.82rem}.g6-p12-numpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.g6-p12-key{background:var(--p12-key-bg);height:62px;color:var(--p12-text);cursor:pointer;box-shadow:0 4px 0 var(--p12-key-shadow);border:none;border-radius:14px;font-size:1.5rem;font-weight:700;transition:all .1s}.g6-p12-key:active{box-shadow:0 2px 0 var(--p12-key-shadow);transform:translateY(2px)}.g6-p12-key.action{background:var(--p12-border);color:var(--p12-yellow)}.g6-p12-key.switch-field{color:var(--p12-blue);border:2px dashed var(--p12-blue);background:#38bdf81a;font-size:.95rem}.g6-p12-key:disabled{opacity:.5;cursor:default}.g6-p12-btn-main{background:var(--p12-success);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.2rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0003}.g6-p12-btn-main:active{transform:translateY(2px);box-shadow:0 2px #0003}.g6-p12-btn-main:disabled{opacity:.5;cursor:default}.g6-p12-mixed{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.g6-p12-mixed-whole{font-size:1.3em;font-weight:800;line-height:1}.g6-p12-fraction .cc-s{color:var(--p12-error);opacity:.75;font-size:.82em;text-decoration:line-through}.g6-p12-fraction .cc-r{color:var(--p12-green);margin-left:3px;font-size:.88em;font-weight:800}.g6-p12-type-badge{color:var(--p12-orange);border:1px solid var(--p12-orange);background:#fb923c26;border-radius:99px;margin-left:10px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-block}.g6-p12-dec-hint{color:var(--p12-text-muted);margin-left:4px;font-size:.75rem;font-weight:400}@media (width<=1000px){.g6-p12-wrapper{padding:10px}.g6-p12-practice-grid{grid-template-columns:1fr}.g6-p12-main{padding:16px}}@media (width<=600px){.g6-p12-theory-tabs{flex-wrap:wrap}.g6-p12-tab{padding:8px 14px}.g6-p12-question{font-size:1.5rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--disp-bg:#000;--key-bg:#334155;--key-shd:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--ok:#22c55e;--err:#ef4444;--pur-bg:#c084fc1f;--grn-bg:#4ade801a;--hint-bg:#451a03;--hint-bd:#713f12;--hint-tx:#fde68a}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--disp-bg:#f8fafc;--key-bg:#e2e8f0;--key-shd:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--orange:#c2410c;--ok:#16a34a;--err:#dc2626;--pur-bg:#7e22ce14;--grn-bg:#15803d14;--hint-bg:#fefce8;--hint-bd:#fbbf24;--hint-tx:#92400e}}.p13-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:16px;font-family:Segoe UI,sans-serif;display:flex}.p13-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p13-nav button{min-width:100px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 8px;font-size:.88rem;font-weight:600;transition:all .2s}.p13-nav button:hover{color:var(--text)}.p13-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p13-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:24px;position:relative;overflow-y:auto}.p13-scene{max-width:980px;margin:0 auto;animation:.3s ease-out p13in}@keyframes p13in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.p13-scene h2{color:var(--purple);text-align:center;margin:0 0 18px;font-size:1.5rem}.p13-card{background:var(--inner);border:2px solid var(--border);border-radius:18px;padding:20px}.p13-card h3{margin:0 0 12px;font-size:1rem}.p13-card p{margin:0 0 8px;font-size:.95rem}.p13-card--blue{border-color:var(--blue)}.p13-card--blue h3{color:var(--blue)}.p13-card--purple{border-color:var(--purple)}.p13-card--purple h3{color:var(--purple)}.p13-card--yellow{border-color:var(--yellow)}.p13-card--yellow h3{color:var(--yellow)}.p13-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.p13-scheme{margin-top:14px}.p13-sr{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.p13-sa{color:var(--muted);justify-content:space-around;padding:4px 40px;font-size:.85rem;display:flex}.p13-chip{border-radius:8px;align-items:center;gap:4px;padding:5px 12px;font-size:.82rem;font-weight:700;display:flex}.p13-ch-blue{border:1.5px solid var(--blue);color:var(--blue);background:#38bdf81f}.p13-ch-op{border:1.5px solid var(--purple);color:var(--purple);background:#c084fc1f}.p13-ch-ora{border:1.5px solid var(--orange);color:var(--orange);background:#fb923c1f}.p13-cake-row{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0;display:flex}.p13-lgd{font-size:.88rem;font-weight:600}.p13-lgd div{align-items:center;gap:6px;margin:4px 0;display:flex}.p13-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.p13-ans-chip{background:var(--pur-bg);border:1.5px solid var(--purple);color:var(--purple);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-weight:700;display:flex}.p13-cmp{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:12px;display:flex}.p13-cmp-col{border:2px solid;border-radius:14px;flex-direction:column;flex:1;gap:6px;min-width:200px;padding:14px 16px;font-size:.9rem;display:flex}.p13-cmp-green{border-color:var(--green);background:var(--grn-bg)}.p13-cmp-purple{border-color:var(--purple);background:var(--pur-bg)}.p13-cmp-hd{margin-bottom:4px;font-size:.88rem;font-weight:800}.p13-cmp-green .p13-cmp-hd{color:var(--green)}.p13-cmp-purple .p13-cmp-hd{color:var(--purple)}.p13-cmp-f{background:var(--card);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;padding:8px;font-weight:700;display:flex}.p13-cmp-ex{flex-wrap:wrap;align-items:center;gap:5px;font-weight:700;display:flex}.p13-cmp-vs{color:var(--muted);align-self:center;font-size:1.3rem;font-weight:800}.p13-tb{border:2px solid;border-radius:18px;margin-bottom:16px;padding:22px}.p13-tb--purple{border-color:var(--purple);background:var(--pur-bg)}.p13-tb--muted{border-color:var(--border);background:var(--inner);opacity:.85}.p13-tb-title{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin-bottom:8px;font-size:.8rem;font-weight:800}.p13-tb-title--muted{color:var(--muted)}.p13-tb-sub{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:.95rem;display:flex}.p13-steps{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.p13-step{background:var(--card);border-left:3px solid var(--purple);border-radius:12px;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.p13-step--muted{border-left-color:var(--border)}.p13-sn{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.p13-sn--muted{background:var(--muted)}.p13-st{color:var(--muted);margin-bottom:4px;font-size:.88rem}.p13-sf{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:flex}.p13-sf--muted{color:var(--muted);font-size:.95rem}.p13-mf{text-align:center;background:var(--card);border:2px dashed var(--purple);color:var(--purple);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:1.1rem;font-weight:800;display:flex}.p13-muted-ex{background:var(--card);color:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.88rem;display:flex}.p13-exgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px;display:grid}.p13-ex{background:var(--inner);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:hidden}.p13-ex-ttl{text-transform:uppercase;color:var(--purple);margin-bottom:6px;font-size:.75rem;font-weight:800}.p13-ex-cnd{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.p13-el{background:var(--card);border-left:3px solid var(--purple);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;padding:7px 10px;font-size:.88rem;font-weight:600;display:flex}.p13-el--r{border-left-color:var(--ok);background:#22c55e0f}.p13-tl{grid-template-columns:1fr 290px;gap:24px;display:grid}.p13-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 6px 20px #0000001a}.p13-th{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.p13-th h2{color:var(--purple);text-align:left;margin:0;font-size:1.1rem}.p13-sc{font-weight:700}.p13-sc span{color:var(--ok)}.p13-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;height:6px;margin-bottom:14px;overflow:hidden}.p13-pf{background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;height:100%;transition:width .4s}.p13-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-block}.p13-badge--p{background:var(--pur-bg);color:var(--purple);border:1.5px solid var(--purple)}.p13-badge--g{background:var(--grn-bg);color:var(--green);border:1.5px solid var(--green)}.p13-tbox{background:var(--inner);border:2px solid var(--border);text-align:center;border-radius:16px;margin-bottom:18px;padding:20px}.p13-tq{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.p13-tw{font-size:1rem}.p13-kv{color:var(--orange);font-size:2.2rem;font-weight:800;line-height:1}.p13-kv--g{color:var(--green)}.p13-task-ask{color:var(--muted);margin-top:6px;font-size:.85rem}.p13-th-row{background:var(--card);color:var(--muted);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.p13-ia{flex-direction:column;align-items:center;gap:12px;display:flex}.p13-disp{background:var(--disp-bg);border:3px solid var(--border);width:100%;max-width:270px;height:70px;color:var(--purple);border-radius:16px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .2s;display:flex}.p13-disp--idle{border-color:var(--purple)}.p13-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p13-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p13-ph{opacity:.25;color:var(--text);font-size:1.4rem}.p13-np{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:270px;display:grid}.p13-k{border:1px solid var(--border);background:var(--key-bg);height:54px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--key-shd);border-radius:12px;font-size:1.4rem;font-weight:700;transition:all .1s}.p13-k:active:not(:disabled){box-shadow:0 1px 0 var(--key-shd);transform:translateY(2px)}.p13-k:disabled{opacity:.4;cursor:default}.p13-k--u{background:var(--border);color:var(--yellow);font-size:1.1rem}.p13-ar{width:100%;max-width:270px}.p13-btn{cursor:pointer;color:#fff;border:none;border-radius:14px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #0003}.p13-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p13-btn:disabled{opacity:.4;cursor:default}.p13-btn--c{background:var(--ok)}.p13-btn--n{background:var(--purple)}.p13-fb{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:270px;padding:10px;font-size:.9rem;font-weight:700;display:flex}.p13-fb--ok{color:var(--ok);border:1px solid var(--ok);background:#22c55e1a}.p13-fb--err{color:var(--err);border:1px solid var(--err);background:#ef44441a}.p13-sb{flex-direction:column;gap:14px;display:flex}.p13-hc{background:var(--hint-bg);border:1px solid var(--hint-bd);border-radius:18px;padding:16px}.p13-hh{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.p13-hh h4{color:var(--hint-tx);margin:0;font-size:.9rem}.p13-htgl{color:var(--hint-tx);cursor:pointer;opacity:.8;align-items:center;gap:4px;font-size:.75rem;display:flex}.p13-htgl input{margin:0}.p13-hb{color:var(--hint-tx);font-size:.88rem}.p13-hl{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:5px;font-size:.9rem;font-weight:700;display:flex}.p13-hcl{opacity:.75;border-top:1px solid var(--hint-bd);margin-top:6px;padding-top:6px;font-size:.8rem}.p13-hoff{color:var(--muted);text-align:center;padding:6px;font-style:italic}.p13-rem{background:var(--inner);border:2px dashed var(--purple);border-radius:16px;padding:14px}.p13-rem-t{text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:4px;font-size:.72rem;font-weight:800}.p13-rem-l{flex-wrap:wrap;align-items:center;gap:5px;font-size:.88rem;font-weight:700;display:flex}.p13-cel{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p13-con{border-radius:50%;width:9px;height:9px;animation:3s linear forwards p13cf;position:absolute}@keyframes p13cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=860px){.p13-tl,.p13-2col{grid-template-columns:1fr}.p13-sb{order:-1}}@media (width<=560px){.p13-wrap{padding:8px}.p13-main{padding:14px 12px}.p13-nav button{min-width:70px;padding:8px 5px;font-size:.78rem}.pf-xl{font-size:1.9rem}.p13-kv{font-size:1.8rem}.p13-k{height:50px;font-size:1.2rem}.p13-disp{height:62px;font-size:2rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--disp:#020617;--key:#1e293b;--kshd:#0f172a;--blue:#38bdf8;--green:#4ade80;--purple:#c084fc;--orange:#fb923c;--teal:#2dd4bf;--yellow:#facc15;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81f;--green-bg:#4ade801f;--purple-bg:#c084fc1f;--orange-bg:#fb923c1f;--teal-bg:#2dd4bf1f;--yellow-bg:#facc151f;--hint-bg:#1c1009;--hint-bd:#92400e;--hint-tx:#fde68a;--hint-row:#fde68a0f}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--disp:#f8fafc;--key:#e2e8f0;--kshd:#cbd5e1;--blue:#0284c7;--green:#15803d;--purple:#7e22ce;--orange:#c2410c;--teal:#0d9488;--yellow:#b45309;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--green-bg:#15803d14;--purple-bg:#7e22ce14;--orange-bg:#c2410c14;--teal-bg:#0d948814;--yellow-bg:#b4530914;--hint-bg:#fefce8;--hint-bd:#f59e0b;--hint-tx:#78350f;--hint-row:#78350f0f}}.p14-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:16px;font-family:Segoe UI,sans-serif;display:flex}.p14-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p14-nav button{min-width:90px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:600;transition:all .18s}.p14-nav button:hover{color:var(--text);background:#ffffff0a}.p14-nav button.act{background:var(--purple);color:#fff;box-shadow:0 2px 12px #c084fc59}.p14-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:24px;position:relative;overflow-y:auto;box-shadow:0 4px 24px #0000002e}.pf{vertical-align:middle;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.pf-sm{font-size:.9rem}.pf-md{font-size:1.15rem}.pf-lg{font-size:1.65rem}.pf-xl{font-size:2.2rem}.pf-n,.pf-d{padding:1px 3px;line-height:1.2}.pf-l{border-top:2px solid;width:100%;margin:1px 0;display:block}.p14-scene{max-width:980px;margin:0 auto;animation:.28s ease-out p14in}@keyframes p14in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.p14-scene>h2{color:var(--purple);text-align:center;margin:0 0 4px;font-size:1.45rem}.p14-sub{text-align:center;color:var(--muted);margin:0 0 16px;font-size:.85rem}.p14-rules-list{flex-direction:column;gap:7px;display:flex}.p14-rule{border:1.5px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.p14-rule.open{box-shadow:0 4px 16px #00000026}.p14-rule--blue{border-color:#38bdf866}.p14-rule--green{border-color:#4ade8066}.p14-rule--purple{border-color:#c084fc66}.p14-rule--orange{border-color:#fb923c66}.p14-rule--teal{border-color:#2dd4bf66}.p14-rule--yellow{border-color:#facc1566}.p14-rule.open.p14-rule--blue{border-color:var(--blue)}.p14-rule.open.p14-rule--green{border-color:var(--green)}.p14-rule.open.p14-rule--purple{border-color:var(--purple)}.p14-rule.open.p14-rule--orange{border-color:var(--orange)}.p14-rule.open.p14-rule--teal{border-color:var(--teal)}.p14-rule.open.p14-rule--yellow{border-color:var(--yellow)}.p14-rule-hdr{background:var(--inner);cursor:pointer;text-align:left;width:100%;color:var(--text);border:none;align-items:center;gap:10px;padding:13px 16px;transition:background .15s;display:flex}.p14-rule-hdr:hover,.p14-rule.open .p14-rule-hdr{background:var(--card)}.p14-rule-icon{flex-shrink:0;font-size:1rem}.p14-rule-title{flex:1;font-size:.92rem;font-weight:700}.p14-rule-arrow{color:var(--muted);flex-shrink:0;font-size:.7rem;transition:transform .2s}.p14-rule.open .p14-rule-arrow{transform:rotate(180deg)}.p14-rule--blue .p14-rule-title{color:var(--blue)}.p14-rule--green .p14-rule-title{color:var(--green)}.p14-rule--purple .p14-rule-title{color:var(--purple)}.p14-rule--orange .p14-rule-title{color:var(--orange)}.p14-rule--teal .p14-rule-title{color:var(--teal)}.p14-rule--yellow .p14-rule-title{color:var(--yellow)}.p14-rule-body{background:var(--card);padding:12px 16px 16px}.p14-rule-text{color:var(--muted);margin-bottom:10px;font-size:.88rem;line-height:1.5}.p14-rule-example{background:var(--inner);border-left:3px solid var(--purple);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex}.p14-tl{grid-template-columns:1fr 286px;gap:22px;display:grid}.p14-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 4px 20px #0000001a}.p14-th{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.p14-th h2{color:var(--purple);margin:0;font-size:1.05rem}.p14-sc{font-size:.95rem;font-weight:700}.p14-sc span{color:var(--ok)}.p14-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;height:5px;margin-bottom:14px;overflow:hidden}.p14-pf{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:99px;height:100%;transition:width .4s ease-out}.p14-badge{text-transform:uppercase;letter-spacing:.05em;border:1.5px solid;border-radius:8px;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:.73rem;font-weight:800;display:inline-flex}.p14-badge--blue{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.p14-badge--green{background:var(--green-bg);color:var(--green);border-color:var(--green)}.p14-badge--purple{background:var(--purple-bg);color:var(--purple);border-color:var(--purple)}.p14-badge--orange{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.p14-badge--teal{background:var(--teal-bg);color:var(--teal);border-color:var(--teal)}.p14-badge--dec{background:var(--yellow-bg);color:var(--yellow);border-color:var(--yellow)}.p14-badge--mix{background:var(--purple-bg);color:var(--purple);border-color:var(--purple)}.p14-tbox{background:var(--inner);border:1.5px solid var(--border);text-align:center;border-radius:16px;margin-bottom:18px;padding:20px 16px}.p14-tq{flex-direction:column;align-items:center;gap:8px;display:flex}.p14-tq-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.p14-tq-expr{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:1.9rem;font-weight:800;line-height:1.4;display:flex}.p14-ia{flex-direction:column;align-items:center;gap:11px;display:flex}.p14-frac-input{flex-direction:column;align-items:center;gap:0;width:120px;display:flex}.p14-fi-box{background:var(--disp);border:2px solid var(--border);width:100%;height:52px;color:var(--purple);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1.9rem;font-weight:800;transition:border-color .15s,box-shadow .15s;display:flex}.p14-fi-box.active{border-color:var(--purple);box-shadow:0 0 0 3px #c084fc33}.p14-fi-line{border-top:3px solid var(--purple);width:90%;margin:2px 0}.p14-ph{opacity:.2;color:var(--text);font-size:1.2rem}.p14-ph-muted{opacity:.3;color:var(--muted);font-size:1.2rem}.p14-fi-hint{color:var(--muted);text-align:center;font-size:.72rem}.p14-disp{background:var(--disp);border:2.5px solid var(--border);width:100%;max-width:256px;height:68px;color:var(--orange);border-radius:16px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:all .2s;display:flex}.p14-disp--idle{border-color:var(--orange);box-shadow:0 0 0 3px #fb923c1f}.p14-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e12!important;box-shadow:0 0 0 3px #22c55e1f!important}.p14-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444412!important;box-shadow:0 0 0 3px #ef44441f!important}.p14-np{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:256px;display:grid}.p14-k{border:1px solid var(--border);background:var(--key);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--kshd);border-radius:12px;font-size:1.35rem;font-weight:700;transition:all .1s}.p14-k:hover:not(:disabled){background:var(--card)}.p14-k:active:not(:disabled){box-shadow:0 1px 0 var(--kshd);transform:translateY(2px)}.p14-k:disabled{opacity:.35;cursor:default}.p14-k--u{color:var(--yellow);border-color:var(--border);background:#ffffff0a;font-size:1rem}.p14-k--tab,.p14-k--comma{font-size:.85rem;font-weight:800}.p14-k--tab{background:var(--purple-bg);color:var(--purple);border-color:var(--purple)}.p14-k--comma{background:var(--orange-bg);color:var(--orange);border-color:var(--orange);font-size:1.5rem;font-weight:900}.p14-k-span2{grid-column:span 2}.p14-ar{width:100%;max-width:256px}.p14-btn{cursor:pointer;color:#fff;border:none;border-radius:14px;width:100%;padding:14px;font-size:1rem;font-weight:800;transition:all .1s;box-shadow:0 4px #00000040}.p14-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000040}.p14-btn:disabled{opacity:.4;cursor:default}.p14-btn--c{background:var(--ok)}.p14-btn--n{background:var(--purple)}.p14-fb{text-align:center;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;max-width:256px;padding:9px 12px;font-size:.88rem;font-weight:700;animation:.2s p14in;display:flex}.p14-fb--ok{color:var(--ok);background:#22c55e1a;border:1px solid #22c55e4d}.p14-fb--err{color:var(--err);background:#ef44441a;border:1px solid #ef44444d}.p14-sb{flex-direction:column;gap:12px;display:flex}.p14-hc{background:var(--hint-bg);border:1px solid var(--hint-bd);border-radius:18px;padding:15px}.p14-hh{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.p14-hh h4{color:var(--hint-tx);margin:0;font-size:.88rem}.p14-htgl{color:var(--hint-tx);cursor:pointer;opacity:.75;align-items:center;gap:4px;font-size:.72rem;display:flex}.p14-htgl input{margin:0}.p14-hb{color:var(--hint-tx)}.p14-hint-steps{flex-direction:column;gap:5px;display:flex}.p14-hs{background:var(--hint-row);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 10px;font-size:.84rem;font-weight:600;display:flex}.p14-hoff{color:var(--muted);text-align:center;padding:6px;font-size:.85rem;font-style:italic}.p14-rem{background:var(--inner);border:1.5px dashed #c084fc80;border-radius:16px;padding:14px}.p14-rem-t{text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:9px;font-size:.7rem;font-weight:800}.p14-rem-rows{flex-direction:column;gap:6px;display:flex}.p14-rem-row{background:var(--card);border-left:2px solid var(--purple);border-radius:9px;flex-wrap:nowrap;align-items:center;gap:4px;padding:6px 9px;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.p14-rem-eq{color:var(--muted);flex-shrink:0;margin:0 2px;font-weight:800}.p14-cel{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p14-con{border-radius:50%;width:8px;height:8px;animation:3s linear forwards p14cf;position:absolute}@keyframes p14cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=860px){.p14-tl{grid-template-columns:1fr}.p14-sb{order:-1}}@media (width<=560px){.p14-wrap{padding:8px}.p14-main{padding:14px 10px}.p14-nav button{min-width:60px;padding:8px 4px;font-size:.76rem}.p14-tq-expr{font-size:1.5rem}.p14-k{height:48px;font-size:1.2rem}.p14-disp{height:60px;font-size:1.75rem}.pf-xl{font-size:1.8rem}}.p15-mixed{vertical-align:middle;align-items:center;gap:3px;font-weight:800;display:inline-flex}.p15-mixed--big{gap:5px;font-size:1.6rem}.p15-mixed-w{font-size:inherit;line-height:1}.p15-hint-content{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--disp-bg:#000;--key-bg:#334155;--key-shd:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--teal:#2dd4bf;--ok:#22c55e;--err:#ef4444;--pur-bg:#c084fc1a;--grn-bg:#4ade801a;--teal-bg:#2dd4bf1a;--blue-bg:#38bdf81a;--yel-bg:#facc1514}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--disp-bg:#f8fafc;--key-bg:#e2e8f0;--key-shd:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--orange:#c2410c;--teal:#0f766e;--ok:#16a34a;--err:#dc2626;--pur-bg:#7e22ce14;--grn-bg:#15803d14;--teal-bg:#0f766e14;--blue-bg:#0284c714;--yel-bg:#a1620712}}.p15-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p15-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.p15-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-size:.92rem;font-weight:700;transition:all .18s}.p15-nav button:hover{color:var(--text)}.p15-nav button.act{background:var(--teal);color:#fff;box-shadow:0 3px 10px #0003}.p15-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p15-scene{max-width:900px;margin:0 auto;animation:.25s ease-out p15in}@keyframes p15in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.p15-scene h2{color:var(--teal);text-align:center;margin:0 0 20px;font-size:1.35rem}.p15-frac{vertical-align:middle;flex-direction:column;align-items:center;gap:1px;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex}.p15-frac--big{font-size:1.35rem}.p15-frac-n{padding-bottom:2px}.p15-frac-d{padding-top:2px}.p15-frac-l{background:currentColor;border-radius:2px;width:100%;min-width:1.4em;height:2px}.p15-ratio{align-items:center;gap:3px;font-size:.95rem;font-weight:800;display:inline-flex}.p15-ratio--big{font-size:1.6rem}.p15-colon{color:var(--teal);padding:0 1px;font-weight:900}.p15-th-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:20px 22px}.p15-th-card p{margin:0 0 10px;font-size:.95rem;line-height:1.6}.p15-th-card p:last-child{margin-bottom:0}.p15-th-card--teal{border-color:var(--teal)}.p15-th-card--blue{border-color:var(--blue)}.p15-th-card--purple{border-color:var(--purple)}.p15-th-card--yellow{border-color:var(--yellow)}.p15-th-card-title{text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p15-th-card--teal .p15-th-card-title{color:var(--teal)}.p15-th-card--blue .p15-th-card-title{color:var(--blue)}.p15-th-card--purple .p15-th-card-title{color:var(--purple)}.p15-th-card--yellow .p15-th-card-title{color:var(--yellow)}.p15-th-note{color:var(--muted);margin-top:10px;font-size:.88rem;line-height:1.55}.p15-eq-row{background:var(--card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:12px 16px;font-size:1.05rem;font-weight:700;display:flex}.p15-eq-item{align-items:center;display:flex}.p15-eq-item--hl{color:var(--teal);font-size:1.2rem}.p15-eq-arrow{color:var(--muted);font-size:1.1rem}.p15-tape-ex{margin:10px 0}.p15-tape-ex-bar{border:2px solid var(--border);border-radius:10px;height:44px;display:flex;overflow:hidden}.p15-tape-ex-a{background:var(--teal);color:#fff;justify-content:center;align-items:center;gap:4px;font-size:1.1rem;font-weight:800;display:flex}.p15-tape-ex-b{background:var(--blue-bg);border-left:2px solid var(--blue);color:var(--blue);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.p15-tape-ex-labels{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:600;display:flex}.p15-tape-ex-labels span{text-align:center}.p15-prop-steps{flex-direction:column;gap:8px;margin:12px 0;display:flex}.p15-prop-step{background:var(--card);border:1.5px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;font-weight:700;display:flex}.p15-prop-eq{color:var(--muted);font-size:1.3rem}.p15-example-box{background:var(--card);border:1.5px solid var(--border);border-radius:12px;margin-top:10px;overflow:hidden}.p15-ex-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 14px;font-size:.78rem;font-weight:800}.p15-ex-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 14px;font-size:.93rem;font-weight:600;display:flex}.p15-ex-row:last-child{border-bottom:none}.p15-ex-row--ans{background:var(--grn-bg)}.p15-ex-step{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.78rem;font-weight:800;display:flex}.p15-ex-step--ok{background:var(--ok);color:#fff}.p15-tl{grid-template-columns:1fr 240px;gap:20px;display:grid}.p15-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 4px 18px #0000001a}.p15-score-row{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p15-score-val{color:var(--ok);font-size:1rem}.p15-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p15-pf{background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px;height:100%;transition:width .4s}.p15-tbox{background:var(--inner);border:2px solid var(--border);text-align:center;border-radius:16px;padding:20px}.p15-q-block{flex-direction:column;align-items:center;gap:10px;display:flex}.p15-q-label{color:var(--muted);text-align:center;font-size:.9rem;font-weight:700}.p15-q-main{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.p15-q-main--unit{font-size:1.3rem;font-weight:700}.p15-q-eq{color:var(--muted);font-size:1.5rem;font-weight:500}.p15-q-unk{color:var(--yellow);font-size:1.8rem;font-weight:900;line-height:1}.p15-q-sub{color:var(--muted);font-size:.82rem}.p15-q-ctx{flex-wrap:wrap;justify-content:center;gap:16px;font-size:.9rem;font-weight:600;display:flex}.p15-ctx-a{color:var(--teal)}.p15-ctx-b{color:var(--blue)}.p15-hint{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p15in}.p15-hint-title{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:10px;font-size:.78rem;font-weight:800}.p15-hint-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:5px 0;font-size:.92rem;font-weight:600;display:flex}.p15-hint-row:last-child{border-bottom:none}.p15-hint-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p15-hint-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p15-hint-num--ok{background:var(--ok);color:#fff}.p15-ia{flex-direction:column;align-items:center;gap:10px;display:flex}.p15-disp{background:var(--disp-bg);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p15-disp--idle{border-color:var(--teal)}.p15-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p15-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p15-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p15-np{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p15-k{border:1px solid var(--border);background:var(--key-bg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--key-shd);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p15-k:active:not(:disabled){box-shadow:0 1px 0 var(--key-shd);transform:translateY(2px)}.p15-k:disabled{opacity:.4;cursor:default}.p15-k--u{background:var(--border);color:var(--yellow);font-size:1rem}.p15-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:240px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p15-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p15-btn:disabled{opacity:.4;cursor:default}.p15-btn--c{background:var(--ok)}.p15-btn--n{background:var(--teal)}.p15-fb{text-align:center;border-radius:10px;width:100%;max-width:240px;padding:9px;font-size:.88rem;font-weight:700}.p15-fb--ok{color:var(--ok);border:1px solid var(--ok);background:#22c55e1a}.p15-fb--err{color:var(--err);border:1px solid var(--err);background:#ef44441a}.p15-sb{flex-direction:column;gap:12px;display:flex}.p15-rem{background:var(--inner);border:2px dashed var(--teal);border-radius:16px;padding:16px}.p15-rem-t{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin:0 0 10px;font-size:.72rem;font-weight:800}.p15-rem-item{margin-bottom:12px}.p15-rem-item:last-child{margin-bottom:0}.p15-rem-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;font-size:.75rem;font-weight:700}.p15-rem-body{font-size:.92rem;font-weight:700}.p15-rem-item--warn .p15-rem-label{color:var(--yellow)}.p15-rem-item--warn .p15-rem-body{color:var(--muted);font-size:.88rem}.p15-cel{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p15-con{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p15cf;position:absolute}@keyframes p15cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}.p15-method-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.p15-method-grid--3{grid-template-columns:1fr 1fr 1fr}.p15-method-box{border:1.5px solid var(--border);background:var(--card);border-radius:12px;padding:14px}.p15-method-box--a{border-color:var(--teal)}.p15-method-box--b{border-color:var(--purple)}.p15-method-box--c{border-color:var(--orange)}.p15-method-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.p15-method-box--a .p15-method-title{color:var(--teal)}.p15-method-box--b .p15-method-title{color:var(--purple)}.p15-method-box--c .p15-method-title{color:var(--orange)}.p15-method-desc{color:var(--muted);margin:0 0 8px;font-size:.85rem;line-height:1.5}.p15-quiz-q{text-align:left;font-size:1.05rem;font-weight:700;line-height:1.55}.p15-quiz-opts{flex-direction:column;gap:8px;display:flex}.p15-quiz-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p15-quiz-opt:hover:not(:disabled){border-color:var(--teal);background:var(--teal-bg)}.p15-quiz-opt--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e1a!important}.p15-quiz-opt--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef44441a!important}.p15-quiz-opt--dim{opacity:.45}.p15-quiz-opt:disabled{cursor:default}.p15-quiz-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p15-quiz-opt--ok .p15-quiz-letter{background:var(--ok);color:#fff}.p15-quiz-opt--err .p15-quiz-letter{background:var(--err);color:#fff}.p15-quiz-expl{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.5;animation:.2s ease-out p15in;display:flex}.p15-quiz-expl--ok{color:var(--ok);border:1.5px solid var(--ok);background:#22c55e1a}.p15-quiz-expl--err{color:var(--err);border:1.5px solid var(--err);background:#ef44441a}@media (width<=700px){.p15-method-grid--3,.p15-method-grid{grid-template-columns:1fr}}@media (width<=760px){.p15-tl{grid-template-columns:1fr}.p15-sb{order:-1}.p15-rem{flex-wrap:wrap;gap:12px;display:flex}.p15-rem-item{flex:1;min-width:120px}}@media (width<=520px){.p15-wrap{padding:8px}.p15-main{padding:14px}.p15-nav button{padding:9px 8px;font-size:.85rem}.p15-k{height:48px;font-size:1.2rem}.p15-disp{height:60px;font-size:1.9rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--disp-bg:#000;--key-bg:#334155;--key-shd:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--teal:#2dd4bf;--ok:#22c55e;--err:#ef4444;--pur-bg:#c084fc1f;--grn-bg:#4ade801a;--teal-bg:#2dd4bf1a;--blue-bg:#38bdf81a;--yel-bg:#facc151a;--err-bg:#ef44441a}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--disp-bg:#f8fafc;--key-bg:#e2e8f0;--key-shd:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--orange:#c2410c;--teal:#0f766e;--ok:#16a34a;--err:#dc2626;--pur-bg:#7e22ce14;--grn-bg:#15803d14;--teal-bg:#0f766e14;--blue-bg:#0284c714;--yel-bg:#a1620712;--err-bg:#dc262612}}.p16-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p16-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.p16-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-size:.92rem;font-weight:700;transition:all .18s}.p16-nav button:hover{color:var(--text)}.p16-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p16-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p16-scene{max-width:900px;margin:0 auto;animation:.25s ease-out p16in}@keyframes p16in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.p16-scene h2{color:var(--purple);text-align:center;margin:0 0 20px;font-size:1.35rem}.p16-frac{vertical-align:middle;flex-direction:column;align-items:center;gap:1px;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex}.p16-frac--big{font-size:1.45rem}.p16-frac-n{padding-bottom:2px}.p16-frac-d{padding-top:2px}.p16-frac-l{background:currentColor;border-radius:2px;width:100%;min-width:1.4em;height:2px}.p16-prop-display{vertical-align:middle;align-items:center;gap:12px;font-weight:800;display:inline-flex}.p16-prop-eq{color:var(--muted);font-size:1.5rem;font-weight:400;line-height:1}.p16-pm{display:inline}.p16-pm--big{font-size:1.45rem}.p16-pm--unk{color:var(--yellow);background:var(--yel-bg);border-radius:5px;padding:0 5px;font-weight:900}.p16-freduce{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.p16-freduce-arr{color:var(--muted);font-weight:500}.p16-freduce-num,.p16-freduce-den{align-items:center;gap:2px;display:inline-flex}.p16-freduce-mid{color:var(--text)}.p16-freduce-slot{align-items:baseline;gap:1px;display:inline-flex;position:relative}.p16-freduce-struck{color:var(--muted);display:inline-block;position:relative}.p16-freduce-struck:after{content:"";background:var(--err);border-radius:1px;height:2px;position:absolute;top:48%;left:-2px;right:-2px;transform:translateY(-50%)rotate(-10deg)}.p16-freduce-rem{color:var(--teal);font-size:.78em;font-weight:900;line-height:1}.p16-freduce-result{color:var(--ok);font-weight:900}:root{--teal-line:#2dd4bf;--purple-line:#c084fc}@media (prefers-color-scheme:light){:root{--teal-line:#0f766e;--purple-line:#7e22ce}}.p16-crossvis{background:var(--inner);border:2px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:320px;margin:10px auto;padding:16px 20px;display:flex}.p16-cv-box{justify-content:center;align-items:center;gap:12px;width:60px;height:30px;display:flex;position:relative}.p16-cv-frac{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1px;min-width:14px;font-size:.85rem;font-weight:800;display:flex;position:relative}.p16-cv-num{padding-bottom:1px}.p16-cv-den{padding-top:1px}.p16-cv-line{background:var(--border);border-radius:2px;width:100%;min-width:14px;height:2px}.p16-cv-equals{color:var(--muted);z-index:1;font-size:1rem;font-weight:400;line-height:1;position:relative}.p16-cv-ext{color:var(--teal)}.p16-cv-mid{color:var(--purple)}.p16-cv-svg-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.p16-cv-products{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.p16-cv-prod--teal{color:var(--teal)}.p16-cv-prod--purple{color:var(--purple)}.p16-cv-verdict--ok{color:var(--ok);font-size:1.05rem;font-weight:800}.p16-cv-verdict--err{color:var(--err);font-size:1.05rem;font-weight:800}.p16-cross-formula{flex-direction:column;align-items:center;gap:10px;margin:14px auto;display:flex}.p16-cf-box{justify-content:center;align-items:center;gap:24px;width:60px;height:30px;display:flex;position:relative}.p16-cf-frac{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1px;min-width:14px;font-size:.85rem;font-weight:900;display:flex;position:relative}.p16-cf-line{background:var(--border);border-radius:2px;width:100%;min-width:12px;height:2px}.p16-cf-eq{color:var(--muted);z-index:1;font-size:1rem;font-weight:300;line-height:1;position:relative}.p16-cf-ext{color:var(--teal);font-size:.85rem;font-weight:900}.p16-cf-mid{color:var(--purple);font-size:.85rem;font-weight:900}.p16-cf-svg-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.p16-cf-result{align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.p16-cf-prod--teal{color:var(--teal);font-size:1.15rem}.p16-cf-prod--purple{color:var(--purple);font-size:1.15rem}.p16-cf-veq{color:var(--muted);font-size:1.3rem;font-weight:400}.p16-members-scheme{flex-direction:column;align-items:center;gap:12px;margin:14px 0;display:flex}.p16-ms-diagram{align-items:center;gap:20px;display:flex}.p16-ms-col{flex-direction:column;align-items:center;gap:6px;display:flex}.p16-ms-box{border:2.5px solid;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:900;display:flex}.p16-ms-box--ext{background:var(--teal-bg);color:var(--teal);border-color:var(--teal)}.p16-ms-box--mid{background:var(--pur-bg);color:var(--purple);border-color:var(--purple)}.p16-ms-frac-line{background:var(--border);border-radius:2px;width:70px;height:3px}.p16-ms-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:800}.p16-ms-badge--ext{background:var(--teal-bg);color:var(--teal)}.p16-ms-badge--mid{background:var(--pur-bg);color:var(--purple)}.p16-ms-equals{color:var(--muted);align-self:center;font-size:2.5rem;font-weight:300}.p16-ms-legend{flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.p16-ms-leg-ext{color:var(--teal)}.p16-ms-leg-mid{color:var(--purple)}.p16-algo-card{border:2px solid var(--border);background:var(--card);border-radius:14px;margin-top:10px;padding:14px 18px}.p16-algo-card--a{border-color:var(--teal)}.p16-algo-card--b{border-color:var(--purple)}.p16-algo-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:12px;font-size:.78rem;font-weight:800}.p16-algo-steps{flex-direction:column;gap:10px;display:flex}.p16-algo-step{flex-wrap:wrap;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.p16-algo-num{background:var(--border);width:26px;height:26px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.p16-algo-eq{color:var(--text);font-size:1rem;font-weight:700}.p16-perm-vis{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.p16-perm-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;display:flex}.p16-perm-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:center;font-size:.7rem;font-weight:800}.p16-perm-tag--mid{color:var(--purple)}.p16-perm-tag--ext{color:var(--teal)}.p16-perm-prop{font-size:1rem;font-weight:700}.p16-perm-check{color:var(--ok);font-size:.8rem;font-weight:600}.p16-th-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:20px 22px}.p16-th-card p{margin:0 0 10px;font-size:.95rem;line-height:1.6}.p16-th-card p:last-child{margin-bottom:0}.p16-th-card--teal{border-color:var(--teal)}.p16-th-card--blue{border-color:var(--blue)}.p16-th-card--purple{border-color:var(--purple)}.p16-th-card--yellow{border-color:var(--yellow)}.p16-th-card-title{text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p16-th-card--teal .p16-th-card-title{color:var(--teal)}.p16-th-card--blue .p16-th-card-title{color:var(--blue)}.p16-th-card--purple .p16-th-card-title{color:var(--purple)}.p16-th-card--yellow .p16-th-card-title{color:var(--yellow)}.p16-th-note{color:var(--muted);margin-top:10px;font-size:.88rem;line-height:1.55}.p16-eq-row{background:var(--card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:12px 16px;font-size:1.05rem;font-weight:700;display:flex}.p16-eq-arrow{color:var(--muted)}.p16-example-box{background:var(--card);border:1.5px solid var(--border);border-radius:12px;margin-top:10px;overflow:hidden}.p16-ex-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 14px;font-size:.78rem;font-weight:800}.p16-ex-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:7px 14px;font-size:.93rem;font-weight:600;display:flex}.p16-ex-row:last-child{border-bottom:none}.p16-ex-row--ans{background:var(--grn-bg)}.p16-ex-row--err{background:var(--err-bg)}.p16-ex-step{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.p16-ex-step--ok{background:var(--ok);color:#fff}.p16-ex-step--err{background:var(--err);color:#fff}.p16-method-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.p16-method-box{border:1.5px solid var(--border);background:var(--card);border-radius:12px;padding:14px}.p16-method-box--a{border-color:var(--teal)}.p16-method-box--b{border-color:var(--purple)}.p16-method-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.p16-method-box--a .p16-method-title{color:var(--teal)}.p16-method-box--b .p16-method-title{color:var(--purple)}.p16-tl{grid-template-columns:1fr 240px;gap:20px;display:grid}.p16-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 4px 18px #0000001a}.p16-score-row{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p16-score-val{color:var(--ok);font-size:1rem}.p16-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p16-pf{background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;height:100%;transition:width .4s}.p16-tbox{background:var(--inner);border:2px solid var(--border);text-align:center;border-radius:16px;padding:20px}.p16-q-block{flex-direction:column;align-items:center;gap:12px;display:flex}.p16-q-label{color:var(--muted);text-align:center;font-size:.9rem;font-weight:700}.p16-q-main{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.p16-q-sub{color:var(--muted);font-size:.82rem}.p16-yesno{flex-direction:column;align-items:center;gap:10px;display:flex}.p16-yn-btn{border:2.5px solid var(--border);background:var(--inner);width:100%;max-width:280px;color:var(--text);cursor:pointer;letter-spacing:.02em;border-radius:14px;padding:16px;font-size:1.05rem;font-weight:800;transition:all .15s}.p16-yn-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.p16-yn-yes:not(:disabled):hover{border-color:var(--ok);color:var(--ok);background:var(--grn-bg)}.p16-yn-no:not(:disabled):hover{border-color:var(--err);color:var(--err);background:var(--err-bg)}.p16-yn-btn--ok{border-color:var(--ok)!important;background:var(--grn-bg)!important;color:var(--ok)!important}.p16-yn-btn--wrong{opacity:.6;border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p16-yn-btn:disabled{cursor:default}.p16-hint{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p16in}.p16-hint-title{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin-bottom:10px;font-size:.78rem;font-weight:800}.p16-hint-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:6px 0;font-size:.92rem;font-weight:600;display:flex}.p16-hint-row:last-child{border-bottom:none}.p16-hint-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p16-hint-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p16-hint-num--ok{background:var(--ok);color:#fff}.p16-hint-content{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.p16-ia{flex-direction:column;align-items:center;gap:10px;display:flex}.p16-disp{background:var(--disp-bg);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--purple);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p16-disp--idle{border-color:var(--purple)}.p16-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p16-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p16-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p16-np{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p16-k{border:1px solid var(--border);background:var(--key-bg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--key-shd);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p16-k:active:not(:disabled){box-shadow:0 1px 0 var(--key-shd);transform:translateY(2px)}.p16-k:disabled{opacity:.4;cursor:default}.p16-k--u{background:var(--border);color:var(--yellow);font-size:1rem}.p16-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p16-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p16-btn:disabled{opacity:.4;cursor:default}.p16-btn--c{background:var(--ok)}.p16-btn--n{background:var(--purple)}.p16-fb{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px;font-size:.88rem;font-weight:700}.p16-fb--ok{color:var(--ok);border:1px solid var(--ok);background:#22c55e1a}.p16-fb--err{color:var(--err);border:1px solid var(--err);background:#ef44441a}.p16-sb{flex-direction:column;gap:12px;display:flex}.p16-rem{background:var(--inner);border:2px dashed var(--purple);border-radius:16px;padding:16px}.p16-rem-t{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin:0 0 10px;font-size:.72rem;font-weight:800}.p16-rem-item{margin-bottom:12px}.p16-rem-item:last-child{margin-bottom:0}.p16-rem-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;font-size:.75rem;font-weight:700}.p16-rem-body{font-size:.92rem;font-weight:700}.p16-rem-item--warn .p16-rem-label{color:var(--yellow)}.p16-rem-item--warn .p16-rem-body{color:var(--muted);font-size:.88rem}.p16-quiz-expl-chain{flex-wrap:wrap;align-items:center;gap:7px;font-size:.88rem;font-weight:600;display:inline-flex}.p16-qec-arr{color:var(--muted);font-size:.85rem}.p16-qec-cross{font-weight:700}.p16-quiz-q{text-align:left;font-size:1.05rem;font-weight:700;line-height:1.6}.p16-quiz-opts{flex-direction:column;gap:8px;display:flex}.p16-quiz-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p16-quiz-opt:hover:not(:disabled){border-color:var(--purple);background:var(--pur-bg)}.p16-quiz-opt--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e1a!important}.p16-quiz-opt--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef44441a!important}.p16-quiz-opt--dim{opacity:.45}.p16-quiz-opt:disabled{cursor:default}.p16-quiz-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p16-quiz-opt--ok .p16-quiz-letter{background:var(--ok);color:#fff}.p16-quiz-opt--err .p16-quiz-letter{background:var(--err);color:#fff}.p16-quiz-expl{border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.5;animation:.2s ease-out p16in;display:flex}.p16-quiz-expl--ok{color:var(--ok);border:1.5px solid var(--ok);background:#22c55e1a}.p16-quiz-expl--err{color:var(--err);border:1.5px solid var(--err);background:#ef44441a}.p16-cel{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p16-con{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p16cf;position:absolute}@keyframes p16cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p16-tl{grid-template-columns:1fr}.p16-sb{order:-1}.p16-rem{flex-wrap:wrap;gap:12px;display:flex}.p16-rem-item{flex:1;min-width:120px}}@media (width<=700px){.p16-method-grid,.p16-perm-vis{grid-template-columns:1fr}}@media (width<=520px){.p16-wrap{padding:8px}.p16-main{padding:14px}.p16-nav button{padding:9px 8px;font-size:.85rem}.p16-k{height:48px;font-size:1.2rem}.p16-disp{height:60px;font-size:1.9rem}.p16-ms-diagram{gap:10px}.p16-ms-box{width:46px;height:46px;font-size:1.2rem}.p16-cv-frac{font-size:1.2rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14}}.p17-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p17-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.p17-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-size:.92rem;font-weight:700;transition:all .18s}.p17-nav button:hover{color:var(--text)}.p17-nav button.act{background:var(--teal);color:#fff;box-shadow:0 3px 10px #0003}.p17-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p17-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p17in}@keyframes p17in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p17-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p17-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p17-sb{flex-direction:column;gap:12px;display:flex}.p17-th{flex-direction:column;gap:16px;display:flex}.p17-th h2{color:var(--teal);text-align:center;margin:0 0 4px;font-size:1.3rem}.p17-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p17-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p17-card--blue{border-color:var(--blue)}.p17-card--blue .p17-card-label{color:var(--blue)}.p17-card--purple{border-color:var(--purple)}.p17-card--purple .p17-card-label{color:var(--purple)}.p17-card--green{border-color:var(--green)}.p17-card--green .p17-card-label{color:var(--green)}.p17-big-rule{background:var(--blue-bg);border:2px solid var(--blue);border-radius:12px;margin:0 0 14px;padding:12px 16px;font-size:1.02rem;line-height:1.75}.p17-ex-block{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:12px 14px}.p17-ex-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:700}.p17-ex-rows{flex-direction:column;gap:6px;display:flex}.p17-ex-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:5px 0;font-size:.97rem;font-weight:700;display:flex}.p17-ex-row:last-child{border-bottom:none}.p17-ex-q{align-items:center;gap:6px;min-width:80px;display:flex}.p17-ex-arr{color:var(--muted)}.p17-ex-a{color:var(--teal);align-items:center;gap:6px;display:flex}.p17-ex-factor{color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:1px 7px;font-size:.75rem;font-weight:900}.p17-ex-note{background:var(--ok-bg);color:var(--ok);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.88rem;font-weight:700}.p17-chips{flex-wrap:wrap;gap:8px;display:flex}.p17-chip{border:1.5px solid;border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:700}.p17-chip--ok{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}.p17-chip--no{border-color:var(--err);color:var(--err);background:var(--err-bg)}.p17-prop-cases{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.p17-prop-case{border:2px solid;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;display:flex}.p17-prop-case--up{border-color:var(--ok);background:var(--ok-bg)}.p17-prop-case--dn{border-color:var(--err);background:var(--err-bg)}.p17-prop-factor{color:var(--ok);background:#22c55e26;border-radius:10px;padding:3px 14px;font-size:1.25rem;font-weight:900}.p17-prop-factor--dn{color:var(--err);background:#ef444426}.p17-prop-lines{flex-direction:column;gap:6px;width:100%;display:flex}.p17-prop-line{justify-content:center;align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:flex}.p17-prop-arr{color:var(--muted)}.p17-prop-before{white-space:nowrap}.p17-prop-after{white-space:nowrap;color:var(--ok);font-size:1rem;font-weight:900}.p17-prop-after--dn{color:var(--err)}.p17-task-q{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:.97rem;font-weight:700;line-height:1.7}.p17-steps{flex-direction:column;display:flex}.p17-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.p17-step:last-of-type{border-bottom:none}.p17-step-n{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.82rem;font-weight:900;display:flex}.p17-step-body{flex:1;font-size:.95rem;line-height:1.6}.p17-step-title{text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:5px;font-size:.76rem;font-weight:800}.p17-step-note{text-transform:none;color:var(--yellow);letter-spacing:0;font-size:.7rem}.p17-step-center{justify-content:center;padding:6px 0;display:flex}.p17-step-calc{font-size:.97rem;font-weight:700;line-height:1.9}.p17-answer{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok);border-radius:10px;margin-top:12px;padding:10px 16px;font-size:1.05rem;font-weight:800}.p17-fr{vertical-align:middle;flex-direction:column;align-items:center;gap:1px;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex}.p17-fr--big{font-size:1.5rem}.p17-fr-n{padding-bottom:2px}.p17-fr-d{padding-top:2px}.p17-fr-line{background:currentColor;border-radius:2px;width:100%;min-width:1.2em;height:2px}.p17-prop{vertical-align:middle;align-items:center;gap:12px;font-weight:800;display:inline-flex}.p17-prop-eq{color:var(--muted);font-size:1.5rem;font-weight:400;line-height:1}.p17-unk{color:var(--yellow);background:var(--yellow-bg);border-radius:5px;padding:0 5px;font-weight:900}.p17-solve{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.p17-solve-eq{color:var(--muted);font-weight:500}.p17-slot{align-items:baseline;gap:1px;display:inline-flex}.p17-struck{color:var(--muted);display:inline-block;position:relative}.p17-struck:after{content:"";background:var(--err);border-radius:1px;height:2px;position:absolute;top:48%;left:-2px;right:-2px;transform:translateY(-50%)rotate(-10deg)}.p17-rem{color:var(--teal);font-size:.78em;font-weight:900;line-height:1}.p17-ans{color:var(--ok);font-weight:900}.p17-cond{background:var(--card);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;margin:8px 0;padding:8px 14px;display:inline-flex}.p17-cond-row{align-items:center;gap:6px;font-size:.97rem;font-weight:700;display:flex}.p17-cond-n{text-align:right;min-width:28px}.p17-cond-u{color:var(--muted);min-width:36px;font-size:.82rem}.p17-cond-arr{color:var(--teal);margin:0 4px;font-size:1.1rem}.p17-cond-q{color:var(--yellow);font-size:1.15rem;font-weight:900}.p17-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p17-score-val{color:var(--ok);font-size:1rem}.p17-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p17-prog-fill{background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px;height:100%;transition:width .4s}.p17-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1.02rem;font-weight:700;line-height:1.75}.p17-qbox--task{font-size:1rem}.p17-opts{flex-direction:column;gap:8px;display:flex}.p17-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p17-opt:hover:not(:disabled){border-color:var(--teal);background:var(--teal-bg)}.p17-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p17-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p17-opt--dim{opacity:.45}.p17-opt:disabled{cursor:default}.p17-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p17-opt--ok .p17-opt-letter{background:var(--ok);color:#fff}.p17-opt--err .p17-opt-letter{background:var(--err);color:#fff}.p17-expl{border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p17in;display:flex}.p17-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p17-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p17-quiz-table{border:2px solid var(--border);border-radius:8px;flex-direction:column;gap:0;margin:10px 0 2px;font-size:.9rem;font-weight:700;display:inline-flex;overflow:hidden}.p17-qt-row{display:flex}.p17-qt-row span{border-right:1px solid var(--border);text-align:center;min-width:52px;padding:6px 14px}.p17-qt-row span:last-child{border-right:none}.p17-qt-head{background:var(--card)}.p17-qt-head span{color:var(--teal)}.p17-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p17-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p17-disp--idle{border-color:var(--teal)}.p17-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p17-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p17-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p17-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p17-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p17-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p17-key:disabled{opacity:.4;cursor:default}.p17-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p17-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p17-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p17-btn:disabled{opacity:.4;cursor:default}.p17-btn--check{background:var(--ok)}.p17-btn--next{background:var(--teal)}.p17-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p17-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p17-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p17-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p17in}.p17-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:10px;font-size:.76rem;font-weight:800}.p17-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p17-bd-row:last-child{border-bottom:none}.p17-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p17-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p17-bd-num--ok{background:var(--ok);color:#fff}.p17-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:inline-flex}.p17-hint-card{background:var(--inner);border:2px dashed var(--teal);border-radius:16px;padding:14px}.p17-hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:10px;font-size:.72rem;font-weight:800}.p17-hint-toggle{width:100%;color:var(--teal);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p17-hint-steps{flex-direction:column;gap:8px;display:flex}.p17-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p17-hint-n{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p17-hint-item{border-bottom:1px solid var(--border);padding:4px 0;font-size:.88rem;font-weight:700}.p17-hint-item:last-child{border-bottom:none}.p17-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p17-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p17cf;position:absolute}@keyframes p17cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p17-tl{grid-template-columns:1fr}.p17-sb{order:-1}.p17-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p17-hint-label,.p17-hint-toggle{flex:0 0 100%}.p17-hint-steps,.p17-hint-item{flex:1;min-width:100px}.p17-prop-cases{grid-template-columns:1fr}}@media (width<=520px){.p17-wrap{padding:8px}.p17-main{padding:12px}.p17-nav button{padding:9px 6px;font-size:.82rem}.p17-key{height:48px;font-size:1.2rem}.p17-disp{height:58px;font-size:1.9rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--dsp:#000;--kbg:#334155;--ksh:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--teal:#2dd4bf;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81a;--purple-bg:#c084fc1f;--green-bg:#4ade801a;--yellow-bg:#facc151a;--err-bg:#ef44441a;--ok-bg:#22c55e1a;--teal-bg:#2dd4bf1a}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14}}.p18-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p18-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.p18-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-size:.92rem;font-weight:700;transition:all .18s}.p18-nav button:hover{color:var(--text)}.p18-nav button.act{background:var(--teal);color:#fff;box-shadow:0 3px 10px #0003}.p18-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p18-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p18in}@keyframes p18in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p18-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p18-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p18-sb{flex-direction:column;gap:12px;display:flex}.p18-th{flex-direction:column;gap:18px;display:flex}.p18-th h2{color:var(--teal);text-align:center;margin:0 0 4px;font-size:1.3rem}.p18-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p18-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;font-size:.76rem;font-weight:800}.p18-card--blue{border-color:var(--blue)}.p18-card--blue .p18-card-label{color:var(--blue)}.p18-card--purple{border-color:var(--purple)}.p18-card--purple .p18-card-label{color:var(--purple)}.p18-card--green{border-color:var(--green)}.p18-card--green .p18-card-label{color:var(--green)}.p18-card--yellow{border-color:var(--yellow)}.p18-card--yellow .p18-card-label{color:var(--yellow)}.p18-big-rule{background:var(--blue-bg);border:2px solid var(--blue);border-radius:12px;margin:0 0 14px;padding:12px 16px;font-size:1.02rem;line-height:1.75}.p18-ex-block{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px 14px}.p18-ex-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:700}.p18-ex-note{background:var(--yellow-bg);color:var(--yellow);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.9rem;font-weight:700}.p18-ex-ok{background:var(--teal-bg);color:var(--teal);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.9rem;font-weight:700}.p18-scale-examples{flex-direction:column;display:flex}.p18-scale-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:7px 0;font-size:.95rem;font-weight:700;display:flex}.p18-scale-row:last-child{border-bottom:none}.p18-scale-key{min-width:130px;color:var(--purple);font-family:monospace;font-size:.92rem}.p18-scale-arr{color:var(--muted)}.p18-scale-val{color:var(--teal)}.p18-task-q{background:var(--card);border:2px solid var(--border);border-radius:12px;margin-bottom:0;padding:14px 16px;font-size:1rem;font-weight:700;line-height:1.75}.p18-steps{flex-direction:column;margin-top:6px;display:flex}.p18-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:11px 0;display:flex}.p18-step:last-of-type{border-bottom:none}.p18-step-n{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.82rem;font-weight:900;display:flex}.p18-step-body{flex:1;font-size:.95rem;line-height:1.7}.p18-step-title{text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:5px;font-size:.75rem;font-weight:800}.p18-step-center{justify-content:center;padding:6px 0;display:flex}.p18-method{border:1.5px solid var(--border);background:var(--inner);border-radius:14px;margin-top:14px;padding:14px 16px}.p18-method-label{text-transform:uppercase;letter-spacing:.07em;border-radius:8px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.p18-method-label--green{color:var(--green);background:var(--green-bg);border:1px solid var(--green)}.p18-method-label--blue{color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue)}.p18-formula-box{letter-spacing:.02em;text-align:center;border-radius:10px;margin-bottom:6px;padding:10px 16px;font-size:1.1rem;font-weight:900}.p18-formula-box--green{color:var(--green);background:var(--green-bg);border:2px solid var(--green)}.p18-formula-box--blue{color:var(--blue);background:var(--blue-bg);border:2px solid var(--blue)}.p18-formula-box--yellow{color:var(--yellow);background:var(--yellow-bg);border:2px solid var(--yellow)}.p18-formula-note{color:var(--muted);text-align:center;margin-bottom:14px;font-size:.82rem;font-weight:600}.p18-answer{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok);border-radius:10px;margin-top:12px;padding:10px 16px;font-size:1.05rem;font-weight:800}.p18-ans{color:var(--ok);font-weight:900}.p18-fr{vertical-align:middle;flex-direction:column;align-items:center;gap:1px;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex}.p18-fr--big{font-size:1.4rem}.p18-fr-n{padding-bottom:2px}.p18-fr-d{padding-top:2px}.p18-fr-line{background:currentColor;border-radius:2px;width:100%;min-width:1.2em;height:2px}.p18-prop{vertical-align:middle;align-items:center;gap:12px;font-weight:800;display:inline-flex}.p18-prop-eq{color:var(--muted);font-size:1.5rem;font-weight:400;line-height:1}.p18-unk{color:var(--yellow);background:var(--yellow-bg);border-radius:5px;padding:0 5px;font-weight:900}.p18-cond{background:var(--card);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;margin:8px 0;padding:8px 16px;display:inline-flex}.p18-cond-row{align-items:center;gap:6px;font-size:.97rem;font-weight:700;display:flex}.p18-cond-n{text-align:right;min-width:30px}.p18-cond-u{color:var(--muted);min-width:28px;font-size:.82rem}.p18-cond-arr{color:var(--teal);margin:0 6px;font-size:1.1rem}.p18-cond-q{color:var(--yellow);font-size:1.15rem;font-weight:900}.p18-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p18-score-val{color:var(--ok);font-size:1rem}.p18-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p18-prog-fill{background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:99px;height:100%;transition:width .4s}.p18-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1.02rem;font-weight:700;line-height:1.75}.p18-qbox--task{font-size:1rem}.p18-opts{flex-direction:column;gap:8px;display:flex}.p18-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p18-opt:hover:not(:disabled){border-color:var(--teal);background:var(--teal-bg)}.p18-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p18-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p18-opt--dim{opacity:.45}.p18-opt:disabled{cursor:default}.p18-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p18-opt--ok .p18-opt-letter{background:var(--ok);color:#fff}.p18-opt--err .p18-opt-letter{background:var(--err);color:#fff}.p18-bd-indicator{border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:.95rem;font-weight:700}.p18-bd-indicator--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p18-bd-indicator--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p18-expl{border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p18in;display:flex}.p18-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p18-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p18-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p18-disp-wrap{align-items:center;gap:8px;display:flex}.p18-disp{background:var(--dsp);border:3px solid var(--border);width:180px;height:66px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p18-disp--idle{border-color:var(--teal)}.p18-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p18-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p18-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p18-unit-lbl{color:var(--muted);font-size:1.1rem;font-weight:800}.p18-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p18-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p18-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p18-key:disabled{opacity:.4;cursor:default}.p18-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p18-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p18-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p18-btn:disabled{opacity:.4;cursor:default}.p18-btn--check{background:var(--ok)}.p18-btn--next{background:var(--teal)}.p18-btn--next-top{max-width:180px;margin-bottom:12px;padding:10px 18px;font-size:.9rem}.p18-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p18-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p18-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p18-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p18in}.p18-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:10px;font-size:.76rem;font-weight:800}.p18-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p18-bd-row:last-child{border-bottom:none}.p18-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p18-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p18-bd-num--ok{background:var(--ok);color:#fff}.p18-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:4px;line-height:1.6;display:inline-flex}.p18-hint-card{background:var(--inner);border:2px dashed var(--teal);border-radius:16px;padding:14px}.p18-hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:8px;font-size:.72rem;font-weight:800}.p18-hint-toggle{width:100%;color:var(--teal);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p18-hint-steps{flex-direction:column;gap:8px;display:flex}.p18-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p18-hint-n{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p18-ref-table{flex-direction:column;display:flex}.p18-ref-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:.8rem;font-weight:700;display:flex}.p18-ref-row:last-child{border-bottom:none}.p18-ref-scale{color:var(--purple);font-family:monospace;font-size:.78rem}.p18-ref-km{color:var(--teal)}.p18-map-svg{border:2px solid #8aaa60;border-radius:12px;width:100%;max-width:480px;margin:12px auto;display:block;box-shadow:0 4px 16px #00000026}.p18-map-caption{text-align:center;color:var(--muted);margin-bottom:10px;font-size:.82rem;font-weight:600}.p18-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p18-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p18cf;position:absolute}@keyframes p18cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p18-tl{grid-template-columns:1fr}.p18-sb{order:-1}}@media (width<=520px){.p18-wrap{padding:8px}.p18-main{padding:12px}.p18-nav button{padding:9px 6px;font-size:.82rem}.p18-key{height:48px;font-size:1.2rem}.p18-disp{height:58px;font-size:1.9rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#c2410c;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#c2410c14}}.p19-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p19-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex}.p19-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 12px;font-size:.92rem;font-weight:700;transition:all .18s}.p19-nav button:hover{color:var(--text)}.p19-nav button.act{background:var(--orange);color:#fff;box-shadow:0 3px 10px #0003}.p19-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p19-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p19in}@keyframes p19in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p19-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p19-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p19-sb{flex-direction:column;gap:12px;display:flex}.p19-th{flex-direction:column;gap:18px;display:flex}.p19-th h2{color:var(--orange);text-align:center;margin:0 0 4px;font-size:1.3rem}.p19-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p19-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;font-size:.76rem;font-weight:800}.p19-card--blue{border-color:var(--blue)}.p19-card--blue .p19-card-label{color:var(--blue)}.p19-card--purple{border-color:var(--purple)}.p19-card--purple .p19-card-label{color:var(--purple)}.p19-card--green{border-color:var(--green)}.p19-card--green .p19-card-label{color:var(--green)}.p19-card--yellow{border-color:var(--yellow)}.p19-card--yellow .p19-card-label{color:var(--yellow)}.p19-card--orange{border-color:var(--orange)}.p19-card--orange .p19-card-label{color:var(--orange)}.p19-big-rule{background:var(--orange-bg);border:2px solid var(--orange);border-radius:12px;margin:0 0 14px;padding:12px 16px;font-size:1.02rem;line-height:1.75}.p19-ex-block{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px 14px}.p19-ex-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:700}.p19-ex-note{background:var(--yellow-bg);color:var(--yellow);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.9rem;font-weight:700}.p19-ex-ok{background:var(--orange-bg);color:var(--orange);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.9rem;font-weight:700}.p19-steps{flex-direction:column;margin-top:6px;display:flex}.p19-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:11px 0;display:flex}.p19-step:last-of-type{border-bottom:none}.p19-step-n{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.82rem;font-weight:900;display:flex}.p19-step-body{flex:1;font-size:.95rem;line-height:1.7}.p19-step-title{text-transform:uppercase;letter-spacing:.06em;color:var(--orange);margin-bottom:5px;font-size:.75rem;font-weight:800}.p19-method{border:1.5px solid var(--border);background:var(--inner);border-radius:14px;margin-top:14px;padding:14px 16px}.p19-method-label{text-transform:uppercase;letter-spacing:.07em;border-radius:8px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.p19-method-label--green{color:var(--green);background:var(--green-bg);border:1px solid var(--green)}.p19-method-label--blue{color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue)}.p19-method-label--orange{color:var(--orange);background:var(--orange-bg);border:1px solid var(--orange)}.p19-formula-box{letter-spacing:.02em;text-align:center;border-radius:10px;margin-bottom:6px;padding:10px 16px;font-size:1.05rem;font-weight:900}.p19-formula-box--orange{color:var(--orange);background:var(--orange-bg);border:2px solid var(--orange)}.p19-formula-box--green{color:var(--green);background:var(--green-bg);border:2px solid var(--green)}.p19-formula-box--blue{color:var(--blue);background:var(--blue-bg);border:2px solid var(--blue)}.p19-ratio-vis{flex-direction:column;gap:8px;margin:10px 0;display:flex}.p19-ratio-bar-wrap{align-items:center;gap:10px;display:flex}.p19-ratio-bar-label{color:var(--muted);text-align:right;min-width:60px;font-size:.82rem;font-weight:700}.p19-ratio-bar-track{background:var(--border);border:1px solid var(--border);border-radius:8px;flex:1;height:28px;overflow:hidden}.p19-ratio-bar-fill{color:#fff;border-radius:8px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;font-size:.8rem;font-weight:900;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex}.p19-ratio-bar-val{min-width:50px;font-size:.82rem;font-weight:700}.p19-parts-row{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.p19-part-block{color:#fff;border:1.5px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:900;transition:transform .15s;display:flex}.p19-part-block:hover{transform:scale(1.12)}.p19-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p19-score-val{color:var(--ok);font-size:1rem}.p19-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p19-prog-fill{background:linear-gradient(90deg,var(--orange),var(--yellow));border-radius:99px;height:100%;transition:width .4s}.p19-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1.02rem;font-weight:700;line-height:1.75}.p19-qbox--task{font-size:1rem}.p19-which-part{background:var(--purple-bg);border:1.5px solid var(--purple);color:var(--purple);text-align:center;border-radius:10px;margin:2px 0;padding:8px 14px;font-size:.92rem;font-weight:800}.p19-opts{flex-direction:column;gap:8px;display:flex}.p19-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p19-opt:hover:not(:disabled){border-color:var(--orange);background:var(--orange-bg)}.p19-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p19-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p19-opt--dim{opacity:.45}.p19-opt:disabled{cursor:default}.p19-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p19-opt--ok .p19-opt-letter{background:var(--ok);color:#fff}.p19-opt--err .p19-opt-letter{background:var(--err);color:#fff}.p19-expl{border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p19in;display:flex}.p19-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p19-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p19-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p19-disp-wrap{align-items:center;gap:8px;display:flex}.p19-disp{background:var(--dsp);border:3px solid var(--border);width:180px;height:66px;color:var(--orange);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p19-disp--idle{border-color:var(--orange)}.p19-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p19-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p19-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p19-unit-lbl{color:var(--muted);font-size:1.1rem;font-weight:800}.p19-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p19-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p19-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p19-key:disabled{opacity:.4;cursor:default}.p19-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p19-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p19-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p19-btn:disabled{opacity:.4;cursor:default}.p19-btn--check{background:var(--ok)}.p19-btn--next{background:var(--orange)}.p19-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p19-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p19-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p19-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p19in}.p19-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--orange);margin-bottom:10px;font-size:.76rem;font-weight:800}.p19-bd-method-label{text-transform:uppercase;letter-spacing:.06em;margin-top:2px;margin-bottom:6px;font-size:.73rem;font-weight:800}.p19-bd-method-label--green{color:var(--green)}.p19-bd-method-label--blue{color:var(--blue)}.p19-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p19-bd-row:last-child{border-bottom:none}.p19-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p19-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p19-bd-num--ok{background:var(--ok);color:#fff}.p19-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:4px;line-height:1.6;display:inline-flex}.p19-ans{color:var(--ok);font-size:1.05rem}.p19-hint-card{background:var(--inner);border:2px dashed var(--orange);border-radius:16px;padding:14px}.p19-hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--orange);margin-bottom:8px;font-size:.72rem;font-weight:800}.p19-hint-toggle{width:100%;color:var(--orange);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p19-hint-steps{flex-direction:column;gap:8px;display:flex}.p19-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p19-hint-n{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p19-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p19-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p19cf;position:absolute}@keyframes p19cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p19-tl{grid-template-columns:1fr}.p19-sb{order:-1}}@media (width<=520px){.p19-wrap{padding:8px}.p19-main{padding:12px}.p19-nav button{padding:9px 6px;font-size:.82rem}.p19-key{height:48px;font-size:1.2rem}.p19-disp{height:58px;font-size:1.9rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14}}.p20-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p20-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p20-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.88rem;font-weight:700;transition:all .18s}.p20-nav button:hover{color:var(--text)}.p20-nav button.act{background:var(--orange);color:#fff;box-shadow:0 3px 10px #0003}.p20-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p20-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p20in}@keyframes p20in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p20-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p20-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p20-sb{flex-direction:column;gap:12px;display:flex}.p20-th{flex-direction:column;gap:16px;display:flex}.p20-th h2{color:var(--orange);text-align:center;margin:0 0 4px;font-size:1.3rem}.p20-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p20-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p20-card--orange{border-color:var(--orange)}.p20-card--orange .p20-card-label{color:var(--orange)}.p20-card--purple{border-color:var(--purple)}.p20-card--purple .p20-card-label{color:var(--purple)}.p20-card--green{border-color:var(--green)}.p20-card--green .p20-card-label{color:var(--green)}.p20-big-rule{background:var(--orange-bg);border:2px solid var(--orange);border-radius:12px;margin:0 0 14px;padding:12px 16px;font-size:1.02rem;line-height:1.75}.p20-rect-block{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:12px 14px;overflow-x:auto}.p20-rect-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.8rem;font-weight:700}.p20-rect-table{border:2px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.p20-rect-row{grid-template-columns:150px repeat(5,1fr);font-size:.88rem;font-weight:700;display:grid}.p20-rect-row span{border-right:1px solid var(--border);text-align:center;border-bottom:1px solid var(--border);padding:7px 8px}.p20-rect-row span:last-child{border-right:none}.p20-rect-row:last-child span{border-bottom:none}.p20-rect-head span{color:var(--orange);background:var(--card)}.p20-rect-prod span{color:var(--ok);background:var(--ok-bg)}.p20-rect-note{background:var(--orange-bg);color:var(--orange);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:.88rem;font-weight:700}.p20-chips{flex-wrap:wrap;gap:8px;display:flex}.p20-chip{border:1.5px solid;border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:700}.p20-chip--ok{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}.p20-chip--no{border-color:var(--err);color:var(--err);background:var(--err-bg)}.p20-prop-cases{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.p20-prop-case{border:2px solid;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex}.p20-prop-case--inv-up{border-color:var(--purple);background:var(--purple-bg)}.p20-prop-case--inv-dn{border-color:var(--orange);background:var(--orange-bg)}.p20-prop-factor{color:var(--ok);background:#22c55e26;border-radius:10px;padding:3px 12px;font-size:1rem;font-weight:900}.p20-prop-factor--dn{color:var(--err);background:#ef444426}.p20-prop-lines{flex-direction:column;gap:6px;width:100%;display:flex}.p20-prop-line{justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.p20-prop-arr{color:var(--muted)}.p20-prop-before{white-space:nowrap}.p20-prop-after-up{white-space:nowrap;color:var(--ok);font-weight:900}.p20-prop-after-dn{white-space:nowrap;color:var(--err);font-weight:900}.p20-prop-summary{background:var(--purple-bg);border-radius:10px;margin-top:14px;padding:10px 14px;font-size:.9rem;font-weight:600;line-height:1.6}.p20-inv-explain{color:var(--muted);margin-bottom:6px;font-size:.82rem;font-style:italic}.p20-task-q{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:.97rem;font-weight:700;line-height:1.7}.p20-steps{flex-direction:column;display:flex}.p20-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.p20-step:last-of-type{border-bottom:none}.p20-step-n{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:900;display:flex}.p20-step-body{flex:1}.p20-step-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.88rem;font-weight:800}.p20-step-note{text-transform:none;letter-spacing:0;color:var(--orange);font-size:.78rem}.p20-step-center{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.p20-step-calc{flex-direction:column;align-items:flex-start;gap:4px;font-size:1rem;font-weight:700;line-height:2;display:flex}.p20-step-calc-row{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.p20-answer{background:var(--ok-bg);border:2px solid var(--ok);color:var(--ok);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:1rem;font-weight:700}.p20-compare{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:14px}.p20-compare-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:.78rem;font-weight:800}.p20-compare-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.p20-compare-col{text-align:center;border:2px solid;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.p20-compare-col--direct{border-color:var(--teal);background:var(--teal-bg)}.p20-compare-col--inverse{border-color:var(--orange);background:var(--orange-bg)}.p20-compare-head{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:900}.p20-compare-col--direct .p20-compare-head{color:var(--teal)}.p20-compare-col--inverse .p20-compare-head{color:var(--orange)}.p20-compare-rule{font-size:.88rem;font-weight:700}.p20-compare-frac{font-size:.95rem;font-weight:700}.p20-compare-ex{color:var(--muted);font-size:.78rem;font-style:italic}.p20-fr{vertical-align:middle;flex-direction:column;align-items:center;margin:0 2px;line-height:1.2;display:inline-flex}.p20-fr--big .p20-fr-n,.p20-fr--big .p20-fr-d{font-size:1.1rem}.p20-fr-n{padding-bottom:1px;font-weight:700}.p20-fr-d{padding-top:1px;font-weight:700}.p20-fr-line{background:var(--text);border-radius:1px;width:100%;min-width:22px;height:2px;display:block}.p20-prop{flex-wrap:wrap;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:inline-flex}.p20-prop-eq{color:var(--muted);font-size:1.2rem;font-weight:900}.p20-unk{color:var(--yellow);font-weight:900}.p20-solve{flex-wrap:wrap;align-items:center;gap:4px;font-size:.97rem;font-weight:700;display:inline-flex}.p20-solve-eq{color:var(--muted);font-weight:900}.p20-ans{color:var(--ok);font-weight:900}.p20-cancel-wrap{white-space:nowrap;align-items:flex-start;gap:2px;display:inline-flex;position:relative}.p20-cancel-orig{color:var(--muted);font-weight:700;position:relative}.p20-cancel-orig:after{content:"";background:var(--err);transform-origin:50%;pointer-events:none;border-radius:1px;width:calc(100% + 2px);height:2px;position:absolute;top:50%;left:-1px;transform:rotate(-18deg)}.p20-cancel-new{color:var(--orange);font-size:.9em;font-weight:900;position:relative;top:-.5em}.p20-cond{align-items:center;gap:6px;margin:8px 0;display:inline-flex}.p20-cond--dir .p20-cond-arc{color:var(--teal)}.p20-cond-lines{background:var(--card);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:8px 14px;display:flex}.p20-cond--dir .p20-cond-lines{border-color:var(--teal)}.p20-cond-row{align-items:center;gap:6px;font-size:.97rem;font-weight:700;display:flex}.p20-cond-n{text-align:right;min-width:28px}.p20-cond-u{color:var(--muted);min-width:36px;font-size:.82rem}.p20-cond-dash{color:var(--muted)}.p20-cond-q{color:var(--yellow);font-size:1.15rem;font-weight:900}.p20-cond-arc{color:var(--orange);flex-shrink:0}.p20-cond-arc--dir{color:var(--teal)}.p20-badge{letter-spacing:.04em;vertical-align:middle;border-radius:8px;align-items:center;padding:2px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.p20-badge--dir{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal)}.p20-badge--inv{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange)}.p20-mixed-label{background:linear-gradient(135deg, var(--teal-bg), var(--orange-bg));border:1px solid var(--border);color:var(--text);text-align:center;border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:700}.p20-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p20-score-val{color:var(--ok);font-size:1rem}.p20-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p20-prog-fill{background:linear-gradient(90deg, var(--orange), var(--purple));border-radius:99px;height:100%;transition:width .4s}.p20-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1.02rem;font-weight:700;line-height:1.75}.p20-qbox--task{font-size:1rem}.p20-opts{flex-direction:column;gap:8px;display:flex}.p20-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p20-opt:hover:not(:disabled){border-color:var(--orange);background:var(--orange-bg)}.p20-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p20-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p20-opt--dim{opacity:.45}.p20-opt:disabled{cursor:default}.p20-opt--sel{border-color:var(--blue)!important;background:var(--blue-bg)!important;color:var(--blue)!important}.p20-opt--sel .p20-opt-letter{background:var(--blue);color:#fff}.p20-opt-check{color:var(--blue);margin-left:auto;font-size:1.1rem}.p20-multi-hint{color:var(--blue);opacity:.8;margin-top:8px;font-size:.8rem;font-weight:700}.p20-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p20-opt--ok .p20-opt-letter{background:var(--ok);color:#fff}.p20-opt--err .p20-opt-letter{background:var(--err);color:#fff}.p20-expl{border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p20in}.p20-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p20-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p20-quiz-table{border:2px solid var(--border);border-radius:8px;flex-direction:column;margin:10px 0 2px;font-size:.9rem;font-weight:700;display:inline-flex;overflow:hidden}.p20-qt-row{display:flex}.p20-qt-row span{border-right:1px solid var(--border);text-align:center;min-width:52px;padding:6px 14px}.p20-qt-row span:last-child{border-right:none}.p20-qt-head span{color:var(--orange);background:var(--card)}.p20-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p20-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--orange);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p20-disp--idle{border-color:var(--orange)}.p20-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p20-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p20-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p20-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p20-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p20-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p20-key:disabled{opacity:.4;cursor:default}.p20-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p20-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p20-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p20-btn:disabled{opacity:.4;cursor:default}.p20-btn--check{background:var(--ok)}.p20-btn--next{background:var(--orange)}.p20-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p20-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p20-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p20-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p20in}.p20-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--orange);margin-bottom:10px;font-size:.76rem;font-weight:800}.p20-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p20-bd-row:last-child{border-bottom:none}.p20-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p20-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p20-bd-num--ok{background:var(--ok);color:#fff}.p20-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.p20-hint-card{background:var(--inner);border:2px dashed var(--orange);border-radius:16px;padding:14px}.p20-hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--orange);margin-bottom:10px;font-size:.72rem;font-weight:800}.p20-hint-toggle{width:100%;color:var(--orange);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p20-hint-steps{flex-direction:column;gap:8px;display:flex}.p20-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p20-hint-n{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p20-hint-item{border-bottom:1px solid var(--border);padding:5px 0;font-size:.88rem;font-weight:700;line-height:1.5}.p20-hint-item:last-child{border-bottom:none}.p20-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p20-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p20cf;position:absolute}@keyframes p20cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p20-tl{grid-template-columns:1fr}.p20-sb{order:-1}.p20-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p20-hint-label,.p20-hint-toggle{flex:0 0 100%}.p20-prop-cases,.p20-compare-grid{grid-template-columns:1fr}.p20-rect-row{grid-template-columns:110px repeat(5,1fr);font-size:.78rem}}@media (width<=520px){.p20-wrap{padding:8px}.p20-main{padding:12px}.p20-nav button{padding:9px 4px;font-size:.76rem}.p20-key{height:48px;font-size:1.2rem}.p20-disp{height:58px;font-size:1.9rem}.p20-rect-row{grid-template-columns:90px repeat(5,1fr);font-size:.72rem}.p20-rect-row span{padding:5px 4px}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14}}.p21-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p21-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p21-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.88rem;font-weight:700;transition:all .18s}.p21-nav button:hover{color:var(--text)}.p21-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p21-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p21-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p21in}@keyframes p21in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p21-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p21-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p21-sb{flex-direction:column;gap:12px;display:flex}.p21-th{flex-direction:column;gap:16px;display:flex}.p21-th h2{color:var(--purple);text-align:center;margin:0 0 4px;font-size:1.3rem}.p21-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p21-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p21-card--purple{border-color:var(--purple)}.p21-card--purple .p21-card-label{color:var(--purple)}.p21-card--blue{border-color:var(--blue)}.p21-card--blue .p21-card-label{color:var(--blue)}.p21-card--green{border-color:var(--green)}.p21-card--green .p21-card-label{color:var(--green)}.p21-card--orange{border-color:var(--orange)}.p21-card--orange .p21-card-label{color:var(--orange)}.p21-card--teal{border-color:var(--teal)}.p21-card--teal .p21-card-label{color:var(--teal)}.p21-rule{background:var(--purple-bg);border:2px solid var(--purple);border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:1rem;line-height:1.75}.p21-rule--blue{background:var(--blue-bg);border-color:var(--blue)}.p21-formula{background:var(--inner);border:2px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;padding:14px 16px;font-size:1.05rem;font-weight:800;display:flex}.p21-formula-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:800}.p21-fr{vertical-align:middle;flex-direction:column;align-items:center;margin:0 3px;line-height:1.15;display:inline-flex}.p21-fr--big .p21-fr-n,.p21-fr--big .p21-fr-d{font-size:1.05rem}.p21-fr-n,.p21-fr-d{font-size:.85rem;font-weight:700}.p21-fr-line{background:currentColor;width:100%;min-width:24px;height:2px;margin:1px 0}.p21-unk{color:var(--yellow);font-weight:900}.p21-steps{flex-direction:column;gap:8px;margin-top:8px;display:flex}.p21-step{background:var(--card);border:1px solid var(--border);border-radius:11px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:.9rem;font-weight:600;line-height:1.5;display:flex}.p21-step-n{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p21-ex{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.p21-ex-q{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.93rem;font-weight:600;line-height:1.65}.p21-ex-sol{flex-direction:column;gap:6px;display:flex}.p21-ex-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.p21-ex-row-num{color:var(--purple);border:1px solid var(--purple);border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:.72rem;font-weight:900}.p21-ex-ans{background:var(--ok-bg);border:1.5px solid var(--ok);color:var(--ok);border-radius:9px;margin-top:8px;padding:8px 12px;font-size:.93rem;font-weight:800}.p21-bar-wrap{align-items:flex-end;gap:18px;margin:14px 0 4px;padding:0 4px;display:flex}.p21-bar-col{flex-direction:column;align-items:center;gap:4px;display:flex}.p21-bar-rect{border-radius:7px 7px 0 0;width:52px;transition:height .5s cubic-bezier(.4,0,.2,1);position:relative}.p21-bar-rect--base{background:var(--blue)}.p21-bar-rect--new{background:var(--ok)}.p21-bar-rect--dec{background:var(--err)}.p21-bar-val{color:var(--text);font-size:.78rem;font-weight:800}.p21-bar-lbl{color:var(--muted);text-align:center;max-width:60px;font-size:.72rem;font-weight:700}.p21-bar-pct{white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:.85rem;font-weight:900}.p21-bar-pct--up{background:var(--ok-bg);color:var(--ok)}.p21-bar-pct--down{background:var(--err-bg);color:var(--err)}.p21-bar-axis{background:var(--border);align-self:flex-end;width:2px;height:110px;margin-bottom:0}.p21-cases{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.p21-case{text-align:center;border:2px solid;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex}.p21-case--up{border-color:var(--ok);background:var(--ok-bg)}.p21-case--down{border-color:var(--err);background:var(--err-bg)}.p21-case-title{text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:900}.p21-case--up .p21-case-title{color:var(--ok)}.p21-case--down .p21-case-title{color:var(--err)}.p21-case-formula{color:var(--text);font-size:.88rem;font-weight:700;line-height:1.65}.p21-opts{flex-direction:column;gap:8px;display:flex}.p21-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p21-opt:hover:not(:disabled){border-color:var(--purple);background:var(--purple-bg)}.p21-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p21-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p21-opt--dim{opacity:.45}.p21-opt:disabled{cursor:default}.p21-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p21-opt--ok .p21-opt-letter{background:var(--ok);color:#fff}.p21-opt--err .p21-opt-letter{background:var(--err);color:#fff}.p21-expl{border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p21in}.p21-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p21-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p21-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p21-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--purple);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p21-disp--idle{border-color:var(--purple)}.p21-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p21-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p21-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p21-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p21-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p21-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p21-key:disabled{opacity:.4;cursor:default}.p21-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p21-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p21-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p21-btn:disabled{opacity:.4;cursor:default}.p21-btn--check{background:var(--ok)}.p21-btn--next{background:var(--purple)}.p21-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p21-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p21-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p21-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p21in}.p21-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin-bottom:10px;font-size:.76rem;font-weight:800}.p21-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p21-bd-row:last-child{border-bottom:none}.p21-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p21-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p21-bd-num--ok{background:var(--ok);color:#fff}.p21-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.p21-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p21-score-val{color:var(--ok);font-size:1rem}.p21-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p21-prog-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p21-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1.02rem;font-weight:700;line-height:1.75}.p21-qbox--task{font-size:1rem}.p21-hint-card{background:var(--inner);border:2px dashed var(--purple);border-radius:16px;padding:14px}.p21-hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin-bottom:10px;font-size:.72rem;font-weight:800}.p21-hint-toggle{width:100%;color:var(--purple);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p21-hint-steps{flex-direction:column;gap:8px;display:flex}.p21-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p21-hint-n{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p21-badge{letter-spacing:.03em;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.p21-badge--ratio{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple)}.p21-badge--change{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue)}.p21-badge--up{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p21-badge--down{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p21-mixed-label{background:linear-gradient(135deg, var(--purple-bg), var(--blue-bg));border:1px solid var(--border);color:var(--text);text-align:center;border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:700}.p21-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p21-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p21cf;position:absolute}@keyframes p21cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p21-tl{grid-template-columns:1fr}.p21-sb{order:-1}.p21-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p21-hint-label,.p21-hint-toggle{flex:0 0 100%}.p21-cases{grid-template-columns:1fr}}@media (width<=520px){.p21-wrap{padding:8px}.p21-main{padding:12px}.p21-nav button{padding:9px 4px;font-size:.76rem}.p21-key{height:48px;font-size:1.2rem}.p21-disp{height:58px;font-size:1.9rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14}}.p22-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p22-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p22-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p22-nav button:hover{color:var(--text)}.p22-nav button.act{background:var(--teal);color:#fff;box-shadow:0 3px 10px #0003}.p22-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p22-scene{max-width:900px;margin:0 auto;animation:.22s ease-out p22in}@keyframes p22in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p22-tl{grid-template-columns:1fr 220px;gap:20px;display:grid}.p22-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p22-sb{flex-direction:column;gap:12px;display:flex}.p22-th{flex-direction:column;gap:16px;display:flex}.p22-th h2{color:var(--teal);text-align:center;margin:0 0 4px;font-size:1.25rem}.p22-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p22-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p22-card--teal{border-color:var(--teal)}.p22-card--teal .p22-card-label{color:var(--teal)}.p22-card--purple{border-color:var(--purple)}.p22-card--purple .p22-card-label{color:var(--purple)}.p22-card--blue{border-color:var(--blue)}.p22-card--blue .p22-card-label{color:var(--blue)}.p22-card--orange{border-color:var(--orange)}.p22-card--orange .p22-card-label{color:var(--orange)}.p22-card--green{border-color:var(--green)}.p22-card--green .p22-card-label{color:var(--green)}.p22-rule{background:var(--teal-bg);border:2px solid var(--teal);border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.97rem;line-height:1.75}.p22-rule--purple{background:var(--purple-bg);border-color:var(--purple)}.p22-rule--blue{background:var(--blue-bg);border-color:var(--blue)}.p22-types{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.p22-type-box{text-align:center;border:2px solid;border-radius:14px;flex-direction:column;gap:6px;padding:14px 10px;display:flex}.p22-type-box--1{border-color:var(--teal);background:var(--teal-bg)}.p22-type-box--2{border-color:var(--purple);background:var(--purple-bg)}.p22-type-box--3{border-color:var(--blue);background:var(--blue-bg)}.p22-type-num{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:900}.p22-type-box--1 .p22-type-num{color:var(--teal)}.p22-type-box--2 .p22-type-num{color:var(--purple)}.p22-type-box--3 .p22-type-num{color:var(--blue)}.p22-type-title{color:var(--text);font-size:.88rem;font-weight:800}.p22-type-formula{color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.55}.p22-fr{vertical-align:middle;flex-direction:column;align-items:center;margin:0 3px;line-height:1.15;display:inline-flex}.p22-fr--big .p22-fr-n,.p22-fr--big .p22-fr-d{font-size:1.05rem}.p22-fr-n,.p22-fr-d{font-size:.85rem;font-weight:700}.p22-fr-line{background:currentColor;width:100%;min-width:24px;height:2px;margin:1px 0}.p22-prop-table{background:var(--card);border:1.5px solid var(--border);border-radius:10px;grid-template-columns:auto auto auto auto;align-items:center;gap:2px 8px;margin:8px auto;padding:10px 16px;font-size:.93rem;font-weight:700;display:inline-grid}.p22-prop-table-wrap{justify-content:center;display:flex}.p22-prop-arrow{color:var(--muted);font-size:.88rem}.p22-prop-x{color:var(--yellow);font-weight:900}.p22-steps{flex-direction:column;gap:8px;margin-top:8px;display:flex}.p22-step{background:var(--card);border:1px solid var(--border);border-radius:11px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:.9rem;font-weight:600;line-height:1.5;display:flex}.p22-step-n{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p22-ex{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.p22-ex-q{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.93rem;font-weight:600;line-height:1.65}.p22-ex-sol{flex-direction:column;gap:6px;display:flex}.p22-ex-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.p22-ex-row-num{color:var(--teal);border:1px solid var(--teal);border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:.72rem;font-weight:900}.p22-ex-row-num--purple{color:var(--purple);border-color:var(--purple)}.p22-ex-row-num--blue{color:var(--blue);border-color:var(--blue)}.p22-ex-ans{background:var(--ok-bg);border:1.5px solid var(--ok);color:var(--ok);border-radius:9px;margin-top:8px;padding:8px 12px;font-size:.93rem;font-weight:800}.p22-badge{letter-spacing:.03em;border-radius:7px;flex-shrink:0;align-items:center;padding:2px 9px;font-size:.73rem;font-weight:800;display:inline-flex}.p22-badge--1{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal)}.p22-badge--2{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple)}.p22-badge--3{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue)}.p22-badge--hard{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange)}.p22-opts{flex-direction:column;gap:8px;display:flex}.p22-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p22-opt:hover:not(:disabled){border-color:var(--teal);background:var(--teal-bg)}.p22-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p22-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p22-opt--dim{opacity:.45}.p22-opt:disabled{cursor:default}.p22-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p22-opt--ok .p22-opt-letter{background:var(--ok);color:#fff}.p22-opt--err .p22-opt-letter{background:var(--err);color:#fff}.p22-expl{border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p22in}.p22-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p22-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p22-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p22-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p22-disp--idle{border-color:var(--teal)}.p22-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p22-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p22-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p22-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p22-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p22-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p22-key:disabled{opacity:.4;cursor:default}.p22-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p22-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p22-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p22-btn:disabled{opacity:.4;cursor:default}.p22-btn--check{background:var(--ok)}.p22-btn--next{background:var(--teal)}.p22-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p22-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p22-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p22-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p22in}.p22-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:10px;font-size:.76rem;font-weight:800}.p22-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p22-bd-row:last-child{border-bottom:none}.p22-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p22-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p22-bd-num--ok{background:var(--ok);color:#fff}.p22-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.p22-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p22-score-val{color:var(--ok);font-size:1rem}.p22-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p22-prog-fill{background:linear-gradient(90deg, var(--teal), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p22-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1rem;font-weight:700;line-height:1.75}.p22-hint-card{background:var(--inner);border:2px dashed var(--teal);border-radius:16px;padding:14px}.p22-hint-toggle{width:100%;color:var(--teal);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p22-hint-steps{flex-direction:column;gap:8px;display:flex}.p22-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p22-hint-n{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p22-type-strip{background:var(--inner);border:1px solid var(--border);color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;font-weight:700;display:flex}.p22-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p22-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p22cf;position:absolute}@keyframes p22cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p22-tl{grid-template-columns:1fr}.p22-sb{order:-1}.p22-types{grid-template-columns:1fr}.p22-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p22-hint-toggle{flex:0 0 100%}}@media (width<=520px){.p22-wrap{padding:8px}.p22-main{padding:12px}.p22-nav button{padding:8px 4px;font-size:.72rem}.p22-key{height:48px;font-size:1.2rem}.p22-disp{height:58px;font-size:1.9rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--dsp:#000;--kbg:#334155;--ksh:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--teal:#2dd4bf;--orange:#fb923c;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81a;--purple-bg:#c084fc1f;--green-bg:#4ade801a;--yellow-bg:#facc151a;--err-bg:#ef44441a;--ok-bg:#22c55e1a;--teal-bg:#2dd4bf1a;--orange-bg:#fb923c1f}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14}}.p23-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p23-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p23-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p23-nav button:hover{color:var(--text)}.p23-nav button.act{background:var(--blue);color:#fff;box-shadow:0 3px 10px #0003}.p23-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p23-scene{max-width:920px;margin:0 auto;animation:.22s ease-out p23in}@keyframes p23in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p23-tl{grid-template-columns:1fr 230px;gap:20px;display:grid}.p23-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p23-sb{flex-direction:column;gap:12px;display:flex}.p23-th{flex-direction:column;gap:16px;display:flex}.p23-th h2{color:var(--blue);text-align:center;margin:0 0 4px;font-size:1.25rem}.p23-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p23-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p23-card--blue{border-color:var(--blue)}.p23-card--blue .p23-card-label{color:var(--blue)}.p23-card--teal{border-color:var(--teal)}.p23-card--teal .p23-card-label{color:var(--teal)}.p23-card--purple{border-color:var(--purple)}.p23-card--purple .p23-card-label{color:var(--purple)}.p23-card--orange{border-color:var(--orange)}.p23-card--orange .p23-card-label{color:var(--orange)}.p23-card--green{border-color:var(--green)}.p23-card--green .p23-card-label{color:var(--green)}.p23-diagram-wrap{justify-content:center;margin:8px 0;display:flex}.p23-diagram-svg{width:260px;height:260px;overflow:visible}.p23-diagram-svg text{font-family:Segoe UI,system-ui,sans-serif}.p23-pi-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:10px 0;display:flex}.p23-pi-box{background:var(--inner);border:2px solid var(--blue);text-align:center;border-radius:14px;min-width:120px;padding:14px 20px}.p23-pi-sym{color:var(--blue);font-size:2.2rem;font-weight:900;line-height:1}.p23-pi-val{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:700}.p23-pi-arrow{color:var(--muted);font-size:1.5rem}.p23-formula-row{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}.p23-formula-box{text-align:center;border:2px solid;border-radius:14px;flex:1;min-width:160px;padding:14px 18px}.p23-formula-box--1{border-color:var(--teal);background:var(--teal-bg)}.p23-formula-box--2{border-color:var(--blue);background:var(--blue-bg)}.p23-formula-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.72rem;font-weight:800}.p23-formula-main{color:var(--text);font-size:1.25rem;font-style:italic;font-weight:900}.p23-formula-box--1 .p23-formula-main{color:var(--teal)}.p23-formula-box--2 .p23-formula-main{color:var(--blue)}.p23-formula-note{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:600}.p23-rule{background:var(--blue-bg);border:2px solid var(--blue);border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.97rem;line-height:1.75}.p23-rule--teal{background:var(--teal-bg);border-color:var(--teal)}.p23-rule--orange{background:var(--orange-bg);border-color:var(--orange)}.p23-rule--green{background:var(--green-bg);border-color:var(--green)}.p23-ex{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.p23-ex-q{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.93rem;font-weight:600;line-height:1.65}.p23-ex-sol{flex-direction:column;gap:6px;display:flex}.p23-ex-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.p23-ex-row-num{color:var(--blue);border:1px solid var(--blue);border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:.72rem;font-weight:900}.p23-ex-row-num--teal{color:var(--teal);border-color:var(--teal)}.p23-ex-row-num--orange{color:var(--orange);border-color:var(--orange)}.p23-ex-ans{background:var(--ok-bg);border:1.5px solid var(--ok);color:var(--ok);border-radius:9px;margin-top:8px;padding:8px 12px;font-size:.93rem;font-weight:800}.p23-defs{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;display:grid}.p23-def-box{border:2px solid;border-radius:13px;flex-direction:column;gap:5px;padding:13px 14px;display:flex}.p23-def-box--r{border-color:var(--teal);background:var(--teal-bg)}.p23-def-box--d{border-color:var(--orange);background:var(--orange-bg)}.p23-def-title{text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:900}.p23-def-box--r .p23-def-title{color:var(--teal)}.p23-def-box--d .p23-def-title{color:var(--orange)}.p23-def-body{font-size:.9rem;font-weight:600;line-height:1.55}.p23-def-formula{font-size:1.05rem;font-style:italic;font-weight:900}.p23-def-box--r .p23-def-formula{color:var(--teal)}.p23-def-box--d .p23-def-formula{color:var(--orange)}.p23-badge{letter-spacing:.03em;border-radius:7px;flex-shrink:0;align-items:center;padding:2px 9px;font-size:.73rem;font-weight:800;display:inline-flex}.p23-badge--1{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal)}.p23-badge--2{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue)}.p23-badge--3{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange)}.p23-badge--4{background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.p23-task-circle{filter:drop-shadow(0 2px 6px #0000002e);flex-shrink:0}.p23-demo-wrap{flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.p23-demo-slider-row{align-items:center;gap:10px;width:100%;max-width:340px;font-size:.9rem;font-weight:700;display:flex}.p23-demo-slider{accent-color:var(--blue);flex:1}.p23-demo-results{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:400px;display:grid}.p23-demo-res-box{text-align:center;border:2px solid var(--border);background:var(--inner);border-radius:12px;padding:10px}.p23-demo-res-label{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.p23-demo-res-val{color:var(--blue);margin-top:3px;font-size:1.05rem;font-weight:900}.p23-demo-res-box--r .p23-demo-res-val{color:var(--teal)}.p23-demo-res-box--d .p23-demo-res-val{color:var(--orange)}.p23-demo-res-box--c .p23-demo-res-val{color:var(--blue)}.p23-opts{flex-direction:column;gap:8px;display:flex}.p23-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p23-opt:hover:not(:disabled){border-color:var(--blue);background:var(--blue-bg)}.p23-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p23-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p23-opt--dim{opacity:.45}.p23-opt:disabled{cursor:default}.p23-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p23-opt--ok .p23-opt-letter{background:var(--ok);color:#fff}.p23-opt--err .p23-opt-letter{background:var(--err);color:#fff}.p23-expl{border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p23in}.p23-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p23-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p23-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p23-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--blue);border-radius:14px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p23-disp--idle{border-color:var(--blue)}.p23-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p23-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p23-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p23-disp-small{font-size:1.5rem}.p23-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p23-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p23-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p23-key:disabled{opacity:.4;cursor:default}.p23-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p23-key--dot{background:var(--border);color:var(--blue);font-size:1.1rem}.p23-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p23-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p23-btn:disabled{opacity:.4;cursor:default}.p23-btn--check{background:var(--ok)}.p23-btn--next{background:var(--blue)}.p23-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p23-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p23-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p23-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p23in}.p23-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:10px;font-size:.76rem;font-weight:800}.p23-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p23-bd-row:last-child{border-bottom:none}.p23-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p23-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p23-bd-num--ok{background:var(--ok);color:#fff}.p23-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.p23-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p23-score-val{color:var(--ok);font-size:1rem}.p23-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p23-prog-fill{background:linear-gradient(90deg, var(--blue), var(--teal));border-radius:99px;height:100%;transition:width .4s}.p23-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1rem;font-weight:700;line-height:1.75}.p23-hint-card{background:var(--inner);border:2px dashed var(--blue);border-radius:16px;padding:14px}.p23-hint-toggle{width:100%;color:var(--blue);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.p23-hint-steps{flex-direction:column;gap:8px;display:flex}.p23-hint-step{align-items:flex-start;gap:8px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.p23-hint-n{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:flex}.p23-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p23-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p23cf;position:absolute}@keyframes p23cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}.p23-input-hint{color:var(--muted);text-align:center;font-size:.78rem;font-weight:600}@media (width<=760px){.p23-tl{grid-template-columns:1fr}.p23-sb{order:-1}.p23-defs{grid-template-columns:1fr}.p23-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p23-hint-toggle{flex:0 0 100%}.p23-formula-row{flex-direction:column}.p23-demo-results{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.p23-wrap{padding:8px}.p23-main{padding:12px}.p23-nav button{padding:8px 4px;font-size:.72rem}.p23-key{height:48px;font-size:1.2rem}.p23-disp{height:58px;font-size:1.9rem}.p23-demo-results{grid-template-columns:1fr}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--dsp:#000;--kbg:#334155;--ksh:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--teal:#2dd4bf;--orange:#fb923c;--pink:#f472b6;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81a;--purple-bg:#c084fc1f;--green-bg:#4ade801a;--yellow-bg:#facc151a;--err-bg:#ef44441a;--ok-bg:#22c55e1a;--teal-bg:#2dd4bf1a;--orange-bg:#fb923c1f;--pink-bg:#f472b61a}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14}}.p24-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p24-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p24-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p24-nav button:hover{color:var(--text)}.p24-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p24-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p24-scene{max-width:920px;margin:0 auto;animation:.22s ease-out p24in}@keyframes p24in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p24-tl{grid-template-columns:1fr 230px;gap:20px;display:grid}.p24-tc{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}.p24-sb{flex-direction:column;gap:12px;display:flex}.p24-th{flex-direction:column;gap:16px;display:flex}.p24-th h2{color:var(--purple);text-align:center;margin:0 0 4px;font-size:1.25rem}.p24-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;padding:18px 20px}.p24-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p24-card--purple{border-color:var(--purple)}.p24-card--purple .p24-card-label{color:var(--purple)}.p24-card--teal{border-color:var(--teal)}.p24-card--teal .p24-card-label{color:var(--teal)}.p24-card--blue{border-color:var(--blue)}.p24-card--blue .p24-card-label{color:var(--blue)}.p24-card--orange{border-color:var(--orange)}.p24-card--orange .p24-card-label{color:var(--orange)}.p24-card--green{border-color:var(--green)}.p24-card--green .p24-card-label{color:var(--green)}.p24-card--pink{border-color:var(--pink)}.p24-card--pink .p24-card-label{color:var(--pink)}.p24-rule{background:var(--purple-bg);border:2px solid var(--purple);border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.97rem;line-height:1.75}.p24-rule--teal{background:var(--teal-bg);border-color:var(--teal)}.p24-rule--blue{background:var(--blue-bg);border-color:var(--blue)}.p24-rule--orange{background:var(--orange-bg);border-color:var(--orange)}.p24-rule--green{background:var(--green-bg);border-color:var(--green)}.p24-rule--pink{background:var(--pink-bg);border-color:var(--pink)}.p24-formula-row{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}.p24-formula-box{text-align:center;border:2px solid;border-radius:14px;flex:1;min-width:150px;padding:14px 18px}.p24-formula-box--s{border-color:var(--purple);background:var(--purple-bg)}.p24-formula-box--a{border-color:var(--orange);background:var(--orange-bg)}.p24-formula-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.72rem;font-weight:800}.p24-formula-main{font-size:1.3rem;font-style:italic;font-weight:900}.p24-formula-box--s .p24-formula-main{color:var(--purple)}.p24-formula-box--a .p24-formula-main{color:var(--orange)}.p24-formula-note{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:600}.p24-ex{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.p24-ex-q{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.93rem;font-weight:600;line-height:1.65}.p24-ex-sol{flex-direction:column;gap:6px;display:flex}.p24-ex-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.p24-ex-row-num{border:1px solid;border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:.72rem;font-weight:900}.p24-ex-row-num--purple{color:var(--purple);border-color:var(--purple)}.p24-ex-row-num--teal{color:var(--teal);border-color:var(--teal)}.p24-ex-row-num--orange{color:var(--orange);border-color:var(--orange)}.p24-ex-row-num--green{color:var(--green);border-color:var(--green)}.p24-ex-row-num--pink{color:var(--pink);border-color:var(--pink)}.p24-ex-ans{background:var(--ok-bg);border:1.5px solid var(--ok);color:var(--ok);border-radius:9px;margin-top:8px;padding:8px 12px;font-size:.93rem;font-weight:800}.p24-demo-wrap{flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.p24-demo-slider-row{align-items:center;gap:10px;width:100%;max-width:360px;font-size:.9rem;font-weight:700;display:flex}.p24-demo-slider{accent-color:var(--purple);flex:1}.p24-demo-results{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:400px;display:grid}.p24-demo-res-box{text-align:center;border:2px solid var(--border);background:var(--inner);border-radius:12px;padding:10px}.p24-demo-res-label{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.p24-demo-res-val{margin-top:3px;font-size:1.05rem;font-weight:900}.p24-demo-res-box--r .p24-demo-res-val{color:var(--teal)}.p24-demo-res-box--s .p24-demo-res-val{color:var(--purple)}.p24-demo-res-box--a .p24-demo-res-val{color:var(--orange)}.p24-sector-wrap{flex-direction:column;align-items:center;gap:12px;padding:4px 0;display:flex}.p24-sector-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:420px;display:flex}.p24-sector-res-box{text-align:center;border:2px solid var(--border);background:var(--inner);border-radius:12px;flex:1;min-width:110px;padding:10px 8px}.p24-sector-res-label{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:800}.p24-sector-res-val{margin-top:3px;font-size:1rem;font-weight:900}.p24-sector-res-box--a .p24-sector-res-val{color:var(--orange)}.p24-sector-res-box--s .p24-sector-res-val{color:var(--purple)}.p24-sector-res-box--r .p24-sector-res-val{color:var(--pink)}.p24-badge{letter-spacing:.03em;border-radius:7px;flex-shrink:0;align-items:center;padding:2px 9px;font-size:.73rem;font-weight:800;display:inline-flex}.p24-badge--1{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple)}.p24-badge--2{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal)}.p24-badge--3{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange)}.p24-badge--4{background:var(--pink-bg);color:var(--pink);border:1px solid var(--pink)}.p24-opts{flex-direction:column;gap:8px;display:flex}.p24-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p24-opt:hover:not(:disabled){border-color:var(--purple);background:var(--purple-bg)}.p24-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p24-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p24-opt--dim{opacity:.45}.p24-opt:disabled{cursor:default}.p24-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p24-opt--ok .p24-opt-letter{background:var(--ok);color:#fff}.p24-opt--err .p24-opt-letter{background:var(--err);color:#fff}.p24-expl{border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p24in}.p24-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p24-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p24-pad{flex-direction:column;align-items:center;gap:10px;display:flex}.p24-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--purple);border-radius:14px;justify-content:center;align-items:center;font-size:2.1rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p24-disp-small{font-size:1.4rem!important}.p24-disp--idle{border-color:var(--purple)}.p24-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p24-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p24-ph{opacity:.25;color:var(--text);font-size:1.5rem}.p24-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p24-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p24-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p24-key:disabled{opacity:.4;cursor:default}.p24-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p24-key--dot{background:var(--border);color:var(--purple);font-size:1.1rem}.p24-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;width:100%;max-width:280px;padding:14px;font-size:1rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p24-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p24-btn:disabled{opacity:.4;cursor:default}.p24-btn--check{background:var(--ok)}.p24-btn--next{background:var(--purple)}.p24-verdict{text-align:center;border-radius:10px;width:100%;max-width:280px;padding:9px 12px;font-size:.88rem;font-weight:700}.p24-verdict--ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.p24-verdict--err{background:var(--err-bg);color:var(--err);border:1px solid var(--err)}.p24-input-hint{color:var(--muted);text-align:center;font-size:.78rem;font-weight:600}.p24-breakdown{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:16px;animation:.2s ease-out p24in}.p24-bd-title{text-transform:uppercase;letter-spacing:.07em;color:var(--purple);margin-bottom:10px;font-size:.76rem;font-weight:800}.p24-bd-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:7px 0;font-size:.93rem;font-weight:600;display:flex}.p24-bd-row:last-child{border-bottom:none}.p24-bd-row--ans{color:var(--ok);padding-top:8px;font-size:1rem}.p24-bd-num{background:var(--border);width:22px;height:22px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:800;display:flex}.p24-bd-num--ok{background:var(--ok);color:#fff}.p24-bd-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.p24-score{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.p24-score-val{color:var(--ok);font-size:1rem}.p24-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p24-prog-fill{background:linear-gradient(90deg, var(--purple), var(--pink));border-radius:99px;height:100%;transition:width .4s}.p24-qbox{background:var(--inner);border:2px solid var(--border);border-radius:14px;padding:18px;font-size:1rem;font-weight:700;line-height:1.75}.p24-hint-card{background:var(--inner);border:2px dashed var(--purple);border-radius:16px;padding:12px 14px}.p24-hint-toggle{width:100%;color:var(--purple);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;padding:0 0 10px;font-size:.78rem;font-weight:800;display:flex}.p24-hint-steps{flex-direction:column;gap:8px;display:flex}.p24-hf{background:var(--card);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.p24-hf-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px;font-size:.65rem;font-weight:900}.p24-hf-line{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:4px;font-size:.88rem;font-weight:700;line-height:1.55;display:flex}.p24-hf em{color:var(--purple);font-style:normal;font-weight:900}.p24-hf .ct{color:var(--teal);font-weight:900}.p24-hf .co{color:var(--orange);font-weight:900}.p24-hf .cg{color:var(--green);font-weight:900}.p24-hf .cb{color:var(--blue);font-weight:900}.p24-hint-step{align-items:flex-start;gap:8px;font-size:.85rem;font-weight:600;line-height:1.6;display:flex}.p24-hint-n{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.72rem;font-weight:900;display:flex}.p24-task-svg{filter:drop-shadow(0 2px 6px #0000002e);flex-shrink:0}.p24-boom{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.p24-piece{border-radius:50%;width:9px;height:9px;animation:2.8s linear forwards p24cf;position:absolute}@keyframes p24cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p24-tl{grid-template-columns:1fr}.p24-sb{order:-1}.p24-hint-card{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p24-hint-toggle{flex:0 0 100%}.p24-formula-row{flex-direction:column}.p24-demo-results{grid-template-columns:1fr}}@media (width<=520px){.p24-wrap{padding:8px}.p24-main{padding:12px}.p24-nav button{padding:8px 4px;font-size:.72rem}.p24-key{height:48px;font-size:1.2rem}.p24-disp{height:58px;font-size:1.8rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--dsp:#000;--kbg:#334155;--ksh:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--teal:#2dd4bf;--orange:#fb923c;--pink:#f472b6;--red:#f87171;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81a;--purple-bg:#c084fc1f;--green-bg:#4ade801a;--yellow-bg:#facc151a;--err-bg:#ef44441a;--ok-bg:#22c55e1a;--teal-bg:#2dd4bf1a;--orange-bg:#fb923c1f;--pink-bg:#f472b61a;--pie-1:#38bdf8;--pie-2:#c084fc;--pie-3:#4ade80;--pie-4:#fb923c;--pie-5:#f472b6;--pie-6:#facc15;--pie-7:#2dd4bf;--pie-8:#f87171}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--red:#dc2626;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14;--pie-1:#0284c7;--pie-2:#7e22ce;--pie-3:#15803d;--pie-4:#ea580c;--pie-5:#be185d;--pie-6:#b45309;--pie-7:#0f766e;--pie-8:#dc2626}}.p25-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p25-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p25-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p25-nav button:hover{color:var(--text)}.p25-nav button.act{background:var(--teal);color:#fff;box-shadow:0 3px 10px #0003}.p25-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p25-scene{max-width:960px;margin:0 auto;animation:.22s ease-out p25in}@keyframes p25in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p25-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:18px 20px}.p25-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p25-card--teal{border-color:var(--teal)}.p25-card--teal .p25-card-label{color:var(--teal)}.p25-card--blue{border-color:var(--blue)}.p25-card--blue .p25-card-label{color:var(--blue)}.p25-card--purple{border-color:var(--purple)}.p25-card--purple .p25-card-label{color:var(--purple)}.p25-card--orange{border-color:var(--orange)}.p25-card--orange .p25-card-label{color:var(--orange)}.p25-card--green{border-color:var(--green)}.p25-card--green .p25-card-label{color:var(--green)}.p25-rule{background:var(--teal-bg);border:2px solid var(--teal);border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.97rem;line-height:1.75}.p25-rule--blue{background:var(--blue-bg);border-color:var(--blue)}.p25-rule--orange{background:var(--orange-bg);border-color:var(--orange)}.p25-pie-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.p25-pie-svg{filter:drop-shadow(0 4px 16px #00000040)}.p25-legend{flex-wrap:wrap;justify-content:center;gap:8px 16px;max-width:500px;display:flex}.p25-legend-item{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:4px 8px;font-size:.88rem;font-weight:700;transition:background .15s;display:flex}.p25-legend-item:hover{background:var(--card)}.p25-legend-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 1px 4px #0000004d}.p25-legend-pct{opacity:.7;font-size:.78rem;font-weight:900}.p25-builder{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.p25-steps-col{flex-direction:column;gap:10px;display:flex}.p25-step-card{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,transform .1s;display:flex}.p25-step-card:hover{border-color:var(--teal);transform:translate(3px)}.p25-step-card.active{border-color:var(--teal);background:var(--teal-bg)}.p25-step-num{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex}.p25-step-card.active .p25-step-num{background:var(--teal);color:#fff}.p25-step-body{flex:1;font-size:.9rem;font-weight:600;line-height:1.5}.p25-step-badge{color:#fff;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:800}.p25-pie-col{flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;top:0}.p25-ib-wrap{flex-direction:column;gap:16px;display:flex}.p25-ib-inputs{flex-direction:column;gap:8px;display:flex}.p25-ib-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p25-ib-color{border-radius:50%;flex-shrink:0;width:20px;height:20px}.p25-ib-label{border:1.5px solid var(--border);background:var(--inner);min-width:120px;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:.9rem;font-weight:600}.p25-ib-label:focus{border-color:var(--teal);outline:none}.p25-ib-val{border:1.5px solid var(--border);background:var(--inner);width:70px;color:var(--text);text-align:center;border-radius:8px;padding:8px 10px;font-size:.9rem;font-weight:700}.p25-ib-val:focus{border-color:var(--teal);outline:none}.p25-ib-pct{min-width:44px;color:var(--muted);font-size:.82rem;font-weight:800}.p25-ib-del{background:var(--err-bg);width:28px;height:28px;color:var(--err);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.p25-ib-del:hover{background:var(--err);color:#fff}.p25-ib-add{border:2px dashed var(--teal);color:var(--teal);cursor:pointer;background:0 0;border-radius:9px;padding:9px 16px;font-size:.88rem;font-weight:700;transition:background .15s}.p25-ib-add:hover{background:var(--teal-bg)}.p25-ib-total{background:var(--inner);border:1.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:700;display:flex}.p25-ib-total-ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.p25-ib-total-err{border-color:var(--err);background:var(--err-bg);color:var(--err)}.p25-ib-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.p25-quiz-chart-wrap{justify-content:center;margin-bottom:12px;display:flex}.p25-opts{flex-direction:column;gap:8px;display:flex}.p25-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p25-opt:hover:not(:disabled){border-color:var(--teal);background:var(--teal-bg)}.p25-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p25-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p25-opt--dim{opacity:.45}.p25-opt:disabled{cursor:default}.p25-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p25-opt--ok .p25-opt-letter{background:var(--ok);color:#fff}.p25-opt--err .p25-opt-letter{background:var(--err);color:#fff}.p25-expl{border-radius:12px;margin-top:10px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p25in}.p25-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p25-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p25-score{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.p25-score-val{color:var(--ok);font-size:1rem}.p25-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p25-prog-fill{background:linear-gradient(90deg, var(--teal), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p25-btn{cursor:pointer;color:#fff;background:var(--teal);border:none;border-radius:11px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p25-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p25-btn--next{background:var(--blue)}.p25-angle-table{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:.9rem;font-weight:600}.p25-angle-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:0 10px 6px;font-size:.72rem;font-weight:800}.p25-angle-table td{background:var(--inner);padding:8px 10px}.p25-angle-table td:first-child{border-radius:9px 0 0 9px}.p25-angle-table td:last-child{border-radius:0 9px 9px 0}.p25-angle-table tr:hover td{background:var(--card)}.p25-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:240px;height:66px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;font-size:2.1rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p25-disp--idle{border-color:var(--teal)}.p25-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p25-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p25-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px;display:grid}.p25-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p25-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p25-key:disabled{opacity:.4;cursor:default}.p25-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}@keyframes p25cf{0%{opacity:1;top:-10px}to{opacity:0;top:110%}}@media (width<=760px){.p25-builder{grid-template-columns:1fr}.p25-pie-col{position:static}.p25-ib-layout{grid-template-columns:1fr}}@media (width<=520px){.p25-wrap{padding:8px}.p25-main{padding:12px}.p25-nav button{padding:8px 4px;font-size:.72rem}.p25-ib-label{min-width:80px}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--red:#dc2626;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14;--red-bg:#dc262612}}.p26-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p26-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p26-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p26-nav button:hover{color:var(--text)}.p26-nav button.act{background:var(--blue);color:#fff;box-shadow:0 3px 10px #0003}.p26-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p26-scene{max-width:960px;margin:0 auto;animation:.22s ease-out p26in}@keyframes p26in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p26-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:18px 20px}.p26-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p26-card--blue{border-color:var(--blue)}.p26-card--blue .p26-card-label{color:var(--blue)}.p26-card--green{border-color:var(--green)}.p26-card--green .p26-card-label{color:var(--green)}.p26-card--red{border-color:var(--red)}.p26-card--red .p26-card-label{color:var(--red)}.p26-card--purple{border-color:var(--purple)}.p26-card--purple .p26-card-label{color:var(--purple)}.p26-card--orange{border-color:var(--orange)}.p26-card--orange .p26-card-label{color:var(--orange)}.p26-card--teal{border-color:var(--teal)}.p26-card--teal .p26-card-label{color:var(--teal)}.p26-rule{border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.97rem;line-height:1.75}.p26-rule--blue{background:var(--blue-bg);border:2px solid var(--blue)}.p26-rule--green{background:var(--green-bg);border:2px solid var(--green)}.p26-rule--red{background:var(--red-bg);border:2px solid var(--red)}.p26-rule--orange{background:var(--orange-bg);border:2px solid var(--orange)}.p26-numline-wrap{justify-content:center;margin:8px 0;display:flex;overflow-x:auto}.p26-thermo-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.p26-thermo-svg{filter:drop-shadow(0 4px 16px #00000040)}.p26-ex-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.p26-ex-card{border:2px solid var(--border);background:var(--inner);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.p26-ex-icon{font-size:1.8rem}.p26-ex-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800}.p26-ex-body{font-size:.95rem;font-weight:600;line-height:1.5}.p26-pos{color:var(--green);font-weight:900}.p26-neg{color:var(--red);font-weight:900}.p26-zero{color:var(--blue);font-weight:900}.p26-nl-interactive{flex-direction:column;gap:14px;display:flex}.p26-nl-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p26-nl-btn{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;border-radius:9px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .15s}.p26-nl-btn:hover{border-color:var(--blue);color:var(--blue)}.p26-nl-btn.sel{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.p26-nl-btn.pos{border-color:var(--green);color:var(--green)}.p26-nl-btn.pos.sel{background:var(--green-bg)}.p26-nl-btn.neg{border-color:var(--red);color:var(--red)}.p26-nl-btn.neg.sel{background:var(--red-bg)}.p26-opts{flex-direction:column;gap:8px;display:flex}.p26-opt{border:2px solid var(--border);background:var(--inner);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.p26-opt:hover:not(:disabled){border-color:var(--blue);background:var(--blue-bg)}.p26-opt--ok{border-color:var(--ok)!important;background:var(--ok-bg)!important;color:var(--ok)!important}.p26-opt--err{border-color:var(--err)!important;background:var(--err-bg)!important;color:var(--err)!important}.p26-opt--dim{opacity:.45}.p26-opt:disabled{cursor:default}.p26-opt-letter{background:var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.p26-opt--ok .p26-opt-letter{background:var(--ok);color:#fff}.p26-opt--err .p26-opt-letter{background:var(--err);color:#fff}.p26-expl{border-radius:12px;margin-top:10px;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.55;animation:.2s ease-out p26in}.p26-expl--ok{background:var(--ok-bg);color:var(--ok);border:1.5px solid var(--ok)}.p26-expl--err{background:var(--err-bg);color:var(--err);border:1.5px solid var(--err)}.p26-score{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.p26-score-val{color:var(--ok);font-size:1rem}.p26-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p26-prog-fill{background:linear-gradient(90deg, var(--blue), var(--purple));border-radius:99px;height:100%;transition:width .4s}.p26-btn{cursor:pointer;color:#fff;background:var(--blue);border:none;border-radius:11px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p26-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p26-btn--next{background:var(--purple)}.p26-btn--ok{background:var(--ok)}.p26-btn:disabled{opacity:.5;cursor:default}.p26-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:260px;min-height:66px;color:var(--blue);box-sizing:border-box;word-break:break-all;text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:4px 10px;font-size:2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p26-disp--idle{border-color:var(--blue)}.p26-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p26-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p26-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:260px;display:grid}.p26-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p26-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p26-key:disabled{opacity:.4;cursor:default}.p26-key--fn{background:var(--border);color:var(--yellow);font-size:1rem}.p26-key--neg{background:var(--red-bg);color:var(--red);border-color:var(--red);font-weight:900}.p26-key--pos{background:var(--green-bg);color:var(--green);border-color:var(--green);font-weight:900}.p26-thermo-question{flex-direction:column;align-items:center;gap:14px;display:flex}.p26-thermo-label{text-align:center;background:var(--inner);border:2px solid var(--border);border-radius:12px;max-width:340px;padding:12px 18px;font-size:1rem;font-weight:700}.p26-classify-wrap{flex-direction:column;gap:16px;display:flex}.p26-classify-tokens{border:2px dashed var(--border);background:var(--inner);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;padding:12px;display:flex}.p26-token{cursor:pointer;border:2px solid var(--border);background:var(--card);color:var(--text);-webkit-user-select:none;user-select:none;border-radius:9px;padding:8px 16px;font-size:1rem;font-weight:800;transition:all .12s}.p26-token:hover{transform:scale(1.06)}.p26-token.p26-token--pos{border-color:var(--green);color:var(--green);background:var(--green-bg)}.p26-token.p26-token--neg{border-color:var(--red);color:var(--red);background:var(--red-bg)}.p26-token.p26-token--zer{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.p26-classify-zones{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.p26-zone{border:2px dashed var(--border);background:var(--inner);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:80px;padding:10px;transition:border-color .15s;display:flex}.p26-zone--pos{border-color:var(--green)}.p26-zone--neg{border-color:var(--red)}.p26-zone--zer{border-color:var(--blue)}.p26-zone-title{text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:800}.p26-zone--pos .p26-zone-title{color:var(--green)}.p26-zone--neg .p26-zone-title{color:var(--red)}.p26-zone--zer .p26-zone-title{color:var(--blue)}.p26-zone-tokens{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}@media (width<=760px){.p26-classify-zones{grid-template-columns:1fr}}@media (width<=520px){.p26-wrap{padding:8px}.p26-main{padding:12px}.p26-nav button{padding:8px 4px;font-size:.72rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--red:#dc2626;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14;--red-bg:#dc262612}}.p27-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p27-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p27-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p27-nav button:hover{color:var(--text)}.p27-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p27-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p27-scene{max-width:960px;margin:0 auto;animation:.22s ease-out p27in}@keyframes p27in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p27-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:18px 20px}.p27-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p27-card--blue{border-color:var(--blue)}.p27-card--blue .p27-card-label{color:var(--blue)}.p27-card--green{border-color:var(--green)}.p27-card--green .p27-card-label{color:var(--green)}.p27-card--purple{border-color:var(--purple)}.p27-card--purple .p27-card-label{color:var(--purple)}.p27-card--orange{border-color:var(--orange)}.p27-card--orange .p27-card-label{color:var(--orange)}.p27-card--teal{border-color:var(--teal)}.p27-card--teal .p27-card-label{color:var(--teal)}.p27-card--red{border-color:var(--red)}.p27-card--red .p27-card-label{color:var(--red)}.p27-nl-wrap{justify-content:center;padding:4px 0;display:flex;overflow-x:auto}.p27-steps{flex-direction:column;gap:10px;display:flex}.p27-step{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:13px;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.p27-step.active{border-color:var(--purple);background:var(--purple-bg)}.p27-step-num{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex}.p27-step.active .p27-step-num{background:var(--purple);color:#fff}.p27-step-body{flex:1;font-size:.92rem;font-weight:600;line-height:1.55}.p27-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:260px;min-height:64px;color:var(--blue);box-sizing:border-box;text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:4px 10px;font-size:2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p27-disp--idle{border-color:var(--blue)}.p27-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p27-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p27-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:260px;display:grid}.p27-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p27-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p27-key:disabled{opacity:.4;cursor:default}.p27-key--fn{background:var(--border);color:var(--yellow);font-size:1.1rem}.p27-key--neg{background:var(--red-bg);color:var(--red);border-color:var(--red);font-weight:900}.p27-score{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.p27-score-val{color:var(--ok);font-size:1rem}.p27-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p27-prog-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p27-btn{cursor:pointer;color:#fff;background:var(--purple);border:none;border-radius:11px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p27-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p27-btn:disabled{opacity:.5;cursor:default}.p27-btn--blue{background:var(--blue)}.p27-btn--next{background:var(--teal)}.p27-trainer-card{border:2px solid var(--border);background:var(--inner);border-radius:18px;margin-bottom:14px;overflow:hidden}.p27-trainer-visual{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#c084fc0d,#38bdf80a);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:20px;display:flex}.p27-trainer-question{padding:14px 18px;font-size:1rem;font-weight:700;line-height:1.75}@media (width<=700px){.p27-wrap{padding:8px}.p27-main{padding:12px}.p27-nav button{padding:8px 4px;font-size:.72rem}}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--red:#dc2626;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14;--red-bg:#dc262612}}.p28-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p28-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p28-nav button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:700;transition:all .18s}.p28-nav button:hover{color:var(--text)}.p28-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p28-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p28-scene{max-width:960px;margin:0 auto;animation:.22s ease-out p28in}@keyframes p28in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p28-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:18px 20px}.p28-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p28-card--blue{border-color:var(--blue)}.p28-card--blue .p28-card-label{color:var(--blue)}.p28-card--green{border-color:var(--green)}.p28-card--green .p28-card-label{color:var(--green)}.p28-card--purple{border-color:var(--purple)}.p28-card--purple .p28-card-label{color:var(--purple)}.p28-card--orange{border-color:var(--orange)}.p28-card--orange .p28-card-label{color:var(--orange)}.p28-card--teal{border-color:var(--teal)}.p28-card--teal .p28-card-label{color:var(--teal)}.p28-card--red{border-color:var(--red)}.p28-card--red .p28-card-label{color:var(--red)}.p28-nl-wrap{justify-content:center;padding:4px 0;display:flex;overflow-x:auto}.p28-steps{flex-direction:column;gap:10px;display:flex}.p28-step{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:13px;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.p28-step.active{border-color:var(--purple);background:var(--purple-bg)}.p28-step-num{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex}.p28-step.active .p28-step-num{background:var(--purple);color:#fff}.p28-step-body{flex:1;font-size:.92rem;font-weight:600;line-height:1.55}.p28-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:260px;min-height:64px;color:var(--blue);box-sizing:border-box;text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:4px 10px;font-size:2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p28-disp--idle{border-color:var(--blue)}.p28-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p28-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p28-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:260px;display:grid}.p28-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p28-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p28-key:disabled{opacity:.4;cursor:default}.p28-key--fn{background:var(--border);color:var(--yellow);font-size:1.1rem}.p28-key--neg{background:var(--red-bg);color:var(--red);border-color:var(--red);font-weight:900}.p28-score{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.p28-score-val{color:var(--ok);font-size:1rem}.p28-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p28-prog-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p28-btn{cursor:pointer;color:#fff;background:var(--purple);border:none;border-radius:11px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p28-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.p28-btn:disabled{opacity:.5;cursor:default}.p28-btn--blue{background:var(--blue)}.p28-btn--next{background:var(--teal)}.p28-trainer-card{border:2px solid var(--border);background:var(--inner);border-radius:18px;margin-bottom:14px;overflow:hidden}.p28-trainer-visual{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#c084fc0d,#38bdf80a);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:20px;display:flex}.p28-trainer-question{padding:14px 18px;font-size:1rem;font-weight:700;line-height:1.75}@media (width<=700px){.p28-wrap{padding:8px}.p28-main{padding:12px}.p28-nav button{padding:8px 4px;font-size:.72rem}}:root{--bg:#0f172a;--card:#1e293b;--inner:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--dsp:#000;--kbg:#334155;--ksh:#1e293b;--blue:#38bdf8;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--teal:#2dd4bf;--orange:#fb923c;--pink:#f472b6;--red:#f87171;--ok:#22c55e;--err:#ef4444;--blue-bg:#38bdf81a;--purple-bg:#c084fc1f;--green-bg:#4ade801a;--yellow-bg:#facc151a;--err-bg:#ef44441a;--ok-bg:#22c55e1a;--teal-bg:#2dd4bf1a;--orange-bg:#fb923c1f;--pink-bg:#f472b61a;--red-bg:#f871711a}@media (prefers-color-scheme:light){:root{--bg:#f1f5f9;--card:#fff;--inner:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#cbd5e1;--dsp:#f8fafc;--kbg:#e2e8f0;--ksh:#cbd5e1;--blue:#0284c7;--purple:#7e22ce;--green:#15803d;--yellow:#b45309;--teal:#0f766e;--orange:#ea580c;--pink:#be185d;--red:#dc2626;--ok:#16a34a;--err:#dc2626;--blue-bg:#0284c714;--purple-bg:#7e22ce14;--green-bg:#15803d14;--yellow-bg:#a1620712;--err-bg:#dc262612;--ok-bg:#15803d14;--teal-bg:#0f766e14;--orange-bg:#ea580c14;--pink-bg:#be185d14;--red-bg:#dc262612}}.p29-wrap{box-sizing:border-box;background:var(--bg);height:calc(100vh - 120px);color:var(--text);flex-direction:column;padding:14px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.p29-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;display:flex}.p29-nav button{min-width:90px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 6px;font-size:.85rem;font-weight:700;transition:all .18s}.p29-nav button:hover{color:var(--text)}.p29-nav button.act{background:var(--purple);color:#fff;box-shadow:0 3px 10px #0003}.p29-main{background:var(--card);border:1px solid var(--border);border-radius:18px;flex:1;padding:22px;position:relative;overflow-y:auto}.p29-scene{max-width:960px;margin:0 auto;animation:.22s ease-out p29in}@keyframes p29in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.p29-card{border:2px solid var(--border);background:var(--inner);border-radius:16px;margin-bottom:16px;padding:18px 20px}.p29-card-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.76rem;font-weight:800}.p29-card--blue{border-color:var(--blue)}.p29-card--blue .p29-card-label{color:var(--blue)}.p29-card--green{border-color:var(--green)}.p29-card--green .p29-card-label{color:var(--green)}.p29-card--purple{border-color:var(--purple)}.p29-card--purple .p29-card-label{color:var(--purple)}.p29-card--orange{border-color:var(--orange)}.p29-card--orange .p29-card-label{color:var(--orange)}.p29-card--teal{border-color:var(--teal)}.p29-card--teal .p29-card-label{color:var(--teal)}.p29-card--red{border-color:var(--red)}.p29-card--red .p29-card-label{color:var(--red)}.p29-nl-wrap{justify-content:center;padding:4px 0;display:flex;overflow-x:auto}.p29-nl-wrap--col{flex-direction:column;align-items:center}.p29-steps{flex-direction:column;gap:10px;display:flex}.p29-step{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:13px;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.p29-step.active{border-color:var(--purple);background:var(--purple-bg)}.p29-step-num{background:var(--border);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex}.p29-step.active .p29-step-num{background:var(--purple);color:#fff}.p29-step-body{flex:1;font-size:.92rem;font-weight:600;line-height:1.55}.p29-disp{background:var(--dsp);border:3px solid var(--border);width:100%;max-width:260px;min-height:64px;color:var(--blue);box-sizing:border-box;text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:4px 10px;font-size:2rem;font-weight:800;transition:border-color .18s,background .18s;display:flex}.p29-disp--idle{border-color:var(--blue)}.p29-disp--ok{border-color:var(--ok)!important;color:var(--ok)!important;background:#22c55e14!important}.p29-disp--err{border-color:var(--err)!important;color:var(--err)!important;background:#ef444414!important}.p29-multi-disp{gap:10px;width:100%;max-width:260px;display:flex}.p29-disp-box{background:var(--dsp);border:3px solid var(--border);height:60px;color:var(--text);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;transition:all .15s;display:flex}.p29-disp-box.act{border-color:var(--purple);color:var(--purple);box-shadow:0 0 0 4px var(--purple-bg)}.p29-disp-box.ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.p29-disp-box.err{border-color:var(--err);background:var(--err-bg);color:var(--err)}.p29-keys{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:260px;display:grid}.p29-key{border:1px solid var(--border);background:var(--kbg);height:52px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--ksh);border-radius:11px;font-size:1.35rem;font-weight:700;transition:all 80ms}.p29-key:active:not(:disabled){box-shadow:0 1px 0 var(--ksh);transform:translateY(2px)}.p29-key:disabled{opacity:.4;cursor:default}.p29-key--fn{background:var(--border);color:var(--yellow);font-size:1.1rem}.p29-key--neg{background:var(--red-bg);color:var(--red);border-color:var(--red);font-weight:900}.p29-score{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.p29-score-val{color:var(--ok);font-size:1rem}.p29-prog{background:var(--inner);border:1px solid var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.p29-prog-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:99px;height:100%;transition:width .4s}.p29-btn{cursor:pointer;color:#fff;background:var(--purple);border:none;border-radius:11px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all 80ms;box-shadow:0 4px #0003}.p29-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0003}.p29-btn:disabled{opacity:.5;cursor:default}.p29-btn--blue{background:var(--blue)}.p29-btn--next{background:var(--teal)}.p29-trainer-card{border:2px solid var(--border);background:var(--inner);border-radius:18px;margin-bottom:14px;overflow:hidden}.p29-trainer-visual{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#c084fc0d,#38bdf80a);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:20px;display:flex}.p29-trainer-question{padding:14px 18px;font-size:1rem;font-weight:700;line-height:1.75}@media (width<=700px){.p29-wrap{padding:8px}.p29-main{padding:12px}.p29-nav button{padding:8px 4px;font-size:.72rem}}.p30-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p30-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#38bdf814);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p30-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p30-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p30-nav button.active{color:#082f49;background:linear-gradient(135deg,#38bdf8,#22c55e);border-color:#0000}.p30-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p30-scene{flex-direction:column;gap:18px;display:flex}.p30-hero{background:radial-gradient(circle at 0 0,#38bdf83d,#0000 32%),radial-gradient(circle at 100% 100%,#22c55e33,#0000 34%),linear-gradient(135deg,#0f172a0a,#3b82f614);border:1px solid #38bdf859;border-radius:22px;padding:24px}.p30-hero-badge{color:#0891b2;background:#0891b224;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p30-hero h2,.p30-panel h3,.p30-side-card h3,.p30-theory-card h3{color:var(--text-color);margin:0 0 8px}.p30-hero p,.p30-panel p,.p30-side-card p,.p30-theory-card p,.p30-feedback p,.p30-tip-card p,.p30-mini-rules p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p30-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p30-step-list{gap:10px;display:grid}.p30-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p30-step-btn span{color:#0284c7;background:#38bdf829;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p30-step-btn.active{background:linear-gradient(135deg,#38bdf824,#22c55e1a);border-color:#38bdf873}.p30-theory-card,.p30-panel,.p30-task-card,.p30-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p30-theory-kicker,.p30-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p30-nav-row,.p30-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.p30-main-btn{color:#082f49;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#22c55e);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p30-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p30-main-btn:disabled{opacity:.45;cursor:default}.p30-compare-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.p30-rule-card,.p30-equal-box{text-align:center;border-radius:18px;justify-content:center;align-items:center;min-height:86px;font-size:1.35rem;font-weight:800;display:flex}.p30-rule-card.positive{color:#16a34a;background:#22c55e24;border:1px solid #22c55e73}.p30-rule-card.neutral{color:#0284c7;background:#38bdf824;border:1px solid #38bdf873}.p30-rule-card.mixed{color:#ea580c;background:#f9731624;border:1px solid #f9731673}.p30-equal-box{color:#9333ea;background:#a855f71f;border:1px solid #a855f766;gap:18px}.p30-line-wrap{width:100%;padding-bottom:4px;overflow-x:auto}.p30-line{width:100%;min-width:540px;display:block}.p30-line text{fill:var(--text-color);font-size:12px;font-weight:700}.p30-line text.zero{fill:#0284c7}.p30-line .label-on-point{fill:#fff;font-size:12px;font-weight:800}.p30-big-expression,.p30-task-expression{text-align:center;justify-content:center;align-items:center;gap:20px;font-weight:800;display:flex}.p30-big-expression{font-size:clamp(1.8rem,5vw,3rem)}.p30-big-expression .symbol{color:#0284c7;background:#38bdf81f;border-radius:18px;min-width:74px;padding:10px 0}.p30-task-expression{margin-bottom:10px;font-size:clamp(1.6rem,4vw,2.6rem)}.p30-task-expression.large{font-size:clamp(2rem,5vw,3rem)}.p30-task-expression .empty-box{color:#0284c7;background:#38bdf814;border:3px dashed #38bdf873;border-radius:22px;justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.p30-task-expression .empty-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p30-task-expression .empty-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p30-task-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.p30-task-subtitle{margin:0;font-size:.95rem}.p30-toggle{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.p30-toggle input{margin:0}.p30-tip-grid,.p30-trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.p30-trainer-grid--single{grid-template-columns:1fr}.p30-tip-card{background:#38bdf80f;border:1px solid #38bdf840;border-radius:16px;padding:14px 16px}.p30-tip-card.accent{background:#22c55e14;border-color:#22c55e4d}.p30-scorebar{background:linear-gradient(135deg,#38bdf824,#22c55e14);border:1px solid #38bdf840;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p30-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p30-scorebar-fill{background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:999px;height:100%}.p30-options,.p30-symbol-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.p30-option-btn,.p30-symbol-btn{border:1px solid var(--border-color);background:var(--header-bg);min-height:72px;color:var(--text-color);cursor:pointer;border-radius:18px;font-size:2rem;font-weight:900;transition:transform .14s,border-color .14s,background .14s}.p30-option-btn:hover,.p30-symbol-btn:hover{transform:translateY(-1px)}.p30-option-btn.correct,.p30-symbol-btn.correct{color:#16a34a;background:#22c55e24;border-color:#22c55e80}.p30-option-btn.wrong,.p30-symbol-btn.wrong{color:#dc2626;background:#ef444424;border-color:#ef444480}.p30-feedback{border-radius:18px;gap:12px;margin-top:18px;padding:16px;display:grid}.p30-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p30-feedback.err{background:#ef444414;border:1px solid #ef444447}.p30-mini-rules{gap:12px;margin-bottom:14px;display:grid}.p30-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p30-mini-rules strong,.p30-tip-card strong,.p30-feedback strong{color:var(--text-color);margin-bottom:6px;display:block}@media (width<=900px){.p30-theory-layout,.p30-tip-grid,.p30-trainer-grid{grid-template-columns:1fr}.p30-panel-header,.p30-nav-row,.p30-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p30-main,.p30-hero,.p30-panel,.p30-task-card,.p30-side-card,.p30-theory-card{padding:16px}.p30-scorebar,.p30-options,.p30-symbol-pad,.p30-compare-cards{grid-template-columns:1fr}.p30-task-expression .empty-box{width:72px;height:72px}}.p31-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p31-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#f8717114);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p31-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p31-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p31-nav button.active{color:#431407;background:linear-gradient(135deg,#f97316,#fb7185);border-color:#0000}.p31-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p31-scene{gap:18px;display:grid}.p31-hero{background:radial-gradient(circle at 0 0,#f973163d,#0000 30%),radial-gradient(circle at 100% 100%,#a855f72e,#0000 35%),linear-gradient(135deg,#0f172a0a,#f9731614);border:1px solid #f9731659;border-radius:22px;padding:24px}.p31-hero-badge{color:#ea580c;background:#f9731624;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p31-hero h2,.p31-panel h3,.p31-side-card h3,.p31-theory-card h3{color:var(--text-color);margin:0 0 8px}.p31-hero p,.p31-panel p,.p31-side-card p,.p31-theory-card p,.p31-feedback p,.p31-tip-card p,.p31-mini-rules p,.p31-decimal-card p,.p31-task-subtitle{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p31-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p31-step-list{gap:10px;display:grid}.p31-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p31-step-btn span{color:#ea580c;background:#f9731629;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p31-step-btn.active{background:linear-gradient(135deg,#f9731624,#a855f714);border-color:#f9731673}.p31-theory-card,.p31-panel,.p31-task-card,.p31-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p31-theory-kicker,.p31-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p31-formula-box{text-align:center;color:#0f172a;background:#38bdf817;border:1px dashed #38bdf866;border-radius:18px;padding:18px;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:900}.p31-chip-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.p31-chip{background:var(--header-bg);border:1px solid var(--border-color);border-radius:999px;padding:9px 14px;font-weight:800}.p31-chip.accent{color:#ea580c;background:#f973161f;border-color:#f9731666}.p31-decimal-card{background:#a855f71a;border:1px solid #a855f74d;border-radius:18px;padding:18px}.p31-decimal-card strong{color:#7e22ce;margin-bottom:8px;font-size:1.2rem;display:block}.p31-analogy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.p31-analogy-card{border:1px solid var(--border-color);background:var(--header-bg);border-radius:18px;padding:16px}.p31-analogy-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p31-analogy-card div{margin-top:10px;font-weight:900}.p31-analogy-card.debt{background:#ef444414;border-color:#ef44443d}.p31-analogy-card.temp{background:#38bdf817;border-color:#38bdf83d}.p31-analogy-card.depth{background:#22c55e14;border-color:#22c55e3d}.p31-nav-row,.p31-panel-header,.p31-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p31-main-btn{color:#431407;cursor:pointer;background:linear-gradient(135deg,#f97316,#fb7185);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p31-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p31-main-btn:disabled{opacity:.45;cursor:default}.p31-big-expression,.p31-task-expression{text-align:center;justify-content:center;align-items:center;gap:16px;font-weight:900;display:flex}.p31-big-expression{font-size:clamp(1.7rem,5vw,2.8rem)}.p31-big-expression .equals{color:#64748b}.p31-task-expression{font-size:clamp(1.5rem,4vw,2.5rem)}.p31-answer-box{color:#ea580c;background:#f9731614;border:3px dashed #f9731673;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p31-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p31-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p31-line-wrap{width:100%;overflow-x:auto}.p31-line{width:100%;min-width:580px;display:block}.p31-line text{fill:var(--text-color);font-size:12px;font-weight:700}.p31-line text.zero{fill:#0284c7}.p31-line .label-on-point{fill:#fff;font-size:12px;font-weight:800}.p31-line .jump-label{font-size:12px;font-weight:800}.p31-tip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.p31-tip-card{background:#f973160f;border:1px solid #f9731640;border-radius:16px;padding:14px 16px}.p31-tip-card.accent{background:#a855f714;border-color:#a855f74d}.p31-tip-card strong,.p31-feedback strong,.p31-mini-rules strong{color:var(--text-color);margin-bottom:6px;display:block}.p31-scorebar{background:linear-gradient(135deg,#f9731624,#a855f714);border:1px solid #f9731640;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p31-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p31-scorebar-fill{background:linear-gradient(90deg,#f97316,#fb7185);border-radius:999px;height:100%}.p31-toggle{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.p31-toggle input{margin:0}.p31-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p31-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p31-numpad button,.p31-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p31-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p31-numpad-actions .primary{color:#431407;background:linear-gradient(135deg,#f97316,#fb7185);border:none}.p31-numpad-actions .secondary{background:#f9731614}.p31-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p31-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p31-feedback.err{background:#ef444414;border:1px solid #ef444447}.p31-side-card{gap:14px;display:grid}.p31-mini-rules{gap:12px;display:grid}.p31-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p31-side-example{text-align:center;color:#c2410c;background:#f973161f;border:1px solid #f9731659;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p31-theory-layout,.p31-tip-grid,.p31-analogy-grid{grid-template-columns:1fr}.p31-panel-header,.p31-nav-row,.p31-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p31-main,.p31-hero,.p31-panel,.p31-task-card,.p31-side-card,.p31-theory-card{padding:16px}.p31-scorebar{grid-template-columns:1fr}.p31-task-expression{flex-wrap:wrap}}.p32-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p32-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#22c55e14);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p32-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p32-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p32-nav button.active{color:#052e16;background:linear-gradient(135deg,#22c55e,#38bdf8);border-color:#0000}.p32-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p32-scene{gap:18px;display:grid}.p32-hero{background:radial-gradient(circle at 0 0,#22c55e3d,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf82e,#0000 35%),linear-gradient(135deg,#0f172a0a,#22c55e14);border:1px solid #22c55e59;border-radius:22px;padding:24px}.p32-hero-badge{color:#16a34a;background:#22c55e24;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p32-hero h2,.p32-panel h3,.p32-side-card h3,.p32-theory-card h3{color:var(--text-color);margin:0 0 8px}.p32-hero p,.p32-panel p,.p32-side-card p,.p32-theory-card p,.p32-feedback p,.p32-tip-card p,.p32-mini-rules p,.p32-zero-card p,.p32-task-subtitle{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p32-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p32-step-list{gap:10px;display:grid}.p32-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p32-step-btn span{color:#16a34a;background:#22c55e29;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p32-step-btn.active{background:linear-gradient(135deg,#22c55e1f,#38bdf814);border-color:#22c55e73}.p32-theory-card,.p32-panel,.p32-task-card,.p32-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p32-theory-kicker,.p32-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p32-formula-box{text-align:center;color:#0f172a;background:#38bdf817;border:1px dashed #38bdf866;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p32-chip-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.p32-chip{background:var(--header-bg);border:1px solid var(--border-color);border-radius:999px;padding:9px 14px;font-weight:800}.p32-chip.accent{color:#15803d;background:#22c55e1f;border-color:#22c55e66}.p32-zero-card{background:#a855f71a;border:1px solid #a855f74d;border-radius:18px;padding:18px}.p32-zero-card strong{color:#7e22ce;margin-bottom:8px;font-size:1.2rem;display:block}.p32-analogy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.p32-analogy-card{border:1px solid var(--border-color);background:var(--header-bg);border-radius:18px;padding:16px}.p32-analogy-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p32-analogy-card div{margin-top:10px;font-weight:900}.p32-analogy-card.money{background:#22c55e14;border-color:#22c55e3d}.p32-analogy-card.temp{background:#38bdf817;border-color:#38bdf83d}.p32-analogy-card.lift{background:#f9731614;border-color:#f973163d}.p32-nav-row,.p32-panel-header,.p32-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p32-main-btn{color:#052e16;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p32-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p32-main-btn:disabled{opacity:.45;cursor:default}.p32-big-expression,.p32-task-expression{text-align:center;justify-content:center;align-items:center;gap:16px;font-weight:900;display:flex}.p32-big-expression{font-size:clamp(1.7rem,5vw,2.8rem)}.p32-big-expression .equals{color:#64748b}.p32-task-expression{font-size:clamp(1.5rem,4vw,2.5rem)}.p32-answer-box{color:#15803d;background:#22c55e14;border:3px dashed #22c55e73;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p32-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p32-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p32-line-wrap{width:100%;overflow-x:auto}.p32-line{width:100%;min-width:580px;display:block}.p32-line text{fill:var(--text-color);font-size:12px;font-weight:700}.p32-line text.zero{fill:#0284c7}.p32-line .label-on-point{fill:#fff;font-size:12px;font-weight:800}.p32-line .jump-label{font-size:12px;font-weight:800}.p32-tip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.p32-tip-card{background:#22c55e0f;border:1px solid #22c55e40;border-radius:16px;padding:14px 16px}.p32-tip-card.accent{background:#38bdf814;border-color:#38bdf84d}.p32-tip-card strong,.p32-feedback strong,.p32-mini-rules strong{color:var(--text-color);margin-bottom:6px;display:block}.p32-scorebar{background:linear-gradient(135deg,#22c55e24,#38bdf814);border:1px solid #22c55e40;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p32-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p32-scorebar-fill{background:linear-gradient(90deg,#22c55e,#38bdf8);border-radius:999px;height:100%}.p32-toggle{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.p32-toggle input{margin:0}.p32-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p32-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p32-numpad button,.p32-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p32-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p32-numpad-actions .primary{color:#052e16;background:linear-gradient(135deg,#22c55e,#38bdf8);border:none}.p32-numpad-actions .secondary{background:#22c55e14}.p32-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p32-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p32-feedback.err{background:#ef444414;border:1px solid #ef444447}.p32-side-card{gap:14px;display:grid}.p32-mini-rules{gap:12px;display:grid}.p32-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p32-side-example{text-align:center;color:#15803d;background:#22c55e1f;border:1px solid #22c55e59;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p32-theory-layout,.p32-tip-grid,.p32-analogy-grid{grid-template-columns:1fr}.p32-panel-header,.p32-nav-row,.p32-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p32-main,.p32-hero,.p32-panel,.p32-task-card,.p32-side-card,.p32-theory-card{padding:16px}.p32-scorebar{grid-template-columns:1fr}.p32-task-expression{flex-wrap:wrap}}.p33-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p33-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#c084fc14);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p33-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p33-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p33-nav button.active{color:#2e1065;background:linear-gradient(135deg,#c084fc,#38bdf8);border-color:#0000}.p33-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p33-scene{gap:18px;display:grid}.p33-hero{background:radial-gradient(circle at 0 0,#c084fc3d,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf82e,#0000 35%),linear-gradient(135deg,#0f172a0a,#c084fc14);border:1px solid #c084fc59;border-radius:22px;padding:24px}.p33-hero-badge{color:#7e22ce;background:#c084fc24;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p33-hero h2,.p33-panel h3,.p33-side-card h3,.p33-theory-card h3{color:var(--text-color);margin:0 0 8px}.p33-hero p,.p33-panel p,.p33-side-card p,.p33-theory-card p,.p33-feedback p,.p33-task-subtitle,.p33-mini-rules p,.p33-smart-card p,.p33-bridge-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p33-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p33-step-list{gap:10px;display:grid}.p33-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p33-step-btn span{color:#7e22ce;background:#c084fc29;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p33-step-btn.active{background:linear-gradient(135deg,#c084fc1f,#38bdf814);border-color:#c084fc73}.p33-theory-card,.p33-panel,.p33-task-card,.p33-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p33-theory-kicker,.p33-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p33-formula-box{text-align:center;color:#0f172a;background:#38bdf817;border:1px dashed #38bdf866;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p33-formula-box.green{background:#22c55e14;border-color:#22c55e59}.p33-cancel-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.p33-chip{background:var(--header-bg);border:1px solid var(--border-color);border-radius:999px;padding:9px 14px;font-weight:800}.p33-chip.accent{color:#ea580c;background:#f973161f;border-color:#f9731666}.p33-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p33-smart-card,.p33-bridge-card,.p33-explore-card{border:1px solid var(--border-color);background:var(--header-bg);border-radius:18px;padding:16px}.p33-smart-card strong,.p33-bridge-card strong,.p33-analogy-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p33-bridge-card{background:#0ea5e91a;border-color:#0ea5e952}.p33-nav-row,.p33-panel-header,.p33-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p33-main-btn{color:#2e1065;cursor:pointer;background:linear-gradient(135deg,#c084fc,#38bdf8);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p33-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p33-main-btn:disabled{opacity:.45;cursor:default}.p33-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p33-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p33-mini-switch button.active{background:#c084fc29;border-color:#c084fc6b}.p33-explore-expression,.p33-task-expression{text-align:center;justify-content:center;align-items:center;gap:16px;font-weight:900;display:flex}.p33-explore-expression{margin-bottom:14px;font-size:clamp(1.6rem,4vw,2.6rem)}.p33-explore-steps{gap:10px;margin-bottom:14px;display:grid}.p33-highlight-answer{text-align:center;color:#15803d;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;padding:14px;font-weight:800}.p33-task-expression{flex-wrap:wrap;font-size:clamp(1.4rem,4vw,2.3rem)}.p33-answer-box{color:#7e22ce;background:#c084fc14;border:3px dashed #c084fc73;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p33-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p33-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p33-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p33-scorebar{background:linear-gradient(135deg,#c084fc24,#38bdf814);border:1px solid #c084fc40;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p33-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p33-scorebar-fill{background:linear-gradient(90deg,#c084fc,#38bdf8);border-radius:999px;height:100%}.p33-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p33-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p33-numpad button,.p33-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p33-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p33-numpad-actions .primary{color:#2e1065;background:linear-gradient(135deg,#c084fc,#38bdf8);border:none}.p33-numpad-actions .secondary{background:#c084fc14}.p33-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p33-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p33-feedback.err{background:#ef444414;border:1px solid #ef444447}.p33-side-card{gap:14px;display:grid}.p33-mini-rules{gap:12px;display:grid}.p33-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p33-side-example{text-align:center;color:#7e22ce;background:#c084fc1f;border:1px solid #c084fc59;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p33-theory-layout,.p33-smart-grid{grid-template-columns:1fr}.p33-panel-header,.p33-nav-row,.p33-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p33-main,.p33-hero,.p33-panel,.p33-task-card,.p33-side-card,.p33-theory-card{padding:16px}.p33-scorebar{grid-template-columns:1fr}}.p34-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p34-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#0ea5e914);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p34-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p34-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p34-nav button.active{color:#082f49;background:linear-gradient(135deg,#0ea5e9,#22c55e);border-color:#0000}.p34-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p34-scene{gap:18px;display:grid}.p34-hero{background:radial-gradient(circle at 0 0,#0ea5e93d,#0000 30%),radial-gradient(circle at 100% 100%,#22c55e2e,#0000 35%),linear-gradient(135deg,#0f172a0a,#0ea5e914);border:1px solid #0ea5e959;border-radius:22px;padding:24px}.p34-hero-badge{color:#0284c7;background:#0ea5e924;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p34-hero h2,.p34-panel h3,.p34-side-card h3,.p34-theory-card h3{color:var(--text-color);margin:0 0 8px}.p34-hero p,.p34-panel p,.p34-side-card p,.p34-theory-card p,.p34-feedback p,.p34-task-subtitle,.p34-mini-rules p,.p34-change-card p,.p34-bridge-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p34-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p34-step-list{gap:10px;display:grid}.p34-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p34-step-btn span{color:#0284c7;background:#0ea5e929;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p34-step-btn.active{background:linear-gradient(135deg,#0ea5e91f,#22c55e14);border-color:#0ea5e973}.p34-theory-card,.p34-panel,.p34-task-card,.p34-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p34-theory-kicker,.p34-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p34-formula-box{text-align:center;color:#0f172a;background:#38bdf817;border:1px dashed #38bdf866;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p34-change-card,.p34-bridge-card{background:#22c55e14;border:1px solid #22c55e4d;border-radius:18px;padding:18px}.p34-change-card strong,.p34-bridge-card strong{color:var(--text-color);margin-bottom:8px;font-size:1.15rem;display:block}.p34-chip-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.p34-chip{background:var(--header-bg);border:1px solid var(--border-color);border-radius:999px;padding:9px 14px;font-weight:800}.p34-chip.accent{color:#7e22ce;background:#a855f71f;border-color:#a855f766}.p34-nav-row,.p34-panel-header,.p34-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p34-main-btn{color:#082f49;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#22c55e);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p34-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p34-main-btn:disabled{opacity:.45;cursor:default}.p34-big-expression,.p34-task-expression{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-weight:900;display:flex}.p34-big-expression{font-size:clamp(1.4rem,4vw,2.4rem)}.p34-big-expression .equals{color:#64748b}.p34-task-expression{font-size:clamp(1.5rem,4vw,2.4rem)}.p34-convert-line{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p34-answer-box{color:#0284c7;background:#0ea5e914;border:3px dashed #0ea5e973;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p34-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p34-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p34-line-wrap{width:100%;overflow-x:auto}.p34-line{width:100%;min-width:580px;display:block}.p34-line text{fill:var(--text-color);font-size:12px;font-weight:700}.p34-line text.zero{fill:#0284c7}.p34-line .label-on-point{fill:#fff;font-size:12px;font-weight:800}.p34-line .jump-label{font-size:12px;font-weight:800}.p34-tip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.p34-tip-card{background:#0ea5e90f;border:1px solid #0ea5e940;border-radius:16px;padding:14px 16px}.p34-tip-card.accent{background:#22c55e14;border-color:#22c55e4d}.p34-tip-card strong,.p34-feedback strong,.p34-mini-rules strong{color:var(--text-color);margin-bottom:6px;display:block}.p34-scorebar{background:linear-gradient(135deg,#0ea5e924,#22c55e14);border:1px solid #0ea5e940;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p34-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p34-scorebar-fill{background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:999px;height:100%}.p34-toggle{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.p34-toggle input{margin:0}.p34-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p34-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p34-numpad button,.p34-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p34-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p34-numpad-actions .primary{color:#082f49;background:linear-gradient(135deg,#0ea5e9,#22c55e);border:none}.p34-numpad-actions .secondary{background:#0ea5e914}.p34-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p34-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p34-feedback.err{background:#ef444414;border:1px solid #ef444447}.p34-side-card{gap:14px;display:grid}.p34-mini-rules{gap:12px;display:grid}.p34-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p34-side-example{text-align:center;color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e959;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p34-theory-layout,.p34-tip-grid{grid-template-columns:1fr}.p34-panel-header,.p34-nav-row,.p34-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p34-main,.p34-hero,.p34-panel,.p34-task-card,.p34-side-card,.p34-theory-card{padding:16px}.p34-scorebar{grid-template-columns:1fr}}.p35-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p35-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#f9731614);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p35-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p35-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p35-nav button.active{color:#431407;background:linear-gradient(135deg,#f97316,#c084fc);border-color:#0000}.p35-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p35-scene{gap:18px;display:grid}.p35-hero{background:radial-gradient(circle at 0 0,#f973163d,#0000 30%),radial-gradient(circle at 100% 100%,#c084fc2e,#0000 35%),linear-gradient(135deg,#0f172a0a,#f9731614);border:1px solid #f9731659;border-radius:22px;padding:24px}.p35-hero-badge{color:#ea580c;background:#f9731624;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p35-hero h2,.p35-panel h3,.p35-side-card h3,.p35-theory-card h3{color:var(--text-color);margin:0 0 8px}.p35-hero p,.p35-panel p,.p35-side-card p,.p35-theory-card p,.p35-feedback p,.p35-task-subtitle,.p35-mini-rules p,.p35-example-card p,.p35-bridge-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p35-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p35-step-list{gap:10px;display:grid}.p35-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p35-step-btn span{color:#ea580c;background:#f9731629;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p35-step-btn.active{background:linear-gradient(135deg,#f973161f,#c084fc14);border-color:#f9731673}.p35-theory-card,.p35-panel,.p35-task-card,.p35-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p35-theory-kicker,.p35-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p35-formula-box{text-align:center;color:#431407;background:#f9731614;border:1px dashed #f9731666;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p35-formula-box.green{color:#14532d;background:#22c55e14;border-color:#22c55e59}.p35-sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.p35-sign-card,.p35-example-card,.p35-bridge-card,.p35-explore-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:18px;padding:16px}.p35-example-card strong,.p35-bridge-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p35-bridge-card{background:#0ea5e91a;border-color:#0ea5e952}.p35-nav-row,.p35-panel-header,.p35-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p35-main-btn{color:#431407;cursor:pointer;background:linear-gradient(135deg,#f97316,#c084fc);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p35-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p35-main-btn:disabled{opacity:.45;cursor:default}.p35-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p35-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p35-mini-switch button.active{background:#f9731629;border-color:#f973166b}.p35-explore-expression,.p35-task-expression{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-weight:900;display:flex}.p35-explore-expression{margin-bottom:14px;font-size:clamp(1.6rem,4vw,2.6rem)}.p35-explore-steps{gap:10px;margin-bottom:14px;display:grid}.p35-highlight-answer{text-align:center;color:#c2410c;background:#f973161a;border:1px solid #f973164d;border-radius:16px;padding:14px;font-weight:800}.p35-task-expression{font-size:clamp(1.4rem,4vw,2.3rem)}.p35-convert-line,.p35-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p35-answer-box{color:#ea580c;background:#f9731614;border:3px dashed #f9731673;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p35-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p35-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p35-scorebar{background:linear-gradient(135deg,#f9731624,#c084fc14);border:1px solid #f9731640;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p35-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p35-scorebar-fill{background:linear-gradient(90deg,#f97316,#c084fc);border-radius:999px;height:100%}.p35-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p35-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p35-numpad button,.p35-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p35-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p35-numpad-actions .primary{color:#431407;background:linear-gradient(135deg,#f97316,#c084fc);border:none}.p35-numpad-actions .secondary{background:#f9731614}.p35-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p35-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p35-feedback.err{background:#ef444414;border:1px solid #ef444447}.p35-side-card{gap:14px;display:grid}.p35-mini-rules{gap:12px;display:grid}.p35-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p35-side-example{text-align:center;color:#c2410c;background:#f973161f;border:1px solid #f9731659;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p35-theory-layout,.p35-sign-grid{grid-template-columns:1fr}.p35-panel-header,.p35-nav-row,.p35-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p35-main,.p35-hero,.p35-panel,.p35-task-card,.p35-side-card,.p35-theory-card{padding:16px}.p35-scorebar{grid-template-columns:1fr}}.p36-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p36-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#22c55e14);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p36-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p36-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p36-nav button.active{color:#052e16;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-color:#0000}.p36-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p36-scene{gap:18px;display:grid}.p36-hero{background:radial-gradient(circle at 0 0,#22c55e3d,#0000 30%),radial-gradient(circle at 100% 100%,#0ea5e92e,#0000 35%),linear-gradient(135deg,#0f172a0a,#22c55e14);border:1px solid #22c55e59;border-radius:22px;padding:24px}.p36-hero-badge{color:#15803d;background:#22c55e24;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p36-hero h2,.p36-panel h3,.p36-side-card h3,.p36-theory-card h3{color:var(--text-color);margin:0 0 8px}.p36-hero p,.p36-panel p,.p36-side-card p,.p36-theory-card p,.p36-feedback p,.p36-task-subtitle,.p36-mini-rules p,.p36-example-card p,.p36-bridge-card p,.p36-zero-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p36-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.p36-step-list{gap:10px;display:grid}.p36-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p36-step-btn span{color:#15803d;background:#22c55e29;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p36-step-btn.active{background:linear-gradient(135deg,#22c55e1f,#0ea5e914);border-color:#22c55e73}.p36-theory-card,.p36-panel,.p36-task-card,.p36-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p36-theory-kicker,.p36-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p36-formula-box{text-align:center;color:#0f172a;background:#0ea5e917;border:1px dashed #0ea5e966;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p36-sign-grid,.p36-example-grid,.p36-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p36-sign-card,.p36-example-card,.p36-zero-card,.p36-bridge-card,.p36-explore-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:18px;padding:16px}.p36-zero-card,.p36-bridge-card{background:#c084fc1a;border-color:#c084fc4d}.p36-zero-card strong,.p36-bridge-card strong,.p36-explore-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p36-explore-card.wide{grid-column:1/-1}.p36-nav-row,.p36-panel-header,.p36-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p36-main-btn{color:#052e16;cursor:pointer;background:linear-gradient(135deg,#22c55e,#0ea5e9);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p36-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p36-main-btn:disabled{opacity:.45;cursor:default}.p36-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p36-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p36-mini-switch button.active{background:#22c55e29;border-color:#22c55e6b}.p36-task-expression{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;display:flex}.p36-answer-box{color:#15803d;background:#22c55e14;border:3px dashed #22c55e73;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;padding:10px 14px;display:inline-flex}.p36-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p36-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p36-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p36-scorebar{background:linear-gradient(135deg,#22c55e24,#0ea5e914);border:1px solid #22c55e40;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p36-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p36-scorebar-fill{background:linear-gradient(90deg,#22c55e,#0ea5e9);border-radius:999px;height:100%}.p36-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p36-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p36-numpad button,.p36-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p36-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p36-numpad-actions .primary{color:#052e16;background:linear-gradient(135deg,#22c55e,#0ea5e9);border:none}.p36-numpad-actions .secondary{background:#22c55e14}.p36-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p36-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p36-feedback.err{background:#ef444414;border:1px solid #ef444447}.p36-side-card{gap:14px;display:grid}.p36-mini-rules{gap:12px;display:grid}.p36-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p36-side-example{text-align:center;color:#15803d;background:#22c55e1f;border:1px solid #22c55e59;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p36-theory-layout,.p36-sign-grid,.p36-example-grid,.p36-explore-grid{grid-template-columns:1fr}.p36-panel-header,.p36-nav-row,.p36-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p36-main,.p36-hero,.p36-panel,.p36-task-card,.p36-side-card,.p36-theory-card{padding:16px}.p36-scorebar{grid-template-columns:1fr}}.p37-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p37-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#14b8a614);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p37-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p37-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p37-nav button.active{color:#042f2e;background:linear-gradient(135deg,#14b8a6,#38bdf8);border-color:#0000}.p37-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p37-scene{gap:18px;display:grid}.p37-hero{background:radial-gradient(circle at 0 0,#14b8a638,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf829,#0000 35%),linear-gradient(135deg,#0f172a0a,#14b8a614);border:1px solid #14b8a659;border-radius:22px;padding:24px}.p37-hero-badge{color:#0f766e;background:#14b8a624;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p37-hero h2,.p37-panel h3,.p37-side-card h3,.p37-theory-card h3{color:var(--text-color);margin:0 0 8px}.p37-hero p,.p37-panel p,.p37-side-card p,.p37-theory-card p,.p37-feedback p,.p37-task-subtitle,.p37-mini-rules p,.p37-example-card p,.p37-bridge-card p,.p37-explore-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p37-theory-layout{grid-template-columns:290px minmax(0,1fr);gap:18px;display:grid}.p37-step-list{gap:10px;display:grid}.p37-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p37-step-btn span{color:#0f766e;background:#14b8a629;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p37-step-btn.active{background:linear-gradient(135deg,#14b8a61f,#38bdf814);border-color:#14b8a673}.p37-theory-card,.p37-panel,.p37-task-card,.p37-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p37-theory-kicker,.p37-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p37-formula-box{text-align:center;color:#0f172a;background:#38bdf817;border:1px dashed #38bdf866;border-radius:18px;padding:18px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.p37-example-grid,.p37-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p37-example-card,.p37-explore-card,.p37-bridge-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:18px;padding:16px}.p37-bridge-card{background:#14b8a61a;border-color:#14b8a64d}.p37-example-card strong,.p37-explore-card strong,.p37-bridge-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p37-explore-card.wide{grid-column:1/-1}.p37-chip-row{flex-wrap:wrap;gap:10px;display:flex}.p37-chip{color:var(--text-color);background:#a855f71f;border:1px solid #a855f747;border-radius:999px;padding:10px 14px;font-weight:700}.p37-nav-row,.p37-panel-header,.p37-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p37-main-btn{color:#042f2e;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#38bdf8);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p37-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p37-main-btn:disabled{opacity:.45;cursor:default}.p37-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p37-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p37-mini-switch button.active{background:#14b8a629;border-color:#14b8a66b}.p37-scorebar{background:linear-gradient(135deg,#14b8a624,#38bdf814);border:1px solid #14b8a640;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p37-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p37-scorebar-fill{background:linear-gradient(90deg,#14b8a6,#38bdf8);border-radius:999px;height:100%}.p37-task-expression{text-align:center;min-height:88px;color:var(--text-color);justify-content:center;align-items:center;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;display:flex}.p37-task-type{white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:.88rem;font-weight:800}.p37-task-type.coefficient{color:#7c3aed;background:#a855f71f}.p37-task-type.value{color:#0f766e;background:#14b8a61f}.p37-answer-box{color:#0f766e;background:#14b8a614;border:3px dashed #14b8a673;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;margin:0 auto;padding:10px 14px;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;display:flex}.p37-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p37-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p37-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p37-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p37-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p37-numpad button,.p37-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p37-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p37-numpad-actions .primary{color:#042f2e;background:linear-gradient(135deg,#14b8a6,#38bdf8);border:none}.p37-numpad-actions .secondary{background:#14b8a614}.p37-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p37-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p37-feedback.err{background:#ef444414;border:1px solid #ef444447}.p37-side-card{gap:14px;display:grid}.p37-mini-rules{gap:12px;display:grid}.p37-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p37-side-example{text-align:center;color:#0f766e;background:#14b8a61f;border:1px solid #14b8a659;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p37-theory-layout,.p37-example-grid,.p37-explore-grid{grid-template-columns:1fr}.p37-panel-header,.p37-nav-row,.p37-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p37-main,.p37-hero,.p37-panel,.p37-task-card,.p37-side-card,.p37-theory-card{padding:16px}.p37-scorebar{grid-template-columns:1fr}}.p38-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p38-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#f9731614);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p38-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p38-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p38-nav button.active{color:#431407;background:linear-gradient(135deg,#f97316,#facc15);border-color:#0000}.p38-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p38-scene{gap:18px;display:grid}.p38-hero{background:radial-gradient(circle at 0 0,#f9731638,#0000 30%),radial-gradient(circle at 100% 100%,#facc152e,#0000 35%),linear-gradient(135deg,#0f172a0a,#f9731614);border:1px solid #f9731659;border-radius:22px;padding:24px}.p38-hero-badge{color:#c2410c;background:#f9731624;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p38-hero h2,.p38-panel h3,.p38-side-card h3,.p38-theory-card h3{color:var(--text-color);margin:0 0 8px}.p38-hero p,.p38-panel p,.p38-side-card p,.p38-theory-card p,.p38-feedback p,.p38-task-subtitle,.p38-mini-rules p,.p38-example-card p,.p38-bridge-card p,.p38-explore-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p38-theory-layout{grid-template-columns:290px minmax(0,1fr);gap:18px;display:grid}.p38-step-list{gap:10px;display:grid}.p38-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p38-step-btn span{color:#c2410c;background:#f9731629;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p38-step-btn.active{background:linear-gradient(135deg,#f973161f,#facc1514);border-color:#f9731673}.p38-theory-card,.p38-panel,.p38-task-card,.p38-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p38-theory-kicker,.p38-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p38-formula-box{text-align:center;color:#7c2d12;background:#facc151f;border:1px dashed #f9731673;border-radius:18px;padding:18px;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:900}.p38-example-grid,.p38-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p38-example-card,.p38-explore-card,.p38-bridge-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:18px;padding:16px}.p38-bridge-card{background:#f973161a;border-color:#f9731647}.p38-example-card strong,.p38-explore-card strong,.p38-bridge-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p38-chip-row{flex-wrap:wrap;gap:10px;display:flex}.p38-chip{color:var(--text-color);background:#facc1524;border:1px solid #f9731638;border-radius:999px;padding:10px 14px;font-weight:700}.p38-nav-row,.p38-panel-header,.p38-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p38-main-btn{color:#431407;cursor:pointer;background:linear-gradient(135deg,#f97316,#facc15);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p38-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p38-main-btn:disabled{opacity:.45;cursor:default}.p38-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p38-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p38-mini-switch button.active{background:#f9731624;border-color:#f9731666}.p38-scorebar{background:linear-gradient(135deg,#f973161f,#facc151a);border:1px solid #f973163d;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p38-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p38-scorebar-fill{background:linear-gradient(90deg,#f97316,#facc15);border-radius:999px;height:100%}.p38-task-expression{text-align:center;min-height:88px;color:var(--text-color);justify-content:center;align-items:center;font-size:clamp(1.45rem,4vw,2.35rem);font-weight:900;display:flex}.p38-task-type{white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:.88rem;font-weight:800}.p38-task-type.expand{color:#c2410c;background:#f9731624}.p38-task-type.calculate{color:#a16207;background:#facc152e}.p38-answer-box{color:#c2410c;background:#f9731614;border:3px dashed #f9731673;border-radius:20px;justify-content:center;align-items:center;min-width:110px;min-height:78px;margin:0 auto;padding:10px 14px;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;display:flex}.p38-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p38-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p38-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p38-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p38-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p38-numpad button,.p38-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.25rem;font-weight:700}.p38-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p38-numpad-actions .primary{color:#431407;background:linear-gradient(135deg,#f97316,#facc15);border:none}.p38-numpad-actions .secondary{background:#f9731614}.p38-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p38-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p38-feedback.err{background:#ef444414;border:1px solid #ef444447}.p38-side-card{gap:14px;display:grid}.p38-mini-rules{gap:12px;display:grid}.p38-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p38-side-example{text-align:center;color:#c2410c;background:#f973161f;border:1px solid #f9731659;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p38-theory-layout,.p38-example-grid,.p38-explore-grid{grid-template-columns:1fr}.p38-panel-header,.p38-nav-row,.p38-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p38-main,.p38-hero,.p38-panel,.p38-task-card,.p38-side-card,.p38-theory-card{padding:16px}.p38-scorebar{grid-template-columns:1fr}}.p39-wrap{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.p39-nav{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f172a0f,#3b82f614);border-radius:18px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.p39-nav button{border:1px solid var(--border-color);background:var(--card-bg);min-height:48px;color:var(--text-color);cursor:pointer;border-radius:14px;flex:180px;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.p39-nav button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.p39-nav button.active{color:#052e16;background:linear-gradient(135deg,#3b82f6,#22c55e);border-color:#0000}.p39-main{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:22px}.p39-scene{gap:18px;display:grid}.p39-hero{background:radial-gradient(circle at 0 0,#3b82f638,#0000 30%),radial-gradient(circle at 100% 100%,#22c55e29,#0000 35%),linear-gradient(135deg,#0f172a0a,#3b82f614);border:1px solid #3b82f659;border-radius:22px;padding:24px}.p39-hero-badge{color:#1d4ed8;background:#3b82f624;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.p39-hero h2,.p39-panel h3,.p39-side-card h3,.p39-theory-card h3{color:var(--text-color);margin:0 0 8px}.p39-hero p,.p39-panel p,.p39-side-card p,.p39-theory-card p,.p39-feedback p,.p39-task-subtitle,.p39-mini-rules p,.p39-example-card p,.p39-bridge-card p,.p39-explore-card p{color:var(--text-muted,var(--text-color));margin:0;line-height:1.65}.p39-theory-layout{grid-template-columns:290px minmax(0,1fr);gap:18px;display:grid}.p39-step-list{gap:10px;display:grid}.p39-step-btn{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p39-step-btn span{color:#1d4ed8;background:#3b82f629;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.p39-step-btn.active{background:linear-gradient(135deg,#3b82f61f,#22c55e14);border-color:#3b82f673}.p39-theory-card,.p39-panel,.p39-task-card,.p39-side-card{border:1px solid var(--border-color);background:linear-gradient(#ffffff05,#0f172a05);border-radius:22px;padding:20px}.p39-theory-kicker,.p39-task-meta{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:800}.p39-formula-box{text-align:center;color:#0f172a;background:#3b82f614;border:1px dashed #3b82f666;border-radius:18px;padding:18px;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:900}.p39-example-grid,.p39-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p39-example-card,.p39-explore-card,.p39-bridge-card{border:1px solid var(--border-color);background:var(--header-bg);text-align:center;border-radius:18px;padding:16px}.p39-bridge-card{background:#22c55e1a;border-color:#22c55e47}.p39-example-card strong,.p39-explore-card strong,.p39-bridge-card strong{color:var(--text-color);margin-bottom:8px;display:block}.p39-chip-row{flex-wrap:wrap;gap:10px;display:flex}.p39-chip{color:var(--text-color);background:#22c55e1f;border:1px solid #3b82f638;border-radius:999px;padding:10px 14px;font-weight:700}.p39-nav-row,.p39-panel-header,.p39-task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.p39-main-btn{color:#052e16;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#22c55e);border:none;border-radius:14px;padding:13px 18px;font-weight:800}.p39-main-btn.ghost{background:var(--header-bg);color:var(--text-color);border:1px solid var(--border-color)}.p39-main-btn:disabled{opacity:.45;cursor:default}.p39-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p39-mini-switch button{border:1px solid var(--border-color);background:var(--header-bg);color:var(--text-color);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.p39-mini-switch button.active{background:#3b82f624;border-color:#3b82f666}.p39-scorebar{background:linear-gradient(135deg,#3b82f61f,#22c55e14);border:1px solid #3b82f63d;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:grid}.p39-scorebar-track{background:#94a3b838;border-radius:999px;height:12px;overflow:hidden}.p39-scorebar-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:999px;height:100%}.p39-task-expression{text-align:center;min-height:88px;color:var(--text-color);justify-content:center;align-items:center;font-size:clamp(1.45rem,4vw,2.3rem);font-weight:900;display:flex}.p39-task-type{white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:.88rem;font-weight:800}.p39-task-type.combine{color:#1d4ed8;background:#3b82f624}.p39-task-type.identify{color:#15803d;background:#22c55e24}.p39-answer-box{color:#1d4ed8;text-align:center;word-break:break-word;background:#3b82f614;border:3px dashed #3b82f673;border-radius:20px;justify-content:center;align-items:center;min-width:140px;min-height:78px;margin:0 auto;padding:10px 14px;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:900;display:flex}.p39-answer-box.ok{color:#16a34a;background:#22c55e1f;border-style:solid;border-color:#22c55e8c}.p39-answer-box.err{color:#dc2626;background:#ef44441f;border-style:solid;border-color:#ef44448c}.p39-kind-hint{text-align:center;color:var(--text-muted,var(--text-color));font-weight:700}.p39-numpad-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.p39-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:260px;display:grid}.p39-numpad.secondary-row{grid-template-columns:repeat(5,minmax(0,1fr));max-width:260px}.p39-numpad button,.p39-numpad-actions button{border:1px solid var(--border-color);background:var(--header-bg);min-height:52px;color:var(--text-color);cursor:pointer;border-radius:11px;font-size:1.15rem;font-weight:700}.p39-numpad-actions{gap:10px;width:100%;max-width:260px;display:grid}.p39-numpad-actions .primary{color:#052e16;background:linear-gradient(135deg,#3b82f6,#22c55e);border:none}.p39-numpad-actions .secondary{background:#3b82f614}.p39-choice-actions{gap:12px;width:100%;max-width:320px;margin:0 auto;display:grid}.p39-choice-actions .choice-btn,.p39-choice-actions .p39-next-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:14px;min-height:54px;font-size:1.05rem;font-weight:800}.p39-choice-actions .choice-btn.yes{color:#15803d;background:#22c55e1f}.p39-choice-actions .choice-btn.no{color:#b91c1c;background:#ef44441a}.p39-choice-actions .p39-next-btn{color:#052e16;background:linear-gradient(135deg,#3b82f6,#22c55e);border:none}.p39-feedback{border-radius:18px;gap:10px;padding:16px;display:grid}.p39-feedback.ok{background:#22c55e1a;border:1px solid #22c55e52}.p39-feedback.err{background:#ef444414;border:1px solid #ef444447}.p39-side-card{gap:14px;display:grid}.p39-mini-rules{gap:12px;display:grid}.p39-mini-rules div{background:var(--header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.p39-side-example{text-align:center;color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f659;border-radius:18px;padding:16px;font-size:1.3rem;font-weight:900}@media (width<=900px){.p39-theory-layout,.p39-example-grid,.p39-explore-grid{grid-template-columns:1fr}.p39-panel-header,.p39-nav-row,.p39-task-head{flex-direction:column;align-items:stretch}}@media (width<=640px){.p39-main,.p39-hero,.p39-panel,.p39-task-card,.p39-side-card,.p39-theory-card{padding:16px}.p39-scorebar{grid-template-columns:1fr}}.p40-module{color:#0f172a;flex-direction:column;gap:24px;display:flex}.p40-topbar{background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 52%,#fef9c3 100%);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex;box-shadow:0 20px 45px #0e749024}.p40-topbar h1{margin:0 0 8px;font-size:clamp(1.9rem,2.6vw,2.7rem)}.p40-topbar p{color:#334155;max-width:760px;margin:0;line-height:1.55}.p40-topnav{flex-wrap:wrap;gap:10px;display:flex}.p40-topnav button,.p40-step-btn,.p40-mini-switch button,.p40-keypad button,.p40-main-btn{cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s}.p40-topnav button{color:#0f172a;background:#ffffffb8;border-radius:999px;padding:12px 16px;font-weight:700}.p40-topnav button.active{color:#fff;background:#0f766e;box-shadow:0 14px 28px #0f766e38}.p40-scene{flex-direction:column;gap:22px;display:flex}.p40-hero,.p40-panel,.p40-task-card,.p40-theory-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px #0f172a14}.p40-hero{color:#fff;background:linear-gradient(140deg,#0f766e,#0ea5e9);padding:28px}.p40-hero h2{margin:0 0 10px;font-size:clamp(1.8rem,2.5vw,2.5rem)}.p40-hero p{color:#ffffffeb;max-width:760px;margin:0;line-height:1.6}.p40-hero-badge{letter-spacing:.04em;background:#ffffff29;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-weight:800;display:inline-flex}.p40-theory-layout,.p40-trainer-layout{grid-template-columns:280px minmax(0,1fr);gap:22px;display:grid}.p40-step-list{flex-direction:column;gap:12px;display:flex}.p40-step-btn{text-align:left;color:#0f172a;background:#e2e8f0;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:700;display:flex}.p40-step-btn span{background:#ffffffb8;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.p40-step-btn.active{color:#fff;background:#0f766e;transform:translate(4px);box-shadow:0 16px 30px #0f766e2e}.p40-theory-card,.p40-panel,.p40-task-card{padding:24px}.p40-trainer-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:start}.p40-theory-card{border:3px solid #22c55e}.p40-theory-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.82rem;font-weight:800}.p40-theory-card h3,.p40-panel h3{margin:0 0 10px;font-size:1.45rem}.p40-theory-card p,.p40-panel p,.p40-example-card p,.p40-story-step p,.p40-zero-card p,.p40-warning-card p,.p40-bridge-card p,.p40-feedback p,.p40-hint-box p{color:#334155;margin:0;line-height:1.6}.p40-formula-box,.p40-chip,.p40-warning-card,.p40-bridge-card{border-radius:22px;margin-top:18px;padding:18px 20px}.p40-formula-box{color:#0f172a;text-align:center;background:linear-gradient(135deg,#dbeafe,#ecfeff);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800}.p40-example-grid,.p40-explore-grid,.p40-zero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.p40-example-card,.p40-explore-card,.p40-zero-card{background:#f8fafc;border:1px solid #dbeafe;border-radius:22px;padding:18px}.p40-example-card strong,.p40-explore-card strong,.p40-zero-card strong,.p40-story-step strong,.p40-warning-card strong,.p40-bridge-card strong{margin-bottom:8px;font-size:1.05rem;display:block}.p40-chip-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.p40-chip{color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);font-weight:800}.p40-warning-card{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.p40-bridge-card{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.p40-nav-row,.p40-action-row{justify-content:space-between;gap:12px;display:flex}.p40-main-btn{color:#fff;background:#0f766e;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 16px 30px #0f766e2e}.p40-main-btn.ghost{color:#0f172a;box-shadow:none;background:#e2e8f0}.p40-main-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.p40-main-btn:not(:disabled):hover,.p40-topnav button:hover,.p40-step-btn:hover,.p40-mini-switch button:hover,.p40-keypad button:hover{transform:translateY(-1px)}.p40-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.p40-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p40-mini-switch button{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:10px 14px;font-weight:700}.p40-mini-switch button.active{color:#fff;background:#0ea5e9}.p40-story-board{flex-direction:column;gap:14px;margin-top:18px;display:flex}.p40-story-step{background:#f8fafc;border-radius:22px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.p40-story-step span{color:#fff;background:#0f766e;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:900;display:inline-flex}.p40-zero-card.good{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.p40-zero-card.bad{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.p40-scorebar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:grid}.p40-scorebar-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.p40-scorebar-fill{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#22c55e);height:100%}.p40-task-label{text-transform:uppercase;letter-spacing:.08em;color:#0ea5e9;text-align:center;margin-bottom:10px;font-size:.88rem;font-weight:800}.p40-task-expression{color:#0f172a;text-align:center;background:linear-gradient(135deg,#f8fafc,#ecfeff);border:1px solid #dbeafe;border-radius:24px;justify-content:center;align-items:center;max-width:100%;min-height:130px;margin:0 auto;padding:22px 24px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.3;display:flex}.p40-display{color:#0f172a;text-align:center;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #cbd5e1;border-radius:22px;justify-content:center;align-items:center;min-height:72px;margin-top:16px;padding:18px 20px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;display:flex;box-shadow:inset 0 1px #fffc}.p40-display.correct{color:#166534;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac}.p40-display.wrong{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#fca5a5}.p40-hint-box,.p40-feedback{border-radius:20px;margin-top:16px;padding:16px 18px}.p40-hint-box{background:#f8fafc}.p40-feedback.correct{background:#dcfce7}.p40-feedback.wrong{background:#fee2e2}.p40-feedback strong,.p40-hint-box strong{margin-bottom:6px;display:block}.p40-keypad{grid-template-columns:repeat(3,minmax(0,72px));justify-content:center;gap:10px;margin:0 auto;display:grid}.p40-keypad button{color:#0f172a;background:#e2e8f0;border-radius:18px;min-height:56px;font-size:1.15rem;font-weight:800}.p40-keypad button.action{background:#cbd5e1}.p40-keypad button.wide{grid-column:span 2}.p40-task-card{flex-direction:column;align-items:stretch;gap:0;display:flex}.p40-panel:has(.p40-keypad){flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;display:flex}.p40-hint-box,.p40-feedback,.p40-scorebar{max-width:760px}.p40-action-row{width:100%;max-width:380px;margin:0 auto}@media (width<=980px){.p40-topbar,.p40-panel-header,.p40-theory-layout,.p40-trainer-layout{flex-direction:column;grid-template-columns:1fr}.p40-example-grid,.p40-explore-grid,.p40-zero-grid{grid-template-columns:1fr}.p40-task-expression{min-height:110px}}@media (width<=720px){.p40-topbar,.p40-hero,.p40-panel,.p40-task-card,.p40-theory-card{border-radius:22px;padding:20px}.p40-scorebar{grid-template-columns:1fr}.p40-nav-row,.p40-action-row{flex-direction:column}.p40-main-btn{width:100%}}.p41-module{color:#0f172a;flex-direction:column;gap:24px;display:flex}.p41-topbar{background:linear-gradient(135deg,#f5f3ff 0%,#eff6ff 52%,#ecfccb 100%);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex;box-shadow:0 20px 45px #4f46e524}.p41-topbar h1{margin:0 0 8px;font-size:clamp(1.9rem,2.6vw,2.7rem)}.p41-topbar p{color:#334155;max-width:760px;margin:0;line-height:1.55}.p41-topnav{flex-wrap:wrap;gap:10px;display:flex}.p41-topnav button,.p41-step-btn,.p41-mini-switch button,.p41-keypad button,.p41-main-btn{cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s}.p41-topnav button{color:#0f172a;background:#ffffffc7;border-radius:999px;padding:12px 16px;font-weight:700}.p41-topnav button.active{color:#fff;background:#4f46e5;box-shadow:0 14px 28px #4f46e538}.p41-scene{flex-direction:column;gap:22px;display:flex}.p41-hero,.p41-panel,.p41-task-card,.p41-theory-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px #0f172a14}.p41-hero{color:#fff;background:linear-gradient(140deg,#4f46e5,#2563eb);padding:28px}.p41-hero h2{color:#fff;text-shadow:0 3px 14px #0f172a73;margin:0 0 10px;font-size:clamp(1.8rem,2.5vw,2.5rem)}.p41-hero p{color:#ffffffeb;max-width:760px;margin:0;line-height:1.6}.p41-hero-badge{letter-spacing:.04em;background:#ffffff29;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-weight:800;display:inline-flex}.p41-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:22px;display:grid}.p41-trainer-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:start;gap:22px;display:grid}.p41-step-list{flex-direction:column;gap:12px;display:flex}.p41-step-btn{text-align:left;color:#0f172a;background:#e2e8f0;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:700;display:flex}.p41-step-btn span{background:#ffffffb8;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.p41-step-btn.active{color:#fff;background:#4f46e5;transform:translate(4px);box-shadow:0 16px 30px #4f46e52e}.p41-theory-card,.p41-panel,.p41-task-card{padding:24px}.p41-theory-card{border:3px solid #22c55e}.p41-theory-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.82rem;font-weight:800}.p41-theory-card h3,.p41-panel h3{margin:0 0 10px;font-size:1.45rem}.p41-theory-card p,.p41-panel p,.p41-example-card p,.p41-story-step p,.p41-zero-card p,.p41-warning-card p,.p41-bridge-card p,.p41-feedback p,.p41-hint-box p{color:#334155;margin:0;line-height:1.6}.p41-formula-box,.p41-chip,.p41-warning-card,.p41-bridge-card{border-radius:22px;margin-top:18px;padding:18px 20px}.p41-formula-box{color:#0f172a;text-align:center;background:linear-gradient(135deg,#dbeafe,#ede9fe);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800}.p41-example-grid,.p41-explore-grid,.p41-zero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.p41-example-card,.p41-explore-card,.p41-zero-card{background:#f8fafc;border:1px solid #dbeafe;border-radius:22px;padding:18px}.p41-example-card strong,.p41-explore-card strong,.p41-zero-card strong,.p41-story-step strong,.p41-warning-card strong,.p41-bridge-card strong{margin-bottom:8px;font-size:1.05rem;display:block}.p41-chip-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.p41-chip{color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);font-weight:800}.p41-warning-card{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.p41-bridge-card{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.p41-nav-row,.p41-action-row{justify-content:space-between;gap:12px;display:flex}.p41-main-btn{color:#fff;background:#4f46e5;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 16px 30px #4f46e52e}.p41-main-btn.ghost{color:#0f172a;box-shadow:none;background:#e2e8f0}.p41-main-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.p41-main-btn:not(:disabled):hover,.p41-topnav button:hover,.p41-step-btn:hover,.p41-mini-switch button:hover,.p41-keypad button:hover{transform:translateY(-1px)}.p41-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.p41-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p41-mini-switch button{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:10px 14px;font-weight:700}.p41-mini-switch button.active{color:#fff;background:#2563eb}.p41-story-board{flex-direction:column;gap:14px;margin-top:18px;display:flex}.p41-story-step{background:#f8fafc;border-radius:22px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.p41-story-step span{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:900;display:inline-flex}.p41-zero-card.good{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.p41-zero-card.bad{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.p41-scorebar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:grid}.p41-scorebar-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.p41-scorebar-fill{border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#22c55e);height:100%}.p41-task-card{flex-direction:column;display:flex}.p41-task-label{text-transform:uppercase;letter-spacing:.08em;color:#2563eb;text-align:center;margin-bottom:10px;font-size:.88rem;font-weight:800}.p41-task-expression{color:#0f172a;text-align:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #dbeafe;border-radius:24px;justify-content:center;align-items:center;max-width:100%;min-height:130px;margin:0 auto;padding:22px 24px;font-size:clamp(1.6rem,2.8vw,2.35rem);font-weight:900;line-height:1.35;display:flex}.p41-display{color:#0f172a;text-align:center;background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #cbd5e1;border-radius:22px;justify-content:center;align-items:center;min-height:72px;margin-top:16px;padding:18px 20px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;display:flex;box-shadow:inset 0 1px #fffc}.p41-display.correct{color:#166534;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac}.p41-display.wrong{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#fca5a5}.p41-hint-box,.p41-feedback{border-radius:20px;max-width:760px;margin-top:16px;padding:16px 18px}.p41-hint-box{background:#f8fafc}.p41-feedback.correct{background:#dcfce7}.p41-feedback.wrong{background:#fee2e2}.p41-feedback strong,.p41-hint-box strong{margin-bottom:6px;display:block}.p41-trainer-panel{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;display:flex}.p41-keypad{grid-template-columns:repeat(3,minmax(0,72px));justify-content:center;gap:10px;margin:0 auto;display:grid}.p41-keypad button{color:#0f172a;background:#e2e8f0;border-radius:18px;min-height:56px;font-size:1.15rem;font-weight:800}.p41-keypad button.action{background:#cbd5e1}.p41-keypad button.wide{grid-column:span 2}.p41-action-row{width:100%;max-width:380px;margin:0 auto}@media (width<=980px){.p41-topbar,.p41-panel-header,.p41-theory-layout,.p41-trainer-layout{flex-direction:column;grid-template-columns:1fr}.p41-example-grid,.p41-explore-grid,.p41-zero-grid{grid-template-columns:1fr}.p41-task-expression{min-height:110px}}@media (width<=720px){.p41-topbar,.p41-hero,.p41-panel,.p41-task-card,.p41-theory-card{border-radius:22px;padding:20px}.p41-scorebar{grid-template-columns:1fr}.p41-nav-row,.p41-action-row{flex-direction:column}.p41-main-btn{width:100%}}.p42-module{color:#0f172a;flex-direction:column;gap:24px;display:flex}.p42-topbar{background:linear-gradient(135deg,#fff7ed 0%,#fefce8 52%,#ecfeff 100%);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex;box-shadow:0 20px 45px #ea580c24}.p42-topbar h1{margin:0 0 8px;font-size:clamp(1.9rem,2.6vw,2.7rem)}.p42-topbar p{color:#334155;max-width:780px;margin:0;line-height:1.55}.p42-topnav{flex-wrap:wrap;gap:10px;display:flex}.p42-topnav button,.p42-step-btn,.p42-mini-switch button,.p42-keypad button,.p42-main-btn{cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s}.p42-topnav button{color:#0f172a;background:#ffffffc7;border-radius:999px;padding:12px 16px;font-weight:700}.p42-topnav button.active{color:#fff;background:#ea580c;box-shadow:0 14px 28px #ea580c38}.p42-scene{flex-direction:column;gap:22px;display:flex}.p42-hero,.p42-panel,.p42-task-card,.p42-theory-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px #0f172a14}.p42-hero{color:#fff;background:linear-gradient(140deg,#ea580c,#f59e0b);padding:28px}.p42-hero h2{margin:0 0 10px;font-size:clamp(1.8rem,2.5vw,2.5rem)}.p42-hero p{color:#ffffffeb;max-width:760px;margin:0;line-height:1.6}.p42-hero-badge{letter-spacing:.04em;background:#ffffff29;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-weight:800;display:inline-flex}.p42-theory-layout{grid-template-columns:280px minmax(0,1fr);gap:22px;display:grid}.p42-trainer-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.86fr);align-items:start;gap:22px;display:grid}.p42-step-list{flex-direction:column;gap:12px;display:flex}.p42-step-btn{text-align:left;color:#0f172a;background:#e2e8f0;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:700;display:flex}.p42-step-btn span{background:#ffffffb8;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.p42-step-btn.active{color:#fff;background:#ea580c;transform:translate(4px);box-shadow:0 16px 30px #ea580c2e}.p42-theory-card,.p42-panel,.p42-task-card{padding:24px}.p42-theory-card{border:3px solid #22c55e}.p42-theory-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.82rem;font-weight:800}.p42-theory-card h3,.p42-panel h3{margin:0 0 10px;font-size:1.45rem}.p42-theory-card p,.p42-panel p,.p42-example-card p,.p42-story-step p,.p42-zero-card p,.p42-warning-card p,.p42-bridge-card p,.p42-feedback p,.p42-hint-box p,.p42-problem-card,.p42-answer-caption{color:#334155;margin:0;line-height:1.6}.p42-formula-box,.p42-chip,.p42-warning-card,.p42-bridge-card{border-radius:22px;margin-top:18px;padding:18px 20px}.p42-formula-box{color:#7c2d12;text-align:center;background:linear-gradient(135deg,#ffedd5,#fef3c7);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800}.p42-example-grid,.p42-explore-grid,.p42-zero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.p42-example-card,.p42-explore-card,.p42-zero-card{background:#f8fafc;border:1px solid #fed7aa;border-radius:22px;padding:18px}.p42-example-card strong,.p42-explore-card strong,.p42-zero-card strong,.p42-story-step strong,.p42-warning-card strong,.p42-bridge-card strong{margin-bottom:8px;font-size:1.05rem;display:block}.p42-chip-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.p42-chip{color:#7c2d12;background:linear-gradient(135deg,#ffedd5,#fdba74);font-weight:800}.p42-warning-card{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.p42-bridge-card{background:linear-gradient(135deg,#ecfeff,#cffafe)}.p42-nav-row,.p42-action-row{justify-content:space-between;gap:12px;display:flex}.p42-main-btn{color:#fff;background:#ea580c;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 16px 30px #ea580c2e}.p42-main-btn.ghost{color:#0f172a;box-shadow:none;background:#e2e8f0}.p42-main-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.p42-main-btn:not(:disabled):hover,.p42-topnav button:hover,.p42-step-btn:hover,.p42-mini-switch button:hover,.p42-keypad button:hover{transform:translateY(-1px)}.p42-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.p42-mini-switch{flex-wrap:wrap;gap:8px;display:flex}.p42-mini-switch button{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:10px 14px;font-weight:700}.p42-mini-switch button.active{color:#fff;background:#f59e0b}.p42-story-board{flex-direction:column;gap:14px;margin-top:18px;display:flex}.p42-explore-problem{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fdba74;border-radius:22px;margin-top:18px;padding:18px 20px}.p42-explore-problem strong{margin-bottom:8px;font-size:1.05rem;display:block}.p42-story-step{background:#f8fafc;border-radius:22px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.p42-story-step span{color:#fff;background:#ea580c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:900;display:inline-flex}.p42-zero-card.good{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.p42-zero-card.bad{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.p42-scorebar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:grid}.p42-scorebar-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.p42-scorebar-fill{border-radius:inherit;background:linear-gradient(90deg,#ea580c,#22c55e);height:100%}.p42-task-card{flex-direction:column;display:flex}.p42-task-label{text-transform:uppercase;letter-spacing:.08em;color:#ea580c;text-align:center;margin-bottom:10px;font-size:.88rem;font-weight:800}.p42-problem-card{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:24px;padding:22px 24px;font-size:1.08rem}.p42-equation-preview{color:#0f172a;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;margin-top:14px;padding:14px 16px;font-weight:800}.p42-display{color:#0f172a;text-align:center;background:linear-gradient(135deg,#f8fafc,#fff7ed);border:1px solid #fdba74;border-radius:22px;justify-content:center;align-items:center;min-height:72px;margin-top:16px;padding:18px 20px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;display:flex}.p42-display.correct{color:#166534;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac}.p42-display.wrong{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#fca5a5}.p42-answer-caption{text-align:center;margin-top:10px;font-size:.95rem}.p42-hint-box,.p42-feedback{border-radius:20px;max-width:860px;margin-top:16px;padding:16px 18px}.p42-hint-box{background:#f8fafc}.p42-feedback.correct{background:#dcfce7}.p42-feedback.wrong{background:#fee2e2}.p42-feedback strong,.p42-hint-box strong{margin-bottom:6px;display:block}.p42-trainer-panel{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;display:flex}.p42-keypad{grid-template-columns:repeat(3,minmax(0,72px));justify-content:center;gap:10px;margin:0 auto;display:grid}.p42-keypad button{color:#0f172a;background:#e2e8f0;border-radius:18px;min-height:56px;font-size:1.15rem;font-weight:800}.p42-keypad button.action{background:#cbd5e1}.p42-keypad button.wide{grid-column:span 2}.p42-action-row{width:100%;max-width:380px;margin:0 auto}@media (width<=980px){.p42-topbar,.p42-panel-header,.p42-theory-layout,.p42-trainer-layout{flex-direction:column;grid-template-columns:1fr}.p42-example-grid,.p42-explore-grid,.p42-zero-grid{grid-template-columns:1fr}}@media (width<=720px){.p42-topbar,.p42-hero,.p42-panel,.p42-task-card,.p42-theory-card{border-radius:22px;padding:20px}.p42-scorebar{grid-template-columns:1fr}.p42-nav-row,.p42-action-row{flex-direction:column}.p42-main-btn{width:100%}}.p43-module{color:#0f172a;flex-direction:column;gap:24px;display:flex}.p43-topbar{background:linear-gradient(135deg,#eef2ff 0%,#eff6ff 55%,#ecfccb 100%);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex;box-shadow:0 20px 45px #2563eb24}.p43-topbar h1{margin:0 0 8px;font-size:clamp(1.9rem,2.5vw,2.7rem)}.p43-topbar p{color:#334155;max-width:780px;margin:0;line-height:1.55}.p43-topnav,.p43-nav,.results-actions,.actions,.count-row,.weak-list{flex-wrap:wrap;gap:10px;display:flex}.p43-topnav button,.p43-nav button,.results-actions button,.actions button,.count-row button,.start-btn,.back-btn,.p43-steps button,.keypad button,.menu-card{cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s}.p43-topnav button{background:#ffffffc7;border-radius:999px;padding:12px 16px;font-weight:700}.p43-topnav button.active{color:#fff;background:#2563eb;box-shadow:0 14px 28px #2563eb38}.p43-scene,.p43-shell,.p43-play{flex-direction:column;gap:22px;display:flex}.p43-hero,.p43-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px #0f172a14}.p43-hero{color:#fff;background:linear-gradient(140deg,#2563eb,#4f46e5);padding:28px}.p43-badge{background:#ffffff29;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-weight:800;display:inline-flex}.p43-hero h2{color:#fff;text-shadow:0 3px 14px #0f172a73;letter-spacing:.01em;margin:0 0 10px;font-size:clamp(1.8rem,2.5vw,2.5rem)}.p43-hero p{color:#fffffff5;text-shadow:0 2px 10px #0f172a38;max-width:760px;margin:0;line-height:1.6}.p43-theory{grid-template-columns:280px minmax(0,1fr);gap:22px;display:grid}.p43-steps{flex-direction:column;gap:12px;display:flex}.p43-steps button{text-align:left;color:#0f172a;background:#e2e8f0;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.p43-steps button span{background:#ffffffb8;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.p43-steps button.active{color:#fff;background:#2563eb;transform:translate(4px);box-shadow:0 16px 30px #2563eb2e}.p43-card{padding:24px}.theory-card{border:3px solid #22c55e}.kicker{text-transform:uppercase;letter-spacing:.06em;color:#2563eb;margin-bottom:8px;font-size:.82rem;font-weight:800}.theory-card h3,.menu-head h2,.results-head h2{margin:0 0 10px}.theory-card p,.menu-head p,.menu-card p,.hint p,.step p,.results-head p{color:#334155;margin:0;line-height:1.6}.p43-formula{color:#1d4ed8;text-align:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:22px;margin-top:18px;padding:18px 20px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800}.p43-nav button,.results-actions button,.actions button{color:#fff;background:#2563eb;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 16px 30px #2563eb2e}.p43-nav .ghost,.results-actions .ghost,.actions .ghost,.full{color:#0f172a!important;box-shadow:none!important;background:#e2e8f0!important}.p43-nav button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.menu-head{text-align:center;margin-bottom:24px}.icon,.small-icon{color:#fff;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.icon{background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:50%;width:72px;height:72px;margin-bottom:12px;font-size:2rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.menu-card{text-align:left;background:#f8fafc;border:2px solid #dbeafe;border-radius:24px;padding:22px}.menu-card.learn{border-left:6px solid #22c55e}.menu-card.challenge{border-left:6px solid #f59e0b}.small-icon{color:#1d4ed8;background:#dbeafe;border-radius:16px;width:52px;height:52px;margin-bottom:12px}.menu-card h3{margin:0 0 8px}.menu-card label{margin:16px 0 8px;font-weight:700;display:block}.count-row button{background:#fff;border:2px solid #dbeafe;border-radius:12px;flex:1;padding:10px;font-weight:800}.count-row button.active{color:#fff;background:#2563eb;border-color:#2563eb}.start-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:14px;width:100%;padding:14px;font-weight:800}.play-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.back-btn{color:#1d4ed8;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:10px 14px;font-weight:800}.play-head h2{margin:0;font-size:1.35rem}.score-badge{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:flex}.progress{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:14px;height:26px;position:relative;overflow:hidden}.progress .fill{background:linear-gradient(90deg,#2563eb,#8b5cf6);height:100%;transition:width .2s}.progress span{color:#fff;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;position:absolute;inset:0}.timer{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:12px 14px}.timer.urgent{background:#fef2f2;border-color:#fecaca}.timer-top{color:#1d4ed8;justify-content:space-between;margin-bottom:8px;font-weight:800;display:flex}.timer.urgent .timer-top{color:#dc2626}.timer-track{background:#2563eb1f;border-radius:999px;height:8px;overflow:hidden}.timer.urgent .timer-track{background:#ef44441f}.timer-fill{border-radius:inherit;background:#2563eb;height:100%;transition:width 50ms linear}.timer.urgent .timer-fill{background:#ef4444}.play-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.82fr);gap:22px;display:grid}.task-family{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;margin-bottom:10px;font-size:.88rem;font-weight:800}.expression{text-align:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #dbeafe;border-radius:24px;justify-content:center;align-items:center;min-height:130px;padding:22px 24px;font-size:clamp(1.55rem,2.9vw,2.4rem);font-weight:900;line-height:1.35;display:flex}.answer{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #cbd5e1;border-radius:22px;justify-content:center;align-items:center;min-height:72px;margin-top:16px;padding:18px 20px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;display:flex}.answer.ok{color:#166534;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#86efac}.answer.error{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#fca5a5}.correct,.feedback{text-align:center}.correct{color:#991b1b;margin-top:12px;font-weight:700}.feedback{min-height:24px;margin-top:12px;font-weight:800}.feedback.ok{color:#166534}.feedback.error{color:#991b1b}.hint,.explanation{border-radius:20px;margin-top:16px;padding:16px 18px}.hint{background:#f8fafc}.hint strong,.explanation strong{margin-bottom:6px;display:block}.explanation.ok{background:#22c55e14;border:1px solid #22c55e33}.explanation.error{background:#ef444414;border:1px solid #ef44442e}.step{align-items:flex-start;gap:10px;margin-top:8px;display:flex}.step span{color:#fff;background:#2563eb;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.74rem;font-weight:800;display:inline-flex}.side{flex-direction:column;justify-content:center;gap:20px;display:flex}.keypad{grid-template-columns:repeat(3,minmax(0,72px));justify-content:center;gap:10px;margin:0 auto;display:grid}.keypad button{color:#0f172a;background:#e2e8f0;border-radius:18px;min-height:56px;font-size:1.15rem;font-weight:800}.keypad button.action{background:#cbd5e1}.keypad button.wide{grid-column:span 2}.actions{justify-content:center}.actions button{flex:1}.results-head{text-align:center;border-radius:24px;margin-bottom:20px;padding:24px 20px}.results-head.passed{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e40}.results-head.failed{background:linear-gradient(135deg,#ef44441f,#ef44440a);border:2px solid #ef444438}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.results-grid div{text-align:center;background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;padding:16px 10px}.results-grid strong{margin-bottom:6px;font-size:1.5rem;display:block}.results-grid span{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.weak-box{background:#fff7ed;border:1px solid #fdba74;border-radius:20px;margin-bottom:20px;padding:16px 18px}.weak-box h4{margin:0 0 10px}.weak-list div{background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:8px 12px;font-weight:700}@media (width<=980px){.p43-topbar,.p43-theory,.menu-grid,.play-grid{flex-direction:column;grid-template-columns:1fr}.results-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.p43-topbar,.p43-hero,.p43-card{border-radius:22px;padding:20px}.play-head,.p43-nav,.actions,.results-actions{flex-direction:column}.back-btn,.actions button,.results-actions button,.p43-nav button{width:100%}.results-grid{grid-template-columns:1fr}}.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}}.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%)}}.wheel-of-fortune{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:flex}@media (width>=900px){.wheel-of-fortune{flex-direction:row;align-items:flex-start}}.wheel-sidebar{flex-direction:column;flex:1;gap:20px;min-width:280px;max-width:400px;display:flex}.control-block{border:1px solid var(--border-color,#e2e8f0);background:#ffffffe6;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000d}.note{color:#94a3b8;margin-top:12px;font-size:.8rem}.wheel-stage{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;flex:2;justify-content:center;align-items:center;min-height:500px;padding:24px;transition:all .5s;display:flex;position:relative;box-shadow:0 10px 30px #0000000d}.wheel-stage.fullscreen{z-index:1000;background:radial-gradient(circle,#1e293b 0%,#020617 100%);border:none;border-radius:0;position:fixed;inset:0}.wheel-stage.fullscreen .wheel-visual{width:85vmin;max-width:none;height:85vmin}.wheel-visual{aspect-ratio:1;width:100%;max-width:420px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.wheel-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel-slices{will-change:transform}@keyframes lightBlink{0%,to{fill:#fcd34d;filter:drop-shadow(0 0 3px #fcd34d)}50%{fill:#fff;filter:none}}@keyframes lightBlinkFast{0%,to{fill:#ef4444;filter:drop-shadow(0 0 5px #ef4444)}50%{fill:#fcd34d;filter:none}}.wheel-light{animation:1.5s infinite lightBlink}.wheel-light-spin{animation:.2s infinite lightBlinkFast}.spin-btn-container{z-index:10;margin-top:30px}.spin-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:999px;padding:16px 40px;font-size:1.2rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #e11d484d}.spin-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 12px 25px #e11d4866}.spin-btn:active:not(:disabled){transform:translateY(1px)}.spin-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.winner-overlay{z-index:2000;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out forwards winnerFade;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes winnerFade{0%{opacity:0}to{opacity:1}}.white-flash{z-index:2001;pointer-events:none;background:#fff;animation:.8s ease-out forwards flashOut;position:absolute;inset:0}@keyframes flashOut{0%{opacity:1}to{opacity:0}}@keyframes rotateBurst{to{transform:rotate(360deg)}}.winner-card{z-index:10;text-align:center;animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards popUp;position:relative;transform:scale(0)}@keyframes popUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.winner-card h3{color:#cbd5e1;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500}.winner-actions{flex-wrap:wrap;justify-content:center;gap:12px;max-width:700px;margin:0 auto;display:flex}.wheel-of-fortune{color:#0f172a;background:#f8fbff}.wheel-sidebar .control-block,.wheel-stage,.wheel-stage.fullscreen{color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.control-block h3,.control-block p,.note,.empty,.name-chip{color:#0f172a!important}.control-block textarea{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.winner-overlay{background:#fffffff5!important}.winner-card h3,.winner-card h1{color:#0f172a!important;text-shadow:none!important}.student-lottery{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,sans-serif;display:flex}@media (width>=900px){.student-lottery{flex-direction:row;align-items:flex-start}}.lottery-sidebar{z-index:10;flex-direction:column;flex:1;gap:20px;min-width:280px;max-width:400px;display:flex}.control-block{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000d}.file-input{color:#fff;background:linear-gradient(135deg,#10b981,#059669);display:inline-block;position:relative;overflow:hidden}.note{color:#94a3b8;margin-top:12px;font-size:.75rem;font-style:italic}.lottery-stage{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;flex:2;justify-content:center;align-items:center;min-height:550px;padding:24px;transition:all .6s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.lottery-stage.fullscreen{z-index:1000;background:radial-gradient(circle,#1e293b 0%,#020617 100%);border:none;border-radius:0;position:fixed;inset:0}.table-container{perspective:1400px;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.table-surface{transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.25,1,.5,1);position:relative;transform:rotateX(0)translateY(0)}.lottery-stage.fullscreen .table-surface{transform:rotateX(55deg)translateY(60px)}.lottery-card{width:150px;height:220px;transform-style:preserve-3d;margin-top:-110px;margin-left:-75px;transition:transform .6s,opacity .6s,filter .6s;position:absolute;top:50%;left:50%}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotateY(0)}.lottery-card:not(.idle) .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:4px solid #fff;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 8px 25px #0000004d}.card-back{background:repeating-linear-gradient(45deg, #ffffff1a 0, #ffffff1a 10px, transparent 10px, transparent 20px), linear-gradient(135deg, var(--card-color,#6366f1), #312e81);color:#ffffff80;font-size:4rem;font-weight:900;transform:rotateY(0)}.card-front{color:#1e293b;text-align:center;overflow-wrap:break-word;background:linear-gradient(135deg,#fff,#f1f5f9);justify-content:center;align-items:center;padding:10px;line-height:1.1;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 15px #00000014}.card-front-name{text-transform:uppercase;background:linear-gradient(135deg,#1e293b,#334155);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 2px #0000001a);word-break:break-word;-webkit-background-clip:text;max-width:100%;font-size:clamp(.9rem,2.5vw,1.5rem);font-weight:900}.lottery-card.shuffling{transform:translate3d(var(--x), var(--y), var(--z)) rotateX(0deg) rotateZ(var(--r)) scale(1);transition:transform .4s ease-in-out}.lottery-card.settling{transform:translate3d(var(--x), var(--y), var(--z)) rotateX(0deg) rotateZ(var(--r)) scale(.95);opacity:.9;transition:transform 1.6s cubic-bezier(.1,.85,.25,1)}.lottery-card.settling.winner-card{z-index:50;opacity:1;filter:none;transform:translateZ(60px)rotateX(0)rotate(0)scale(1.2)}.lottery-card.settling.non-winner{opacity:.45;filter:saturate(.7)}.lottery-stage .lottery-card.finished.non-winner{transform:translate3d(var(--x), var(--y), var(--z)) rotateX(0deg) rotateZ(var(--r)) scale(.8);opacity:.2;filter:grayscale(80%)blur(2px)}.lottery-stage .lottery-card.finished.winner-card{z-index:100!important;opacity:1!important;filter:none!important;transition:transform .25s,opacity .25s,filter .25s!important;transform:translateZ(60px)rotateX(0)rotate(0)scale(1.2)!important}.lottery-stage .lottery-card.finished.winner-card .card-face{border-color:#fbbf24!important;transition:none!important;animation:2s ease-in-out infinite winnerPulse!important;box-shadow:0 0 50px #fbbf24e6,inset 0 0 25px #fbbf2466!important}@keyframes winnerPulse{0%{filter:saturate();transform:translate(-50%,-50%)scale(1)}to{filter:saturate(1.15)brightness(1.08);transform:translate(-50%,-50%)scale(1.1)}}.winner-name-display{z-index:200;text-align:center;pointer-events:none;opacity:0;animation:.5s 1.8s forwards fadeInUp;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(30px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.winner-label{color:#fbbf24;text-shadow:0 2px 10px #00000080;letter-spacing:.05em;margin-bottom:10px;font-size:1.5rem;font-weight:700}.winner-name{color:#fff;text-shadow:0 4px 20px #000000b3,0 0 40px #fbbf2480;word-break:break-word;max-width:90vw;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1}.final-winner-card{z-index:180;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.winner-card-standalone{width:150px;height:220px;transform-style:preserve-3d;opacity:1;filter:none;animation:.35s ease-out forwards winnerCardReveal;position:relative;transform:translateY(32px)scale(1.2)}.winner-card-standalone .card-inner{transform:rotateY(180deg)}.winner-card-standalone .card-face{border-color:#fbbf24;box-shadow:0 0 50px #fbbf24e6,inset 0 0 25px #fbbf2466}@keyframes winnerCardReveal{0%{opacity:0;transform:translateY(52px)scale(1.06)}to{opacity:1;transform:translateY(32px)scale(1.2)}}@media (width<=700px){.winner-name-display{width:calc(100% - 32px);top:18%}}.lottery-card.idle{transform:translate(-50%, -50%) translate3d(0, 0, calc(var(--card-index) * 1.5px)) rotateX(0deg) rotateZ(0deg) scale(1);transition:transform .6s cubic-bezier(.25,1,.5,1)}.draw-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.winner-actions .action-btn{cursor:pointer;color:#fff;border:none;border-radius:999px;flex:auto;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .2s}.winner-actions .btn-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.winner-actions .btn-green{background:linear-gradient(135deg,#10b981,#059669)}.winner-actions .btn-red{background:linear-gradient(135deg,#f43f5e,#e11d48)}.winner-actions .action-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.winner-actions .ghost-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:999px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .2s}.winner-actions .ghost-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff}.winner-actions .action-btn:disabled{opacity:.8;cursor:default;box-shadow:inherit;transform:none!important}.winner-actions .ghost-btn:disabled{opacity:.5;cursor:default;transform:none!important}.sunburst{z-index:1;opacity:0;pointer-events:none;filter:blur(2px);background:repeating-conic-gradient(#fbbf2426 0deg 12deg,#0000 12deg 24deg);width:300vmin;height:300vmin;margin-top:-150vmin;margin-left:-150vmin;transition:opacity 2s;animation:40s linear infinite rotateBurst;position:absolute;top:50%;left:50%}.lottery-stage.fullscreen .sunburst{opacity:1}.student-lottery,.lottery-stage,.lottery-stage.fullscreen,.lottery-sidebar .control-block{color:#0f172a!important;background:#fff!important}.lottery-sidebar .control-block,.lottery-stage{border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.student-lottery h1,.student-lottery h2,.student-lottery h3,.student-lottery p,.student-lottery span,.student-lottery .empty{color:#0f172a!important}.student-lottery textarea,.student-lottery input,.student-lottery select{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.student-lottery{background:#eef6ff!important}.lottery-stage,.lottery-stage.fullscreen{background:linear-gradient(#e0f2fe 0%,#dbeafe 100%)!important}.lottery-sidebar .control-block{background:#fff!important}.lottery-card .card-front,.winner-card-standalone .card-front{background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border:2px solid #cbd5e1!important;box-shadow:inset 0 0 0 1px #ffffffe6,0 10px 24px #0f172a1f!important}.card-front-name{background:0 0!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#0f172a!important;text-shadow:0 1px #ffffffe6!important;filter:none!important}.magic-tiles{color:#e8edf5;background:#060b14;height:calc(100vh - 60px);font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.magic-tiles-setup{background:linear-gradient(135deg,#0d1424 0%,#060b14 100%);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px;display:flex}.setup-card{background:#0d1424;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:520px;padding:40px;box-shadow:0 20px 60px #0006}.setup-title{color:#f5a623;text-align:center;margin:0 0 8px;font-size:1.8rem;font-weight:900}.setup-desc{color:#4a5568;text-align:center;margin:0 0 24px;font-size:.9rem}.setup-textarea{box-sizing:border-box;color:#e8edf5;resize:none;background:#060b14;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:16px;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.setup-textarea:focus{border-color:#f5a62380;box-shadow:0 0 0 3px #f5a6231a}.setup-textarea::placeholder{color:#2d3a4a}.setup-actions{gap:10px;margin-top:20px;display:flex}.setup-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:16px 24px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .2s,background .2s;display:flex;position:relative}.setup-btn.primary{color:#000;background:linear-gradient(135deg,#f5a623,#d97706)}.setup-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f5a62366}.setup-btn.primary:disabled{opacity:.4;cursor:not-allowed}.setup-btn.file{color:#5ac8f5;background:#5ac8f51a;border:1px solid #5ac8f533}.setup-btn.file:hover{background:#5ac8f52e}.setup-btn.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.setup-preview{border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px}.preview-label{letter-spacing:.1em;text-transform:uppercase;color:#4a5568;margin-bottom:10px;font-size:.75rem;font-weight:700;display:block}.preview-chips{flex-wrap:wrap;gap:6px;display:flex}.preview-chip{color:#89a;background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:color .2s,border-color .2s}.preview-chip:hover{color:var(--chip-color,#f5a623);border-color:var(--chip-color,#f5a623)}.magic-tiles.fullscreen-mode{z-index:1000;background:radial-gradient(circle,#1e293b 0%,#020617 100%);flex-direction:column;display:flex;position:fixed;inset:0}.exit-fullscreen-btn{z-index:100;color:#e8edf5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s;position:absolute;top:16px;left:16px}.exit-fullscreen-btn:hover{background:#ffffff1a;transform:translate(-2px)}.show-all-btn{z-index:100;color:#000;cursor:pointer;background:linear-gradient(135deg,#f5a623,#d97706);border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #f5a6234d}.show-all-btn:hover:not(:disabled){transform:translate(-50%)translateY(-2px);box-shadow:0 8px 28px #f5a62373}.show-all-btn:disabled{opacity:.5;cursor:not-allowed}.tiles-sidebar{background:#0d1424;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:14px;width:280px;padding:24px 20px;display:flex;overflow-y:auto}.sidebar-title{letter-spacing:.15em;text-transform:uppercase;color:#4a5568;margin:0;font-size:.7rem;font-weight:700}.names-textarea{color:#e8edf5;resize:none;background:#060b14;border:1px solid #ffffff12;border-radius:10px;outline:none;flex:1;min-height:180px;padding:12px 14px;font-family:inherit;font-size:.9rem;line-height:1.7;transition:border-color .2s,box-shadow .2s}.names-textarea:focus{border-color:#f5a62380;box-shadow:0 0 0 3px #f5a62314}.names-textarea::placeholder{color:#2d3a4a}.sidebar-actions{gap:8px;display:flex}.btn-primary{color:#000;cursor:pointer;background:#f5a623;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:.85rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:#ffc04d;transform:translateY(-1px);box-shadow:0 4px 16px #f5a6234d}.btn-primary:active{transform:translateY(0)}.btn-file{color:#5ac8f5;cursor:pointer;white-space:nowrap;background:#5ac8f514;border:1px solid #5ac8f52e;border-radius:8px;padding:10px 12px;font-size:.82rem;font-weight:700;transition:background .2s;position:relative;overflow:hidden}.btn-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.btn-file:hover{background:#5ac8f526}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#89a;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s}.chip:hover{color:var(--chip-color,#f5a623);border-color:var(--chip-color,#f5a623)}.sidebar-hint{color:#2d3a4a;text-align:center;padding:8px 0;font-size:.82rem;line-height:1.6}.tiles-stage{background:radial-gradient(at 20% 20%,#f5a6230a 0%,#0000 50%),radial-gradient(at 80% 80%,#5ac8f508 0%,#0000 50%);flex:1;padding:28px;position:relative;overflow-y:auto}.tiles-stage.fullscreen{z-index:1000;background:radial-gradient(circle,#1e293b 0%,#020617 100%);border:none;border-radius:0;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.fullscreen-mode .tiles-stage .tiles-grid{max-width:calc(var(--cols,3) * 140px + (var(--cols,3) - 1) * 20px);flex-wrap:wrap;justify-content:center;gap:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-mode .tiles-stage .tile-card{flex-shrink:0;width:140px!important;height:140px!important}.stage-empty{color:#2d3a4a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.stage-empty-icon{opacity:.4;font-size:3.5rem}.stage-empty p{font-size:.9rem}.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.tile-card{aspect-ratio:1;perspective:1000px;cursor:pointer;animation:.45s both tileEnter;animation-delay:var(--delay,0s);outline:none!important}.tile-card:focus{border:none!important;outline:none!important}@keyframes tileEnter{0%{opacity:0;transform:translateY(18px)scale(.88)}to{opacity:1;transform:none}}.tile-card.dimmed{opacity:.3;pointer-events:none;transition:opacity .4s}.tile-card.empty{opacity:.25;cursor:default!important;box-sizing:border-box!important;border:1px solid #ffffff08!important;outline:none!important;width:140px!important;min-width:140px!important;max-width:140px!important;height:140px!important;min-height:140px!important;max-height:140px!important;margin:0!important;padding:0!important}.tile-card.empty .tile-front{background:#ffffff05;box-sizing:border-box!important;border-color:#ffffff08!important;outline:none!important}.tile-card.empty .tile-inner,.tile-card.empty .tile-back{border:none!important;outline:none!important;width:140px!important;min-width:140px!important;max-width:140px!important;height:140px!important;min-height:140px!important;max-height:140px!important;margin:0!important;padding:0!important}.tile-inner{transform-style:preserve-3d;border-radius:14px;transition:transform .75s cubic-bezier(.4,.15,.2,1);position:relative;width:100%!important;height:100%!important}.fullscreen-mode .tile-inner{width:140px!important;height:140px!important}.tile-card.flipped .tile-inner{transform:rotateY(180deg)}.tile-front,.tile-back{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0;overflow:hidden}.tile-front{background:#0d1424;border:1px solid #ffffff12;transition:border-color .2s,box-shadow .2s}.fullscreen-mode .tile-front{border:1px solid #ffffff12!important}.tile-front:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffffff0a,#0000 55%);position:absolute;inset:0}.fullscreen-mode .tile-card:hover .tile-front{box-shadow:none!important;border-color:#ffffff12!important}.tile-card:not(.flipped):hover .tile-front:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff0d 50%,#0000 70%);width:300%;height:300%;animation:.55s forwards shimmerSweep;position:absolute;top:-100%;left:-100%}@keyframes shimmerSweep{to{transform:translate(50%)translateY(50%)}}.tile-card.show-all-glow .tile-front{box-shadow:0 0 20px #f5a62366;border-color:#f5a62399!important}.tile-num{letter-spacing:.1em;color:#ffffff1a;font-size:.62rem;font-weight:700}.tile-q{color:#ffffff1f;font-size:2rem;font-weight:900;line-height:1}.tile-back{background:linear-gradient(135deg, var(--c1,#f87171), var(--c2,#b91c1c));text-align:center;box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:100%;padding:12px;overflow:hidden;transform:rotateY(180deg)}.tile-back-name{color:#fff;text-shadow:0 1px 6px #0006;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60%;font-size:.85rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.tile-back-empty{color:#fff6;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;height:100%;font-size:.7rem;font-weight:600;display:flex}.tile-back-check{opacity:.7;font-size:1.1rem}.tiles-overlay{z-index:50;background:0 0;justify-content:center;align-items:center;animation:.35s forwards overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{to{background:#000000e0}}.particle-canvas{pointer-events:none;z-index:51;width:100%;height:100%;position:fixed;inset:0}.tiles-modal{z-index:52;text-align:center;opacity:0;background:#0d1424;border:1px solid #ffffff17;border-radius:22px;width:min(480px,90vw);padding:48px 52px;animation:.6s cubic-bezier(.175,.885,.32,1.3) forwards modalPop;position:relative;transform:scale(.55);box-shadow:0 40px 80px #000000b3,0 0 0 1px #f5a62314,inset 0 1px #ffffff0a}@keyframes modalPop{to{opacity:1;transform:scale(1)}}.tiles-modal:before{content:"";background:linear-gradient(90deg,#0000,#f5a62399,#0000);border-radius:999px;height:1px;position:absolute;top:0;left:10%;right:10%}.modal-pre{letter-spacing:.18em;text-transform:uppercase;color:#4a5568;margin-bottom:10px;font-size:.72rem;font-weight:600}.modal-emoji{margin-bottom:10px;font-size:2.8rem;animation:2s ease-in-out infinite floatBob}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.modal-name{color:#f5a623;letter-spacing:-.02em;text-shadow:0 0 60px #f5a62340;word-break:break-word;margin:0 0 28px;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:900;line-height:1.1;animation:.6s .3s both nameGlow}@keyframes nameGlow{0%{text-shadow:0 0 #0000;opacity:.4}60%{text-shadow:0 0 40px #f5a62399;opacity:1}to{text-shadow:0 0 60px #f5a62340;opacity:1}}.modal-divider{background:linear-gradient(90deg,#0000,#f5a62380,#0000);border-radius:999px;width:48px;height:2px;margin:0 auto 28px}.modal-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-family:inherit;font-size:.84rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.modal-btn:hover{transform:translateY(-2px)}.modal-btn:active{transform:translateY(0)}.btn-remove{color:#fff;background:linear-gradient(135deg,#e55a5a,#c0392b);grid-column:1/-1}.btn-remove:hover{box-shadow:0 8px 20px #e55a5a59}.btn-keep{color:#5ac8f5;background:#5ac8f51a;border:1px solid #5ac8f533}.btn-keep:hover{background:#5ac8f52e}.btn-close{color:#4a5568;background:#ffffff0a;border:1px solid #ffffff12}.btn-close:hover{color:#89a;background:#ffffff12}.tiles-sidebar::-webkit-scrollbar{width:3px}.tiles-stage::-webkit-scrollbar{width:3px}.tiles-sidebar::-webkit-scrollbar-track{background:0 0}.tiles-stage::-webkit-scrollbar-track{background:0 0}.tiles-sidebar::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:99px}.tiles-stage::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:99px}.magic-tiles,.magic-tiles-setup,.magic-tiles.fullscreen-mode{color:#0f172a!important;background:#f8fbff!important}.setup-card,.tiles-sidebar,.tiles-stage,.tiles-board,.tile-card,.stats-card,.question-card{color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.magic-tiles h1,.magic-tiles h2,.magic-tiles h3,.magic-tiles p,.magic-tiles span,.magic-tiles label,.setup-title,.setup-desc,.preview-label,.preview-chip{color:#0f172a!important}.setup-textarea,.setup-btn.file,.preview-chip,.exit-fullscreen-btn{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.tiles-stage,.magic-tiles.fullscreen-mode{background:linear-gradient(#f8fbff 0%,#eef6ff 100%)!important}.tile-q{color:#fff!important;text-shadow:0 2px 8px #000000eb!important}.tile-back{border:2px solid #ffffffd9!important;box-shadow:0 14px 32px #0f172a3d!important}.tile-back-name,.tile-back-check,.tile-back-empty{color:#fff!important;opacity:1!important;text-shadow:0 2px 8px #000000f2!important}.setup-card{background:#fff!important;border:2px solid #94a3b8!important;box-shadow:0 18px 40px #0f172a1f!important}.setup-title{color:#0f172a!important;text-shadow:none!important;font-size:2.1rem!important}.setup-desc{color:#334155!important;font-size:1.05rem!important;font-weight:600!important}.setup-textarea{color:#0f172a!important;background:#fff!important;border:2px solid #64748b!important;box-shadow:inset 0 1px #ffffffe6!important}.setup-textarea::placeholder{color:#64748b!important;opacity:1!important}.setup-btn.primary,.setup-btn.file,.show-all-btn,.exit-fullscreen-btn,.modal-btn{text-shadow:none!important;font-weight:800!important}.setup-btn.primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 10px 24px #2563eb47!important}.setup-btn.file,.show-all-btn,.exit-fullscreen-btn{color:#0f172a!important;background:#fff!important;border:2px solid #64748b!important}.preview-label{color:#334155!important;letter-spacing:.04em!important;font-size:.95rem!important;font-weight:800!important}.preview-chip{color:#0f172a!important;background:#f8fafc!important;border:2px solid #cbd5e1!important;font-weight:700!important}.tile-front,.tile-back{border-radius:16px!important}.tile-num{font-size:.88rem!important;font-weight:800!important}.tile-q{font-size:3rem!important}.tile-back-name{font-size:1rem!important;font-weight:900!important;line-height:1.15!important}.tile-back-check{font-size:1.4rem!important}.tiles-overlay{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#ffffffb3!important}.tiles-modal{color:#0f172a!important;background:#fff!important;border:3px solid #f59e0b!important;box-shadow:0 24px 60px #0f172a33!important}.modal-pre{color:#475569!important;font-size:.95rem!important;font-weight:800!important}.modal-name{color:#0f172a!important;text-shadow:0 2px 12px #f59e0b2e!important}.btn-remove,.btn-keep,.btn-close{color:#fff!important;border:none!important}.btn-keep{background:linear-gradient(135deg,#0891b2,#0e7490)!important}.btn-close{background:linear-gradient(135deg,#64748b,#475569)!important}.tile-card{opacity:1!important}.tile-front{background:linear-gradient(#fff 0%,#e2e8f0 100%)!important;border:3px solid #475569!important;box-shadow:0 14px 30px #0f172a2e!important}.tile-front:before{background:radial-gradient(circle at 35% 28%,#fffffffa,#ffffff40 42%,#0000 58%)!important}.tile-num{color:#334155!important;text-shadow:none!important}.tile-q{color:#0f172a!important;text-shadow:none!important;font-size:3.4rem!important}.tile-card:not(.flipped):not(.empty) .tile-front{transform:scale(1)}.tile-card.flipped .tile-back,.tile-card.show-all-glow .tile-back{border:3px solid #fff!important;box-shadow:0 0 0 4px #0f172a14,0 18px 34px #0f172a3d!important}.tile-back-name{color:#fff!important;-webkit-text-stroke:.35px #0f172a!important;text-shadow:0 2px #000000eb,0 0 10px #000000e0!important;font-size:1.18rem!important;font-weight:900!important}.tile-back-check{color:#fff!important;opacity:1!important;text-shadow:0 2px 8px #000000e6!important}.tile-back,.tile-back span,.tile-back-name,.tile-back-check,.tile-back-empty{color:#fff!important}.tile-card.empty{opacity:.42!important}.tile-card.empty .tile-front{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%)!important;border-color:#64748b!important}.fruit-machine{background:#1e293b;border-radius:12px;height:calc(100vh - 40px);min-height:850px;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.slots-sidebar{color:#f8fafc;background:#0f172a;border-right:1px solid #334155;flex-direction:column;gap:1.5rem;width:320px;padding:1.5rem;display:flex;overflow-y:auto}.control-block{flex-direction:column;gap:.75rem;display:flex}.control-block h3{color:#fcd34d;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.2rem}.slots-sidebar textarea{color:#fff;resize:none;box-sizing:border-box;background:#1e293b;border:1px solid #475569;border-radius:8px;width:100%;height:120px;padding:.75rem;font-family:inherit;font-size:1rem}.slots-sidebar textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.control-actions{grid-template-columns:1fr;gap:.5rem;display:grid}.btn-primary,.file-input,.btn-ghost{cursor:pointer;text-align:center;box-sizing:border-box;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .2s;display:block}.btn-primary{color:#fff;background:#6366f1}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px)}.file-input{color:#fff;background:#10b981;position:relative;overflow:hidden}.file-input input[type=file]{position:absolute;left:-9999px}.file-input:hover{background:#059669;transform:translateY(-1px)}.btn-ghost{color:#ef4444;background:0 0;border:1px solid #ef4444}.btn-ghost:hover{background:#ef44441a}.name-list{flex-wrap:wrap;gap:.5rem;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.name-chip{color:#e2e8f0;background:#334155;border:1px solid #475569;border-radius:6px;padding:.3rem .6rem;font-size:.85rem}.slots-stage{background:radial-gradient(circle,#334155 0%,#0f172a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;transition:background .4s;display:flex;position:relative;overflow:hidden}.slots-stage.fullscreen{z-index:1000;background:#0f172a;position:fixed;inset:0}.machine-body{background:#1e293b;border:4px solid #475569;border-radius:30px;align-items:center;gap:2rem;padding:1.5rem 3rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #000000b3,inset 0 0 20px #00000080}.slots-stage.fullscreen .machine-body{background:#111827;border-color:#334155;transform:scale(1.08);box-shadow:0 35px 80px #000000bf,inset 0 0 20px #0000008c}.slots-window{background:#000;border:10px solid #fcd34d;border-radius:16px;width:400px;height:810px;position:relative;overflow:hidden;box-shadow:0 0 30px #fcd34d33,inset 0 0 60px #000}.window-overlay{pointer-events:none;z-index:10;background:linear-gradient(#000 0%,#000c 20%,#0000 45% 55%,#000c 80%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.target-line{pointer-events:none;z-index:15;box-sizing:border-box;background:#ef444426;border-top:3px solid #ef4444;border-bottom:3px solid #ef4444;width:100%;height:54px;position:absolute;top:378px;left:0;box-shadow:0 0 15px #ef444480}.reel{flex-direction:column;width:100%;display:flex}.slot-item{color:#fff;text-align:center;box-sizing:border-box;text-shadow:2px 2px 4px #000c;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:54px;padding:0 1rem;font-size:1.6rem;font-weight:800;display:flex}.slot-item.winner{z-index:5;text-shadow:0 0 10px,0 0 20px,0 0 30px #fff;font-size:2rem;animation:.5s infinite alternate neon-pulse;position:relative}@keyframes neon-pulse{0%{filter:brightness()saturate()}to{filter:brightness(1.5)saturate(1.5);transform:scale(1.05)}}.lever-base{background:#334155;border:2px solid #475569;border-radius:20px;width:40px;height:160px;position:relative;box-shadow:inset -5px -5px 10px #0009,inset 5px 5px 10px #ffffff1a}.lever{cursor:pointer;transform-origin:bottom;background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:10px;width:20px;height:140px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:-5px 0 10px #0000004d}.lever-knob{background:radial-gradient(circle at 30% 30%,#f87171,#dc2626);border:3px solid #7f1d1d;border-radius:50%;width:60px;height:60px;position:absolute;top:-30px;left:-20px;box-shadow:0 10px 15px #00000080}.lever.pulled{transform:translate(-50%)rotateX(160deg)}.spin-button{z-index:50;color:#78350f;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(#fcd34d,#f59e0b);border:none;border-radius:16px;padding:1.5rem 3rem;font-size:1.5rem;font-weight:900;transition:all .1s;position:absolute;bottom:3rem;right:3rem;box-shadow:0 10px #b45309,0 20px 25px #00000080}.spin-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 4px #b45309,0 10px 15px #00000080}.spin-button:disabled{color:#94a3b8;cursor:not-allowed;background:#475569;box-shadow:0 10px #1e293b}.slots-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fade-in;display:flex;position:fixed;top:0;left:0}.slots-modal{text-align:center;background:#111827;border:4px solid #fcd34d;border-radius:24px;width:90%;max-width:600px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 0 50px #fcd34d3d,0 25px 50px -12px #0000008c}.slots-modal:before{content:"";pointer-events:none;background:radial-gradient(circle,#fcd34d1a 0%,#0000 60%);width:200%;height:200%;animation:10s linear infinite rotate-bg;position:absolute;top:-50%;left:-50%}.slots-modal h3{color:#cbd5e1;text-transform:uppercase;z-index:2;margin:0;font-size:1.5rem;position:relative}.slots-modal h1{color:#fcd34d;word-break:break-word;text-shadow:0 0 20px #fcd34d80;z-index:2;margin:1.5rem 0;font-size:4.5rem;line-height:1.1;position:relative}.modal-actions{z-index:2;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:relative}.action-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:1.25rem;font-size:1.1rem;font-weight:700;transition:transform .1s,filter .2s;box-shadow:0 4px 6px #0000004d}.action-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.slots-stage.fullscreen .machine-body{transform:scale(.92)}}.fruit-machine,.slots-stage,.slots-stage.fullscreen{color:#0f172a!important;background:#f8fbff!important}.slots-sidebar,.control-block,.slots-result-card,.slots-winner-card,.machine-body{color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.slots-sidebar h3,.slots-sidebar p,.name-chip,.slots-label,.slots-value,.fruit-machine h1,.fruit-machine h2,.fruit-machine h3{color:#0f172a!important}.slots-sidebar textarea{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.slot-item{color:#fff!important;opacity:1!important;text-shadow:0 2px 8px #000000f5,0 0 2px #000000f5!important}.slot-item.winner{color:#fff!important;text-shadow:0 0 12px #fffffff2,0 0 24px,0 2px 8px #000000f2!important}.slots-overlay{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#ffffffc7!important}.slots-modal{color:#0f172a!important;background:#fff!important;border:4px solid #f59e0b!important;box-shadow:0 24px 60px #0f172a38!important}.slots-modal:before{background:radial-gradient(circle,#f59e0b1f 0%,#0000 62%)!important}.slots-modal h3{color:#334155!important;text-shadow:none!important}.slots-modal h1{color:#92400e!important;text-shadow:0 2px #ffffffeb,0 6px 18px #f59e0b47!important}.modal-actions{gap:14px!important}.action-btn{color:#fff!important;text-shadow:0 1px 2px #00000073!important;box-shadow:0 6px 16px #0f172a2e!important}.btn-purple{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important}.btn-green{background:linear-gradient(135deg,#059669,#047857)!important}.btn-red{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.btn-ghost-modal{color:#fff!important;background:#475569!important}.target-line{background:#ef444438!important;border-top:5px solid #ef4444!important;border-bottom:5px solid #ef4444!important;box-shadow:inset 0 0 0 2px #ffffffb8,0 0 22px #ef4444b8,0 0 42px #ef444457!important}.bubble-battle{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:24px;display:flex}.bubble-battle.arena-mode .battle-sidebar{opacity:0;pointer-events:none}@media (width>=960px){.bubble-battle{flex-direction:row;align-items:flex-start}}.battle-sidebar{flex-direction:column;flex:1;gap:20px;min-width:280px;max-width:390px;display:flex}.control-block{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0f2;border-radius:20px;padding:20px;box-shadow:0 18px 40px #0f172a0f,inset 0 1px #ffffffe6}.control-block textarea{box-sizing:border-box;resize:vertical;color:#1e293b;background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;min-height:150px;padding:14px 16px;font-size:.96rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,transform .2s}.control-block textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61f}.primary-btn,.ghost-btn,.file-input{cursor:pointer;border:none;border-radius:999px;padding:11px 18px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.primary-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 12px 24px #6366f138}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #6366f147}.ghost-btn{color:#475569;background:#eef2ff;border:1px solid #dbe4ff}.ghost-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.file-input{color:#fff;background:linear-gradient(135deg,#10b981,#059669);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #10b9813d}.file-input:hover{transform:translateY(-2px);box-shadow:0 16px 28px #10b98147}.battle-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat-card{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.stat-card strong{color:#0f172a;font-size:1.8rem;line-height:1}.status-badge{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.status-badge.state-idle{color:#475569;background:#e2e8f0}.status-badge.state-battle{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);box-shadow:0 10px 20px #ec48992e}.status-badge.state-finished{color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 10px 20px #f59e0b2e}.status-badge.state-meteor{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 12px 24px #ef444442}.empty-state{color:#64748b;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:18px}.name-chip{color:#7c2d12;background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:1px solid #fed7aa;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:700}.battle-stage{--stage-bg:radial-gradient(circle at top, #1e3a8a 0%, #0f172a 35%, #020617 100%);background:var(--stage-bg);isolation:isolate;border-radius:28px;flex:2;min-height:640px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a38,inset 0 1px #ffffff14}.battle-stage.battle-live{box-shadow:0 28px 70px #0f172a47,inset 0 0 0 1px #ffffff0f}.battle-stage.battle-fullscreen{z-index:1000;border-radius:0;max-width:none;min-height:100vh;padding:32px;position:fixed;inset:0}.stage-glow,.stage-grid,.sunburst,.white-flash{pointer-events:none}.stage-glow{filter:blur(18px);opacity:.8;border-radius:999px;position:absolute}.stage-glow-1{background:#38bdf83d;width:320px;height:320px;top:-100px;right:-70px}.stage-glow-2{background:#d946ef33;width:340px;height:340px;bottom:-120px;left:-80px}.stage-grid{opacity:.5;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.spark{background:radial-gradient(circle,#fff 0%,#f9a8d4 35%,#fff0 75%);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 16px #ffffff80}.spark-static{animation:2.4s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.35)}}.arena-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.eyebrow{color:#bfdbfe;text-transform:uppercase;letter-spacing:.14em;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:7px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.arena-header h2{color:#fff;margin:12px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.arena-counter{z-index:2;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a61;border:1px solid #ffffff1a;border-radius:20px;min-width:110px;padding:14px 16px;position:relative}.arena-counter span{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;display:block}.arena-counter strong{color:#fff;margin-top:8px;font-size:2rem;display:block}.arena-counter em{color:#93c5fd;letter-spacing:.08em;margin-top:4px;font-size:.84rem;font-style:normal;font-weight:700;display:block}.bubble{color:#fff;text-align:center;pointer-events:none;will-change:transform, opacity;border:2px solid #ffffff42;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.bubble-shine{opacity:.9;background:radial-gradient(circle,#ffffffd9,#fff0);border-radius:50%;width:28%;height:28%;position:absolute;top:14%;left:18%}.bubble-hp{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:4px;min-width:42px;padding:5px 7px;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #0206175c}.bubble-hp span{letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;text-shadow:0 1px 2px #000c;font-size:.58rem}.bubble-hp strong{text-align:center;color:#fff;text-shadow:0 1px 2px #000000d9;min-width:.8rem;font-size:.78rem;line-height:1}.bubble-effect{border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:6%}.bubble-name{z-index:2;white-space:normal;word-break:break-word;text-shadow:0 2px #000000e6,0 0 10px #020617f2,0 0 18px #020617a6;letter-spacing:.005em;-webkit-line-clamp:2;color:#fff;background:linear-gradient(#0206177a,#0206172e);border-radius:12px;-webkit-box-orient:vertical;max-width:78%;max-height:2.2em;margin-top:18px;padding:7px 9px;font-size:.88rem;font-weight:900;line-height:1.1;display:-webkit-box;position:relative;overflow:hidden;box-shadow:0 6px 18px #02061733}.bubble.hp-2{filter:saturate(.94)brightness(.97)}.bubble.hp-1{filter:saturate(.84)brightness(.88)}.bubble.hp-1 .bubble-hp{background:#7f1d1d9e}.winner-bubble{z-index:20;border-color:#ffffffeb;animation:.8s ease-in-out infinite alternate winnerPulse;box-shadow:0 0 0 10px #fbbf242e,0 0 50px #fbbf24bf,0 0 120px #fbbf2459}.winner-bubble .bubble-name{background:linear-gradient(#0f172ab3,#78350f66)}.winner-bubble .bubble-hp{background:#78350fd1;border-color:#fef08abf}.meteor-strike{z-index:14;width:22px;height:260px;margin-top:-200px;animation:1.8s ease-in forwards meteorFall;position:absolute;transform:translate(-50%)}.meteor-body{background:radial-gradient(circle,#fff7ed 0%,#fb923c 45%,#ef4444 100%);border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:24px;left:50%;box-shadow:0 0 20px #fb923cd9,0 0 40px #ef444466}.meteor-tail{filter:blur(1px);background:linear-gradient(#fb923cf2,#fb923c33,#0000);border-radius:999px;width:10px;height:210px;margin-left:-5px;position:absolute;top:0;left:50%}.meteor-impact{background:radial-gradient(circle,#ffedd5f2,#fb923c94 35%,#ef44442e 60%,#0000 75%);border-radius:50%;width:120px;height:120px;margin-left:-60px;animation:1.8s ease-out forwards impactBlast;position:absolute;bottom:-6px;left:50%}@keyframes meteorFall{0%{opacity:0;transform:translate(-50%)translateY(-260px)rotate(16deg)scale(.8)}12%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(180px)rotate(16deg)scale(1.05)}}@keyframes impactBlast{0%{opacity:.1;transform:scale(.25)}25%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.bubble.eliminating{z-index:5;animation:.9s forwards bubbleExplode}@keyframes bubbleExplode{0%{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1)}35%{opacity:1;filter:brightness(1.8);transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;filter:brightness(2.4);transform:translate(-50%,-50%)scale(.15)}}.start-panel{z-index:4;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.start-panel-content{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a73;border:1px solid #ffffff1f;border-radius:28px;max-width:560px;padding:34px 32px;box-shadow:0 30px 60px #02061757}.start-panel-content h3{color:#fff;margin:16px 0 24px;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.15}.start-battle-btn{text-transform:uppercase;letter-spacing:.08em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#8b5cf6 55%,#06b6d4);border:none;border-radius:999px;padding:18px 34px;font-size:1.08rem;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 16px 34px #a855f759,0 0 30px #f43f5e33}.start-battle-btn:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px #a855f76b,0 0 38px #f43f5e52}.start-battle-btn:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#94a3b8,#64748b)}.battle-overlay{z-index:15;background:#020617d1;flex-direction:column;justify-content:center;align-items:center;padding:28px;animation:.35s ease-out forwards winnerFade;display:flex;position:absolute;inset:0;overflow:hidden auto}.white-flash{z-index:1;background:#fff;animation:.7s ease-out forwards flashOut;position:absolute;inset:0}.sunburst{z-index:2;background:repeating-conic-gradient(#fbbf242e 0deg 11deg,#0000 11deg 22deg);width:240vmin;height:240vmin;margin-top:-120vmin;margin-left:-120vmin;animation:22s linear infinite rotateBurst;position:absolute;top:50%;left:50%}.victory-ring{z-index:3;border:8px solid #fbbf2480;border-radius:50%;width:22vmin;height:22vmin;margin-top:-11vmin;margin-left:-11vmin;animation:1.8s ease-out infinite victoryRing;position:absolute;top:50%;left:50%;box-shadow:0 0 0 14px #fbbf241f,0 0 40px #fbbf2466}.victory-ring-delayed{animation-delay:.7s}.winner-showcase{z-index:4;justify-content:center;align-items:center;width:min(70vmin,420px);height:min(28vmin,180px);margin-bottom:4px;display:flex;position:relative}.winner-orb{text-align:center;background:radial-gradient(circle at 30% 30%,#fffffffa,#fbbf24 34%,#f97316 65%,#0f172afa 100%);border:4px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:min(24vmin,150px);height:min(24vmin,150px);padding:24px;animation:1s ease-in-out infinite alternate winnerOrbPulse;display:flex;position:relative;box-shadow:0 0 0 16px #fbbf241f,0 0 60px #fbbf24a6,0 0 120px #f9731659}.winner-orb-glow{background:radial-gradient(circle,#fef08a66,#fbbf2414 45%,#0000 75%);border-radius:50%;animation:1.8s ease-out infinite winnerOrbHalo;position:absolute;inset:-16%}.winner-orb-name{z-index:2;color:#fff;word-break:break-word;text-shadow:0 2px #000000d9,0 0 14px #0f172acc,0 0 26px #78350f73;max-width:80%;font-size:clamp(1.2rem,3vw,2rem);font-weight:900;line-height:1.05;position:relative}.winner-confetti{background:linear-gradient(#fef08a,#f43f5e);border-radius:999px;width:10px;height:28px;animation:2.4s ease-in infinite confettiFall;position:absolute;top:4%;box-shadow:0 0 12px #ffffff59}.winner-confetti:nth-child(2n){background:linear-gradient(#93c5fd,#8b5cf6)}.winner-confetti:nth-child(3n){background:linear-gradient(#86efac,#10b981)}@keyframes victoryRing{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(4.5)}}@keyframes winnerOrbPulse{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.1)rotate(2deg)}}@keyframes winnerOrbHalo{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-24px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(240px)rotate(240deg)}}.battle-modal{z-index:5;text-align:center;background:linear-gradient(#0f172adb,#1e293bd1);border:1px solid #ffffff24;border-radius:32px;width:min(100%,720px);padding:36px 30px;animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards popUp;position:relative;transform:scale(.82);box-shadow:0 30px 70px #02061775,0 0 60px #fbbf241f}.wheel-style-modal{box-shadow:none;background:0 0;border:none;width:min(100%,1100px);margin-top:-8px;padding-top:8px}.crown{filter:drop-shadow(0 8px 20px #fbbf2459);margin-bottom:10px;font-size:4rem;line-height:1;animation:1.2s ease-in-out infinite crownBounce}.battle-modal h3{color:#cbd5e1;margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:600}.battle-modal h1{color:#fbbf24;text-shadow:0 10px 36px #fbbf2459,0 2px 4px #0000008c;word-break:break-word;margin:14px 0 16px;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.02;animation:1.5s ease-in-out infinite alternate winnerNameGlow}.wheel-style-modal h3{color:#e2e8f0;margin-bottom:8px;font-size:clamp(1.8rem,4vw,3rem)}.wheel-style-modal h1{text-transform:uppercase;margin-bottom:40px;font-size:clamp(3.8rem,11vw,8.6rem)}.battle-modal p{color:#cbd5e1;margin:0 0 28px;font-size:1rem;line-height:1.5}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.winner-actions{max-width:980px;margin:0 auto}.action-btn,.ghost-modal-btn{cursor:pointer;border:none;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.action-btn:hover,.ghost-modal-btn:hover{transform:translateY(-2px)}.btn-purple{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 12px 24px #8b5cf642}.btn-green{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 24px #10b9813d}.btn-red{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 12px 24px #f43f5e3d}.ghost-modal-btn{color:#fff;background:0 0;border:1px solid #ffffff4d}@keyframes crownBounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes winnerNameGlow{0%{text-shadow:0 10px 36px #fbbf2459,0 2px 4px #0000008c}to{text-shadow:0 14px 44px #fbbf24a6,0 0 28px #fef08a73,0 2px 4px #0000008c}}@media (width<=959px){.battle-stage{min-height:560px}.arena-header{flex-direction:column}.arena-counter{min-width:0}}@media (width<=640px){.bubble-battle{gap:16px;padding:16px}.battle-stage{border-radius:24px;min-height:500px;padding:18px}.battle-stage.battle-fullscreen{padding:18px}.winner-showcase{width:100%;height:170px}.winner-orb{width:140px;height:140px}.start-panel-content,.battle-modal{padding:26px 18px}.start-battle-btn,.action-btn,.ghost-modal-btn,.primary-btn,.ghost-btn{justify-content:center;width:100%}.control-actions,.modal-actions{flex-direction:column}}.bubble-battle,.battle-stage,.battle-stage.fullscreen,.battle-sidebar .control-block{color:#0f172a!important;background:#fff!important}.battle-sidebar .control-block,.battle-stage,.bubble-card,.result-card{border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.bubble-battle h1,.bubble-battle h2,.bubble-battle h3,.bubble-battle p,.bubble-battle span,.bubble-battle .empty,.bubble-battle .name-chip{color:#0f172a!important}.bubble-battle textarea,.bubble-battle input,.bubble-battle select{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.bubble,.winner-bubble,.winner-orb{color:#fff!important}.bubble-name,.winner-bubble .bubble-name,.winner-orb-name{color:#fff!important;text-shadow:0 2px #000000fa,0 0 10px #000000f2,0 0 20px #000000a6!important;background:#0f172ab8!important;border:2px solid #ffffffc7!important;box-shadow:0 8px 20px #02061752!important}.bubble-name{font-size:1rem!important;font-weight:900!important;line-height:1.12!important}.bubble.hp-2 .bubble-name{font-size:.94rem!important}.bubble.hp-1 .bubble-name{font-size:.88rem!important}.bubble-hp,.winner-bubble .bubble-hp{background:#0f172ad6!important;border:2px solid #fffc!important}.bubble-hp span,.bubble-hp strong{color:#fff!important;text-shadow:0 1px 3px #000000fa!important}.bubble .bubble-name,.bubble span.bubble-name,.winner-bubble .bubble-name,.winner-orb .winner-orb-name,.bubble .bubble-hp span,.bubble .bubble-hp strong,.winner-bubble .bubble-hp span,.winner-bubble .bubble-hp strong{color:#fff!important}.fruit-ninja{color:#0f172a;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:flex}@media (width>=900px){.fruit-ninja{flex-direction:row;align-items:flex-start}}.ninja-sidebar{flex-direction:column;flex:1;gap:20px;min-width:280px;max-width:400px;display:flex}.control-block{color:#0f172a;background:#fffffff5;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000d}.control-block h3{color:#1e293b;margin:0 0 8px;font-size:1.2rem}.control-block p{color:#64748b;margin:0 0 16px;font-size:.9rem;line-height:1.4}.control-block textarea{resize:vertical;color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px;font-size:.95rem;transition:border-color .2s}.control-block textarea:focus{background:#fff;border-color:#8b5cf6}.control-block textarea::placeholder{color:#94a3b8}.control-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.control-actions button,.control-actions .file-input{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.control-actions .primary{color:#fff;background:#8b5cf6}.control-actions .primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 12px #8b5cf633}.control-actions .ghost{color:#475569;background:0 0;border:1px solid #cbd5e1}.control-actions .ghost:hover{background:#f1f5f9}.file-input{background:linear-gradient(135deg,#fde68a,#fdba74);display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 12px #f59e0b2e;color:#1f2937!important;border:1px solid #f59e0b!important}.file-input:hover{background:linear-gradient(135deg,#fcd34d,#fb923c);transform:translateY(-2px);box-shadow:0 8px 16px #f59e0b3d}.name-list{flex-wrap:wrap;gap:8px;display:flex}.name-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .3s}.empty{color:#64748b;text-align:center;border:2px dashed #cbd5e1;border-radius:12px;padding:20px;font-size:.9rem}.note{color:#64748b;margin-top:12px;font-size:.85rem;line-height:1.45}.ninja-stage{color:#0f172a;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;flex:2;justify-content:center;align-items:center;min-height:500px;transition:all .6s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.ninja-stage.fullscreen{z-index:1000;background:radial-gradient(circle at bottom,#4a3728 0%,#1a120b 100%);border:none;border-radius:0;position:fixed;inset:0}.screen-shake{animation:.6s cubic-bezier(.36,.07,.19,.97) both shake}.entity-container{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.fruit-base{filter:drop-shadow(0 15px 15px #0000004d);justify-content:center;align-items:center;width:120px;height:120px;font-size:5.5rem;line-height:1;display:flex}.bomb-base{background:radial-gradient(circle at 30% 30%,#555 0%,#111 70%,#000 100%);border:3px solid #222;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;padding:12px;display:flex;position:relative;box-shadow:inset -10px -10px 20px #000c,0 20px 30px #00000080}.bomb-base:before{content:"";z-index:-1;background:#8b4513;border-radius:3px;width:14px;height:22px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.bomb-base:after{content:"✨";filter:drop-shadow(0 0 5px #fbbf24);font-size:1.8rem;animation:.2s infinite alternate spark;position:absolute;top:-40px;left:38%}@keyframes spark{0%{opacity:.8;transform:scale(.8)rotate(-15deg)}to{opacity:1;transform:scale(1.3)rotate(15deg)}}.bomb-text{color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 3px 6px #000000e6;word-break:break-word;font-weight:900;line-height:1.1}.sliced-wrapper{width:300px;height:300px;position:absolute;top:-150px;left:-150px}.half{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.half.left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);animation:1.2s ease-out forwards slideLeft}.half.right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);animation:1.2s ease-out forwards slideRight}@keyframes slideLeft{to{opacity:0;filter:blur(3px);transform:translate(-50px)translateY(20px)rotate(-15deg)}}@keyframes slideRight{to{opacity:0;filter:blur(3px);transform:translate(50px)translateY(20px)rotate(15deg)}}.ninja-blade-trail{z-index:100;pointer-events:none;background:#fff;border-radius:10px;width:350px;height:4px;animation:.4s cubic-bezier(.1,.8,.3,1) forwards slashSwipe;position:absolute;top:50%;left:50%;box-shadow:0 0 15px 4px #ffffffe6,0 0 30px 10px #3b82f6cc}@keyframes slashSwipe{0%{opacity:1;transform:translate(-50%,-50%)scaleX(0)}40%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}to{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scaleX(1)}}.ninja-blade-trail.careful{width:200px;height:2px;animation:.3s ease-out forwards carefulSwipe;box-shadow:0 0 10px 2px #ffffffe6,0 0 15px 5px #10b98199}@keyframes carefulSwipe{0%{opacity:.8;transform:translate(-50%,-50%)scaleX(0)}50%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}to{opacity:0;filter:blur(4px);transform:translate(-50%,-50%)scaleX(1)}}.juice-splash{filter:blur(6px);z-index:-1;border-radius:50%;width:20px;height:20px;animation:.8s ease-out forwards splash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes splash{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(12)}}.epic-slash-wrapper{z-index:1000;pointer-events:none;width:0;height:0;position:absolute}.epic-slash{transform-origin:50%;background:#fff;border-radius:20px;width:300vw;height:16px;animation:.5s cubic-bezier(.1,.8,.3,1) forwards epicSlashCut;position:absolute;top:0;left:-150vw;transform:translateY(-50%)scaleX(0);box-shadow:0 0 40px 15px #60a5fa,0 0 80px 30px #fff}@keyframes epicSlashCut{0%{opacity:1;transform:translateY(-50%)scaleX(0)}40%{opacity:1;transform:translateY(-50%)scaleX(1)}to{opacity:0;filter:blur(10px);transform:translateY(-50%)scaleX(1)}}.white-flash{z-index:1500;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.flash-active{animation:2s ease-out .2s forwards epicFlashOut}@keyframes epicFlashOut{0%{opacity:1}to{opacity:0}}.sunburst{z-index:1400;opacity:0;pointer-events:none;background:repeating-conic-gradient(#fbbf2440 0deg 10deg,#0000 10deg 20deg);width:250vmin;height:250vmin;margin-top:-125vmin;margin-left:-125vmin;transition:opacity 1.5s;animation:40s linear infinite rotateBurst;position:absolute;top:50%;left:50%}.sunburst.active{opacity:1;transition-delay:.2s}.draw-btn-container{z-index:10;pointer-events:auto;margin-top:40px}.draw-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;padding:16px 40px;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #10b9814d}.draw-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 12px 25px #10b98166}.draw-btn:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#cbd5e1}.winner-overlay-actions{z-index:2000;opacity:0;pointer-events:auto;flex-direction:column;align-items:center;animation:.5s .8s forwards fadeUp;display:flex;position:absolute;bottom:40px;left:0;right:0}.winner-card{z-index:2000;text-align:center;margin-bottom:25px;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards popUp;position:relative;transform:scale(0)}.winner-card h3{color:#cbd5e1;text-shadow:0 2px 4px #000c;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500}.winner-card h1{color:#fbbf24;text-transform:uppercase;text-shadow:0 10px 40px #fbbf2499,0 4px 15px #000;word-break:break-word;margin:0;padding:0 20px;font-size:clamp(3.5rem,12vw,9rem);font-weight:900;line-height:1.1}.winner-actions{flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;padding:0 20px;display:flex}.winner-actions .action-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:999px;flex:auto;padding:14px 24px;font-size:1.05rem;font-weight:700;transition:all .2s}.winner-actions .btn-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 6px 16px #8b5cf64d}.winner-actions .btn-purple:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf666}.winner-actions .btn-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 16px #10b9814d}.winner-actions .btn-green:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10b98166}.winner-actions .btn-red{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 16px #e11d484d}.winner-actions .btn-red:hover{transform:translateY(-2px);box-shadow:0 10px 20px #e11d4866}.winner-actions .ghost-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:999px;flex:auto;padding:14px 24px;font-size:1.05rem;font-weight:700;transition:all .2s}.winner-actions .ghost-btn:hover{background:#ffffff1a;border-color:#fff}.fruit-ninja,.ninja-stage,.ninja-stage.fullscreen,.ninja-sidebar .control-block{color:#0f172a!important;background:#fff!important}.ninja-sidebar .control-block,.ninja-stage{border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.fruit-ninja h1,.fruit-ninja h2,.fruit-ninja h3,.fruit-ninja p,.fruit-ninja span,.fruit-ninja .note,.fruit-ninja .empty,.fruit-ninja .name-chip{color:#0f172a!important}.fruit-ninja textarea,.fruit-ninja input,.fruit-ninja select,.file-input{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.bomb-text{color:#fff!important;text-shadow:0 2px 8px #000000fa,0 0 2px #000000fa,0 0 14px #ffffff2e!important;opacity:1!important}.bomb-base,.bomb-base .bomb-text,.bomb-base span,.bomb-base div{color:#fff!important}.archery-battle-game{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,sans-serif;display:flex}@media (width>=1024px){.archery-battle-game{flex-direction:row;align-items:flex-start}}.archery-battle-sidebar{z-index:10;flex-direction:column;gap:18px;width:100%;max-width:380px;display:flex;position:relative}.archery-battle-panel{color:#fff7ed;background:linear-gradient(#22160cf5,#110a05fa);border:1px solid #fbbf2429;border-radius:22px;padding:24px;box-shadow:0 20px 40px #0006}.archery-battle-panel h3{color:#fcd34d;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:1.25rem}.archery-battle-panel p,.empty-state{color:#e7d8c4;margin:0 0 16px;font-size:.95rem;line-height:1.6}.archery-battle-panel textarea{box-sizing:border-box;color:#fcd34d;resize:vertical;background:#0a0502cc;border:1px solid #fbbf2440;border-radius:14px;width:100%;min-height:180px;padding:16px;font-size:1rem;transition:all .2s}.archery-battle-panel textarea:focus{border-color:#facc1599;outline:none;box-shadow:0 0 15px #facc1526}.archery-battle-actions{gap:12px;margin-top:16px;display:grid}.primary-btn,.ghost-btn,.file-input,.start-battle-btn,.modal-actions button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:52px;font-size:1rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.primary-btn,.start-battle-btn,.modal-actions button:not(.ghost){color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#f59e0b,#dc2626);box-shadow:0 8px 20px #dc26264d}.ghost-btn,.file-input,.modal-actions button.ghost{color:#fff7ed;background:#ffffff0d;border:1px solid #ffffff26}.primary-btn:hover,.start-battle-btn:hover,.modal-actions button:not(.ghost):hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 25px #dc262680}.ghost-btn:hover,.file-input:hover,.modal-actions button.ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.file-input{position:relative;overflow:hidden}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.archery-battle-name-list{flex-wrap:wrap;gap:8px;display:flex}.archery-battle-name-chip{color:#fef3c7;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.archery-battle-stage{background:linear-gradient(#03060f 0%,#0a0f1e 35%,#1a1008 65%,#0a0503 100%);border:1px solid #ffffff0f;border-radius:28px;flex:1;justify-content:center;align-items:center;min-height:820px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #000000e6,0 24px 72px #0009}.archery-battle-stage.fullscreen{z-index:1000;border-radius:0;min-height:100vh;position:fixed;inset:0}.battle-sky{pointer-events:none;background-image:radial-gradient(1px 1px at 5% 8%,#ffffffe6,#0000),radial-gradient(1px 1px at 15% 22%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 28% 5%,#fffc,#0000),radial-gradient(1px 1px at 42% 18%,#fff9,#0000),radial-gradient(1px 1px at 57% 9%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 68% 25%,#ffffffb3,#0000),radial-gradient(1px 1px at 78% 6%,#fffc,#0000),radial-gradient(1px 1px at 88% 14%,#fff9,#0000),radial-gradient(1px 1px at 93% 30%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 10% 40%,#fff6,#0000),radial-gradient(1px 1px at 35% 35%,#fff9,#0000),radial-gradient(1px 1px at 72% 38%,#ffffff80,#0000),radial-gradient(2px 2px at 22% 12%,#ffdc96cc,#0000),radial-gradient(2px 2px at 85% 20%,#c8dcffb3,#0000);background-repeat:no-repeat;background-size:100% 50%;position:absolute;inset:0}.battle-moon{background:radial-gradient(circle at 35% 35%,#fffbe6,#fde68a 30%,#fbbf24 55%,#92400e 90%);border-radius:50%;width:160px;height:160px;position:absolute;top:50px;right:100px;box-shadow:0 0 60px #fbbf2480,0 0 120px #fbbf2440,0 0 200px #dc262626}.battle-ground{pointer-events:none;background:radial-gradient(at top,#78350f40,#0a0502 65%);height:50%;position:absolute;bottom:-20%;left:-10%;right:-10%}.battle-ground-glow{pointer-events:none;filter:blur(4px);background:linear-gradient(90deg,#0000,#fbbf2426,#dc961e33,#fbbf2426,#0000);border-radius:50%;height:2px;position:absolute;bottom:22%;left:10%;right:10%}.arena-scaler{transform-origin:50%;width:1280px;height:820px;transition:transform .3s;position:absolute}.arena-scaler.shake{animation:.18s cubic-bezier(.36,.07,.19,.97) both epic-shake}@keyframes epic-shake{0%,to{transform:translate(0,0) scale(var(--arena-scale,1))}20%,80%{transform:translate(-3px, 2px) scale(var(--arena-scale,1))}50%{transform:translate(3px, -2px) scale(var(--arena-scale,1))}}.archer-unit{z-index:5;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s;display:flex;position:absolute;transform:translate(-50%,-100%)}.archer-sprite{flex-direction:column;justify-content:flex-end;align-items:center;width:54px;height:76px;transition:transform .2s,filter .2s;display:flex;position:relative}.archer-hood{z-index:2;background:linear-gradient(160deg,#243447,#0f172a);border:2px solid #334155;border-radius:50% 50% 6px 6px;width:34px;height:34px;position:relative;box-shadow:inset 0 -4px 10px #000000b3}.archer-eyes{justify-content:space-between;display:flex;position:absolute;top:12px;left:6px;right:6px}.archer-eye{background:#fbbf24;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #fbbf24,0 0 16px #f59e0b,0 0 3px #fff}.archer-cloak{z-index:1;background:linear-gradient(#1e293b,#0f172a);border:2px solid #1e3a5f;border-radius:16px 16px 4px 4px;width:46px;height:40px;margin-top:-6px;box-shadow:inset 0 -10px 12px #0009,0 12px 12px #0009}.archer-bow{z-index:3;border:4px solid #92400e;border-radius:50%;width:26px;height:58px;transition:filter .15s;position:absolute;top:6px;box-shadow:0 0 8px #00000080,0 0 4px #fbbf2433}.archer-sprite.right .archer-bow{border-left-color:#0000;right:-14px}.archer-sprite.left .archer-bow{border-right-color:#0000;left:-14px}.archer-label{color:#f5e9d0;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 4px #000000e6;background:#000000c7;border:1.5px solid #ffffff2e;border-radius:999px;padding:7px 18px;font-size:1.15rem;font-weight:800;transition:opacity .3s,color .3s,transform .3s;box-shadow:0 3px 12px #000000b3,0 0 0 1px #00000080}.archer-unit.active .archer-sprite{filter:drop-shadow(0 0 18px #facc15b3);transform:scale(1.12)}.archer-unit.active .archer-bow{filter:brightness(1.6)drop-shadow(0 0 6px #fbbf24e6)}.archer-unit.targeted .archer-sprite{filter:drop-shadow(0 0 10px #dc262680)}.archer-unit.shooting .archer-sprite{animation:.18s recoil}@keyframes recoil{0%{transform:translate(0)scale(1.12)}40%{transform:translateX(var(--recoil-dir)) scale(1.08)}to{transform:translate(0)scale(1.12)}}.archer-sprite.left{--recoil-dir:10px}.archer-sprite.right{--recoil-dir:-10px}.archer-unit.hit .archer-sprite{animation:.25s both damage-flash}@keyframes damage-flash{0%{filter:brightness()}30%{filter:brightness(4)saturate(0)sepia()hue-rotate(-20deg)drop-shadow(0 0 25px #f30);transform:scale(1.15)rotate(-4deg)}to{filter:brightness();transform:scale(1)}}.archer-unit.eliminated{z-index:2;pointer-events:none}.archer-unit.eliminated .archer-sprite{opacity:.45;transition:none;transform:rotate(88deg)translate(18px,22px)scale(.8);filter:grayscale()brightness(.2)!important;animation:none!important}.archer-unit.eliminated .archer-label{opacity:.18;color:#555;font-size:.85rem}.archer-unit.winner .archer-sprite{transform:scale(1.5);filter:drop-shadow(0 0 50px #facc15e6)drop-shadow(0 0 20px #ffc80099)!important;animation:1.2s ease-in-out infinite winner-pulse!important}@keyframes winner-pulse{0%,to{filter:drop-shadow(0 0 40px #facc15e6);transform:scale(1.5)}50%{filter:drop-shadow(0 0 70px #facc15)drop-shadow(0 0 30px #ffa000cc);transform:scale(1.65)}}.archer-unit.winner .archer-label{color:#fbbf24;border-color:#fbbf2499;font-size:1.3rem;box-shadow:0 0 24px #fbbf2473}.archer-hp{display:none}.arrow-paths-bg{pointer-events:none;z-index:4;position:absolute;inset:0}.arrow-trace-bg{fill:none;stroke-width:1.5px;stroke-dasharray:4 14;stroke:#ffffff0a}.arrow-entity{offset-path:path(var(--flight-path));width:54px;height:10px;animation:fly var(--flight-duration) linear forwards;z-index:10;pointer-events:none;margin-top:-5px;margin-left:-27px;position:absolute;top:0;left:0}@keyframes fly{0%{offset-distance:0%;opacity:0;transform:scale(.4)}6%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(.6)}}.arrow-graphics{filter:drop-shadow(0 0 6px #fbbf24e6)drop-shadow(0 0 14px #fbbf2466);align-items:center;width:100%;height:100%;display:flex;position:relative}.arrow-entity.miss .arrow-graphics{filter:drop-shadow(0 0 5px #c85028b3)}.a-shaft{background:linear-gradient(90deg,#b45309,#fde68a,#fbbf24);border-radius:2px;flex:1;height:3px}.a-head{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:12px solid #fff5e0;width:0;height:0}.a-feather{clip-path:polygon(0 0,100% 50%,0 100%);z-index:1;background:linear-gradient(90deg,#dc2626,#ef4444);width:13px;height:9px;margin-right:-4px}.impact-spark{z-index:20;pointer-events:none;animation:.45s cubic-bezier(.2,.8,.3,1) forwards spark-burst;position:absolute;transform:translate(-50%,-50%)}@keyframes spark-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.death-explosion{z-index:20;pointer-events:none;animation:.7s cubic-bezier(.15,.9,.25,1) forwards death-burst;position:absolute;transform:translate(-50%,-50%)}@keyframes death-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.6)rotate(20deg)}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)rotate(40deg)}}.battle-header{text-align:center;z-index:4;color:#fff;text-shadow:0 4px 10px #000c;position:absolute;top:40px;left:50%;transform:translate(-50%)}.battle-kicker{color:#fca5a5;text-transform:uppercase;letter-spacing:.1em;background:#dc262633;border:1px solid #ef444466;border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:800;display:inline-block}.battle-header h2{background:linear-gradient(#fff,#fcd34d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:12px 0 8px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.battle-header p{color:#d1d5db;font-size:1.1rem}.battle-start-actions{z-index:20;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.start-battle-btn{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;min-height:64px;padding:0 40px;font-size:1.2rem}.start-battle-btn:disabled{opacity:.5;filter:grayscale();cursor:not-allowed}.battle-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;animation:.5s forwards fade-in;display:flex;position:absolute;inset:0}.battle-modal{text-align:center;background:linear-gradient(#291b12 0%,#110905 100%);border:2px solid #facc1566;border-radius:32px;width:min(720px,100% - 32px);padding:48px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards modal-pop;box-shadow:0 0 100px #facc1533,0 40px 100px #000c}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.battle-crown{filter:drop-shadow(0 10px 20px #00000080);margin-bottom:12px;font-size:5rem}.battle-modal h3{color:#fcd34d;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:1.5rem}.battle-modal h1{background:linear-gradient(#fff,#fbbf24);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #fbbf244d);-webkit-background-clip:text;margin:16px 0 40px;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1}.modal-actions{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.archery-battle-game{padding:12px}.archery-battle-stage{border-radius:0;min-height:100vh}.battle-moon{width:90px;height:90px;top:30px;right:30px}.modal-actions{grid-template-columns:1fr}.archer-label{font-size:1rem}}.archery-battle-game,.archery-battle-stage,.archery-battle-stage.fullscreen{color:#0f172a!important;background:#f8fbff!important}.archery-battle-panel,.battle-modal{color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important;box-shadow:0 10px 28px #0f172a14!important}.archery-battle-panel h3,.archery-battle-panel p,.empty-state,.archery-battle-name-chip,.battle-header,.battle-header h2,.battle-header p,.battle-kicker{color:#0f172a!important}.archery-battle-panel textarea,.ghost-btn,.file-input,.modal-actions button.ghost{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.archery-battle-stage,.archery-battle-stage.fullscreen{background:radial-gradient(circle at 18% 16%,#fffffff2 0 8%,#0000 8.5%),radial-gradient(circle at 30% 12%,#f1f5f9eb 0 7%,#0000 7.5%),radial-gradient(circle at 48% 18%,#fffffff5 0 9%,#0000 9.5%),radial-gradient(circle at 66% 14%,#f8fafcf0 0 8%,#0000 8.5%),radial-gradient(circle at 82% 20%,#fffffff2 0 7%,#0000 7.5%),linear-gradient(#f7fbff 0%,#ebf5ff 52%,#dfeffb 100%)!important;border:2px solid #cbd5e1!important;box-shadow:inset 0 0 0 1px #ffffffeb,0 18px 40px #0f172a1f!important}.battle-sky{opacity:.95!important;background-image:radial-gradient(circle at 12% 18%,#ffffffeb 0 34px,#0000 35px),radial-gradient(circle at 18% 20%,#f1f5f9e6 0 28px,#0000 29px),radial-gradient(circle at 24% 17%,#ffffffe6 0 30px,#0000 31px),radial-gradient(circle at 58% 12%,#fffffff0 0 38px,#0000 39px),radial-gradient(circle at 65% 15%,#f1f5f9e6 0 30px,#0000 31px),radial-gradient(circle at 72% 12%,#ffffffeb 0 34px,#0000 35px),radial-gradient(circle at 84% 24%,#ffffffe6 0 26px,#0000 27px),radial-gradient(circle at 89% 22%,#f1f5f9e0 0 22px,#0000 23px)!important;background-repeat:no-repeat!important}.battle-moon{background:radial-gradient(circle at 35% 35%,#fff,#f8fafc 62%,#e2e8f0 100%)!important;box-shadow:0 0 26px #ffffffbf,0 0 60px #e2e8f099!important}.battle-ground{background:linear-gradient(#cbd5e114 0%,#cbd5e133 20%,#e2e8f0d1 60%,#cbd5e1f5 100%)!important}.battle-ground-glow{filter:blur(6px)!important;background:linear-gradient(90deg,#0000,#ffffffb8,#e2e8f0eb,#ffffffb8,#0000)!important}.archer-label{color:#0f172a!important;text-shadow:none!important;background:#fffffff5!important;border:2px solid #cbd5e1!important;box-shadow:0 4px 14px #0f172a24!important}.archer-unit.active .archer-label{color:#92400e!important;border-color:#f59e0b!important;box-shadow:0 0 18px #f59e0b47,0 4px 14px #0f172a24!important}.archer-unit.targeted .archer-label{color:#b91c1c!important;border-color:#f87171!important}.archer-unit.winner .archer-label{color:#92400e!important;background:#fff7ed!important;border-color:#fbbf24!important}.battle-header{color:#0f172a!important;text-shadow:0 2px 8px #ffffffbf!important}.battle-header h2{background:0 0!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#0f172a!important}.battle-header p,.battle-kicker{color:#334155!important}.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%}}.logout-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0 10px;font-size:1.5rem;display:flex}.admin-login-page{justify-content:center;align-items:center;height:60vh;display:flex}.admin-card{background:var(--card-bg,#fff);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 25px #0000001a}.admin-card h2{color:var(--primary-color);margin-bottom:1.5rem}.admin-card form{flex-direction:column;gap:1rem;display:flex}.admin-card input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-color);color:var(--text-color);border-radius:10px;outline:none;padding:1rem;font-size:1.1rem}.admin-card button{background:var(--btn-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:1rem;font-size:1.1rem;font-weight:700}@media (prefers-color-scheme:dark){.admin-card{background:#1e293b}}