.linear-function-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.point-label{font-size:.7rem;font-weight:600;padding:.125rem .375rem;background:#0f172af2;border-radius:.25rem;white-space:nowrap}.point-label.y-int{color:#2ecc71;border:1px solid rgba(46,204,113,.5)}.point-label.x-int{color:#e74c3c;border:1px solid rgba(231,76,60,.5)}.triangle-label{font-size:.65rem;font-weight:600;color:#f39c12;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem}.animated-point-label{font-size:.65rem;color:#f39c12;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.line-equation-label{font-size:.8rem;font-weight:600;color:#e2e8f0;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:2px solid;font-family:Roboto Mono,monospace}.intersection-label{font-size:.65rem;font-weight:600;color:#9b59b6;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem;border:1px solid rgba(155,89,182,.5)}.linear-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(52,152,219,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.linear-info-panel::-webkit-scrollbar{width:4px}.linear-info-panel::-webkit-scrollbar-thumb{background:#3498db80;border-radius:2px}.linear-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.linear-info-panel h2 svg{color:#3498db}.formula{font-size:1.25rem;font-family:Roboto Mono,monospace;color:#3498db;text-align:center;padding:.5rem;background:#3498db1a;border-radius:.375rem;margin-bottom:.5rem}.formula-desc{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:#94a3b8}.current-line-info{padding:.75rem;background:#3498db1a;border:2px solid;border-radius:.5rem;margin-bottom:1rem}.current-line-info h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.line-equation{font-size:1rem;font-weight:700;font-family:Roboto Mono,monospace;text-align:center;margin-bottom:.5rem}.line-props{display:flex;flex-direction:column;gap:.25rem}.prop-row{display:flex;justify-content:space-between;font-size:.7rem}.prop-row span:first-child{color:#94a3b8}.prop-row span:last-child{font-family:Roboto Mono,monospace;color:#e2e8f0}.y-int-value{color:#2ecc71!important}.x-int-value{color:#e74c3c!important}.gradient-meaning{padding:.75rem;background:#ffffff08;border-radius:.5rem}.gradient-meaning h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.gradient-indicator{font-size:.85rem;font-weight:600;padding:.375rem;border-radius:.375rem;text-align:center}.gradient-indicator.positive{background:#2ecc7126;color:#2ecc71}.gradient-indicator.negative{background:#e74c3c26;color:#e74c3c}.gradient-indicator.zero{background:#f1c40f26;color:#f1c40f}.line-selector{display:flex;flex-wrap:wrap;gap:.5rem}.line-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:2px solid;border-radius:.5rem;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.line-btn:hover,.line-btn.active{color:#fff}.line-btn.add-btn{border-color:#2ecc7180;color:#2ecc71}.line-btn.add-btn:hover{background:#2ecc7133}.line-btn.delete-btn{border-color:#e74c3c80;color:#e74c3c}.line-btn.delete-btn:hover{background:#e74c3c33}.slider-group input[type=range]{width:100%;height:6px;background:#3498db33;border-radius:3px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;cursor:pointer}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.linear-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.linear-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.parabola-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.tick-label{font-size:.65rem;color:#64748b;font-family:Roboto Mono,monospace}.vertex-label{font-size:.7rem;font-weight:600;color:#2ecc71;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(46,204,113,.5);white-space:nowrap}.axis-symmetry-label{font-size:.65rem;font-weight:600;color:#9b59b6;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem}.root-label{font-size:.65rem;font-weight:600;color:#f39c12;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.y-int-label{font-size:.6rem;color:#3498db;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem}.equation-label{font-size:.8rem;font-weight:600;color:#e2e8f0;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:2px solid;font-family:Roboto Mono,monospace}.parabola-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(231,76,60,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parabola-info-panel::-webkit-scrollbar{width:4px}.parabola-info-panel::-webkit-scrollbar-thumb{background:#e74c3c80;border-radius:2px}.parabola-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.parabola-info-panel h2 svg{color:#e74c3c}.formula-section{padding:.75rem;background:#ffffff08;border-radius:.5rem;margin-bottom:1rem}.formula-section h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.formula{font-size:1.25rem;font-family:Roboto Mono,monospace;color:#e74c3c;text-align:center;padding:.5rem;background:#e74c3c1a;border-radius:.375rem}.current-equation{padding:.75rem;background:#e74c3c1a;border:2px solid;border-radius:.5rem;margin-bottom:1rem}.current-equation h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.equation-display{font-size:1rem;font-weight:700;font-family:Roboto Mono,monospace;text-align:center}.calculation-box{padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:.5rem;margin-bottom:1rem}.calculation-box h4{font-size:.8rem;color:#e74c3c;margin:0 0 .5rem}.calc-row{display:flex;justify-content:space-between;font-size:.7rem;padding:.25rem 0;border-bottom:1px solid rgba(231,76,60,.1)}.calc-row span:first-child{color:#94a3b8}.calc-row span:last-child{font-family:Roboto Mono,monospace;color:#e2e8f0}.calc-row .vertex-value{color:#2ecc71;font-weight:600}.calc-row .positive{color:#2ecc71}.calc-row .negative{color:#e74c3c}.calc-row .zero{color:#f39c12}.direction-indicator{padding:.75rem;background:#ffffff08;border-radius:.5rem}.direction-indicator h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.direction{font-size:.85rem;font-weight:600;padding:.375rem;border-radius:.375rem;text-align:center}.direction.up{background:#e74c3c26;color:#e74c3c}.direction.down{background:#3498db26;color:#3498db}.slider-group input[type=range]{width:100%;height:6px;background:#e74c3c33;border-radius:3px;outline:none;cursor:pointer;appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;cursor:pointer}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.parabola-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.parabola-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.unit-circle-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.unit-label{font-size:.6rem;color:#64748b;font-family:Roboto Mono,monospace}.unit-label.origin{color:#94a3b8;font-weight:600}.coord-label{font-size:.7rem;font-weight:600;color:#f39c12;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(243,156,18,.5);font-family:Roboto Mono,monospace;white-space:nowrap}.angle-label{font-size:.75rem;font-weight:700;color:#f39c12;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem}.sin-label{font-size:.65rem;font-weight:600;color:#e74c3c;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.cos-label{font-size:.65rem;font-weight:600;color:#2ecc71;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.tan-label{font-size:.65rem;font-weight:600;color:#9b59b6;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.quadrant-label{font-size:.7rem;font-weight:600;color:#94a3b8;background:#0f172ae6;padding:.25rem .5rem;border-radius:.25rem}.unit-circle-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:260px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(52,152,219,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unit-circle-info-panel::-webkit-scrollbar{width:4px}.unit-circle-info-panel::-webkit-scrollbar-thumb{background:#3498db80;border-radius:2px}.unit-circle-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.unit-circle-info-panel h2 svg{color:#3498db}.angle-display{padding:.75rem;background:#f39c1226;border:1px solid rgba(243,156,18,.3);border-radius:.5rem;margin-bottom:1rem;text-align:center}.angle-display h4{font-size:.8rem;color:#f39c12;margin:0 0 .375rem}.angle-value{font-size:1.1rem;font-weight:700;color:#f39c12;font-family:Roboto Mono,monospace}.trig-values{padding:.75rem;background:#ffffff08;border-radius:.5rem;margin-bottom:1rem}.trig-values h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.trig-row{display:flex;justify-content:space-between;font-size:.8rem;padding:.375rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:Roboto Mono,monospace}.trig-row:last-child{border-bottom:none}.trig-row.sin span:first-child{color:#e74c3c}.trig-row.sin span:last-child{color:#e74c3c;font-weight:600}.trig-row.cos span:first-child{color:#2ecc71}.trig-row.cos span:last-child{color:#2ecc71;font-weight:600}.trig-row.tan span:first-child{color:#9b59b6}.trig-row.tan span:last-child{color:#9b59b6;font-weight:600}.identity-box{padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem;margin-bottom:1rem;text-align:center}.identity-box h4{font-size:.8rem;color:#3498db;margin:0 0 .375rem}.identity{font-size:.9rem;font-weight:600;color:#3498db;font-family:Roboto Mono,monospace}.identity-check{font-size:.7rem;color:#2ecc71;margin-top:.25rem}.legend-item .dot.sin{background:#e74c3c}.legend-item .dot.cos{background:#2ecc71}.legend-item .dot.tan{background:#9b59b6}.angle-slider-display{font-size:2rem;font-weight:700;color:#f39c12;text-align:center;margin-bottom:.5rem;font-family:Roboto Mono,monospace}.angle-slider{width:100%;height:8px;background:linear-gradient(to right,#3498db,#9b59b6,#e74c3c,#f39c12,#2ecc71,#3498db);border-radius:4px;outline:none;cursor:pointer;appearance:none;margin-bottom:1rem}.angle-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#f39c12;border-radius:50%;cursor:pointer;border:3px solid #fff}.special-angles h4{font-size:.75rem;color:#94a3b8;margin:0 0 .5rem}.angle-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.angle-buttons button{padding:.375rem .5rem;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:.375rem;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .2s}.angle-buttons button:hover{background:#3498db33;color:#fff}.angle-buttons button.active{background:#f39c124d;border-color:#f39c12;color:#f39c12}.learn-card p{font-size:.75rem;color:#94a3b8;line-height:1.5;margin:0}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.unit-circle-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.unit-circle-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.derivative-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.back-btn-3d{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0f172ae6;border:1px solid rgba(52,152,219,.5);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-3d:hover{border-color:#3498db;color:#fff;transform:scale(1.05)}.header-3d{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(52,152,219,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-3d h1 svg{color:#3498db}.mode-tabs button.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#3498db33;border:1px solid rgba(52,152,219,.4);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn.active{background:#3498db66;color:#fff}.slope-label{font-size:.7rem;font-weight:700;color:#f39c12;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(243,156,18,.5)}.derivative-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:260px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(52,152,219,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.derivative-info-panel::-webkit-scrollbar{width:4px}.derivative-info-panel::-webkit-scrollbar-thumb{background:#3498db80;border-radius:2px}.derivative-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.derivative-info-panel h2 svg{color:#3498db}.function-display{padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem;margin-bottom:1rem}.func-value{font-size:1rem;font-weight:700;font-family:Roboto Mono,monospace}.func-value.main{color:#3498db}.func-value.deriv{color:#e74c3c}.interpretation{padding:.75rem;background:#ffffff08;border-radius:.5rem;margin-bottom:1rem}.interpretation h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.interpretation p{font-size:.75rem;color:#94a3b8;line-height:1.5;margin:0 0 .5rem}.interpretation strong{color:#f39c12}.slope-indicator{font-size:.8rem;font-weight:600;padding:.375rem;border-radius:.375rem;text-align:center}.slope-indicator.positive{background:#2ecc7126;color:#2ecc71}.slope-indicator.negative{background:#e74c3c26;color:#e74c3c}.slope-indicator.zero{background:#f1c40f26;color:#f1c40f}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#94a3b8;margin-bottom:.25rem}.legend-item .dot.main{background:#3498db}.legend-item .dot.deriv{background:#e74c3c}.legend-item .dot.tangent{background:#f39c12}.control-panel-3d{position:absolute;top:5rem;right:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(52,152,219,.3);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel-3d::-webkit-scrollbar-thumb{background:#3498db80;border-radius:2px}.panel-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(52,152,219,.2)}.function-buttons button{padding:.5rem .75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:.5rem;color:#94a3b8;font-size:.8rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .2s}.function-buttons button:hover{background:#3498db33;color:#fff}.function-buttons button.active{background:#3498db66;border-color:#3498db;color:#fff}.panel-section input[type=range]{width:100%;height:6px;background:linear-gradient(to right,#e74c3c,#3498db,#2ecc71);border-radius:3px;outline:none;cursor:pointer;appearance:none}.panel-section input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#f39c12;border-radius:50%;cursor:pointer;border:3px solid #fff}.toggle-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#3498DB;cursor:pointer}.challenge-header h3{margin:0;color:#3498db}.score-display{font-size:.875rem;font-weight:700;color:#3498db;background:#3498db26;padding:.375rem .75rem;border-radius:1rem}.challenge-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem;color:#e2e8f0;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option:hover:not(:disabled){background:#3498db33;border-color:#3498db66}.next-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.challenge-complete button{padding:.5rem 1.5rem;background:#3498db4d;border:1px solid #3498DB;border-radius:.5rem;color:#fff;cursor:pointer}.learn-card{padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem}.learn-card h4{font-size:.8rem;color:#3498db;margin:0 0 .5rem}.tip-section{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem}.tip-section svg{color:#3498db;flex-shrink:0;margin-top:2px}.info-modal-3d{width:100%;max-width:550px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(52,152,219,.4);border-radius:1.5rem}.info-modal-3d .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(52,152,219,.2);position:sticky;top:0;background:inherit}.info-modal-3d .modal-header h2 svg{color:#3498db}.info-modal-3d section h3{font-size:1rem;color:#3498db;margin:0 0 .75rem}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.derivative-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.derivative-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.integration-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.back-btn-3d{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0f172ae6;border:1px solid rgba(46,204,113,.5);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-3d:hover{border-color:#2ecc71;color:#fff;transform:scale(1.05)}.header-3d{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(46,204,113,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-3d h1 svg{color:#2ecc71}.mode-tabs button.active{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#2ecc7133;border:1px solid rgba(46,204,113,.4);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn.active{background:#2ecc7166;color:#fff}.bound-label{font-size:.7rem;font-weight:600;color:#f39c12;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem;font-family:Roboto Mono,monospace}.integration-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:260px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(46,204,113,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.integration-info-panel::-webkit-scrollbar{width:4px}.integration-info-panel::-webkit-scrollbar-thumb{background:#2ecc7180;border-radius:2px}.integration-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.integration-info-panel h2 svg{color:#2ecc71}.function-display{padding:.75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.2);border-radius:.5rem;margin-bottom:1rem}.func-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.func-label{font-size:.8rem;color:#94a3b8;font-family:Roboto Mono,monospace}.func-value{font-size:.9rem;font-weight:600;font-family:Roboto Mono,monospace;color:#3498db}.func-value.integral{color:#2ecc71}.integral-display{padding:.75rem;background:#2ecc7126;border:1px solid rgba(46,204,113,.3);border-radius:.5rem;margin-bottom:1rem;text-align:center}.integral-display h4{font-size:.8rem;color:#2ecc71;margin:0 0 .5rem}.integral-notation{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:1.1rem;color:#e2e8f0;font-family:Roboto Mono,monospace}.integral-sign{font-size:1.5rem;color:#2ecc71}.bounds{display:flex;flex-direction:column;font-size:.6rem;color:#f39c12}.area-result{padding:.75rem;background:#ffffff08;border-radius:.5rem;margin-bottom:1rem}.area-result h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.result-row{display:flex;justify-content:space-between;font-size:.75rem;padding:.25rem 0;font-family:Roboto Mono,monospace}.result-row span:first-child{color:#94a3b8}.result-row .exact{color:#2ecc71;font-weight:600}.result-row .riemann{color:#3498db;font-weight:600}.result-row .error{color:#e74c3c}.interpretation{padding:.75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.2);border-radius:.5rem}.interpretation p{font-size:.7rem;color:#94a3b8;margin:0 0 .5rem;line-height:1.4}.accuracy-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.25rem}.accuracy-fill{height:100%;background:linear-gradient(to right,#e74c3c,#f39c12,#2ecc71);border-radius:3px;transition:width .3s}.accuracy-label{font-size:.65rem;color:#2ecc71}.control-panel-3d{position:absolute;top:5rem;right:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(46,204,113,.3);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel-3d::-webkit-scrollbar-thumb{background:#2ecc7180;border-radius:2px}.panel-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(46,204,113,.2)}.function-buttons button{padding:.5rem .75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:.5rem;color:#94a3b8;font-size:.8rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .2s}.function-buttons button:hover{background:#2ecc7133;color:#fff}.function-buttons button.active{background:#2ecc7166;border-color:#2ecc71;color:#fff}.panel-section input[type=range]{width:100%;height:6px;background:#2ecc7133;border-radius:3px;outline:none;cursor:pointer;appearance:none}.panel-section input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;cursor:pointer;border:3px solid #fff}.toggle-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;cursor:pointer}.toggle-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#2ECC71;cursor:pointer}.challenge-header h3{margin:0;color:#2ecc71}.score-display{font-size:.875rem;font-weight:700;color:#2ecc71;background:#2ecc7126;padding:.375rem .75rem;border-radius:1rem}.challenge-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.2);border-radius:.5rem;color:#e2e8f0;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option:hover:not(:disabled){background:#2ecc7133;border-color:#2ecc7166}.next-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.challenge-complete button{padding:.5rem 1.5rem;background:#2ecc714d;border:1px solid #2ECC71;border-radius:.5rem;color:#fff;cursor:pointer}.learn-card{padding:.75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.2);border-radius:.5rem}.learn-card h4{font-size:.8rem;color:#2ecc71;margin:0 0 .5rem}.tip-section{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.2);border-radius:.5rem}.tip-section svg{color:#2ecc71;flex-shrink:0;margin-top:2px}.info-modal-3d{width:100%;max-width:550px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(46,204,113,.4);border-radius:1.5rem}.info-modal-3d .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(46,204,113,.2);position:sticky;top:0;background:inherit}.info-modal-3d .modal-header h2 svg{color:#2ecc71}.info-modal-3d section h3{font-size:1rem;color:#2ecc71;margin:0 0 .75rem}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.integration-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.integration-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.exponential-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.back-btn-3d{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0f172ae6;border:1px solid rgba(231,76,60,.5);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-3d:hover{border-color:#e74c3c;color:#fff;transform:scale(1.05)}.header-3d{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(231,76,60,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-3d h1 svg{color:#e74c3c}.mode-tabs button.active{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn.active{background:#e74c3c66;color:#fff}.point-label{font-size:.65rem;font-weight:600;color:#f39c12;background:#0f172ae6;padding:.125rem .375rem;border-radius:.25rem;font-family:Roboto Mono,monospace;white-space:nowrap}.special-point-label{font-size:.6rem;font-weight:600;color:#2ecc71;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem}.e-label{font-size:.6rem;color:#3498db;background:#0f172ae6;padding:.125rem .25rem;border-radius:.25rem}.exponential-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:260px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(231,76,60,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exponential-info-panel::-webkit-scrollbar{width:4px}.exponential-info-panel::-webkit-scrollbar-thumb{background:#e74c3c80;border-radius:2px}.exponential-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.exponential-info-panel h2 svg{color:#e74c3c}.function-display{padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:.5rem;margin-bottom:1rem;text-align:center}.current-func{font-size:1.25rem;font-weight:700;color:#e74c3c;font-family:Roboto Mono,monospace;margin-bottom:.25rem}.func-desc{font-size:.7rem;color:#94a3b8}.point-info{padding:.75rem;background:#f39c121a;border:1px solid rgba(243,156,18,.2);border-radius:.5rem;margin-bottom:1rem}.point-info h4{font-size:.8rem;color:#f39c12;margin:0 0 .5rem}.info-row{display:flex;justify-content:space-between;font-size:.75rem;padding:.25rem 0;font-family:Roboto Mono,monospace}.info-row span:first-child{color:#94a3b8}.info-row span:last-child{color:#e2e8f0}.info-row.highlight span:last-child{color:#f39c12;font-weight:700;font-size:.85rem}.constant-box{padding:.75rem;background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:.5rem;margin-bottom:1rem;text-align:center}.constant-box h4{font-size:.8rem;color:#3498db;margin:0 0 .375rem}.e-value{font-size:1.1rem;font-weight:700;color:#3498db;font-family:Roboto Mono,monospace}.constant-box p{font-size:.65rem;color:#94a3b8;margin:.25rem 0 0}.properties{padding:.75rem;background:#ffffff08;border-radius:.5rem}.properties h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.properties ul{margin:0;padding-left:1rem}.properties li{font-size:.7rem;color:#94a3b8;line-height:1.6;font-family:Roboto Mono,monospace}.control-panel-3d{position:absolute;top:5rem;right:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(231,76,60,.3);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel-3d::-webkit-scrollbar-thumb{background:#e74c3c80;border-radius:2px}.panel-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(231,76,60,.2)}.function-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.function-buttons button{padding:.5rem .75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:.5rem;color:#94a3b8;font-size:.8rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .2s}.function-buttons button:hover{background:#e74c3c33;color:#fff}.function-buttons button.active{background:#e74c3c66;border-color:#e74c3c;color:#fff}.panel-section input[type=range]{width:100%;height:6px;background:#e74c3c33;border-radius:3px;outline:none;cursor:pointer;appearance:none}.panel-section input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;cursor:pointer;border:3px solid #fff}.toggle-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;cursor:pointer}.toggle-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#E74C3C;cursor:pointer}.toggle-group span{font-size:.8rem;color:#e2e8f0}.challenge-header h3{margin:0;color:#e74c3c}.score-display{font-size:.875rem;font-weight:700;color:#e74c3c;background:#e74c3c26;padding:.375rem .75rem;border-radius:1rem}.challenge-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:.5rem;color:#e2e8f0;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option:hover:not(:disabled){background:#e74c3c33;border-color:#e74c3c66}.next-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.challenge-complete button{padding:.5rem 1.5rem;background:#e74c3c4d;border:1px solid #E74C3C;border-radius:.5rem;color:#fff;cursor:pointer}.learn-card{padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:.5rem}.learn-card h4{font-size:.8rem;color:#e74c3c;margin:0 0 .5rem}.tip-section{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:.5rem}.tip-section svg{color:#e74c3c;flex-shrink:0;margin-top:2px}.info-modal-3d{width:100%;max-width:550px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(231,76,60,.4);border-radius:1.5rem}.info-modal-3d .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(231,76,60,.2);position:sticky;top:0;background:inherit}.info-modal-3d .modal-header h2 svg{color:#e74c3c}.info-modal-3d section h3{font-size:1rem;color:#e74c3c;margin:0 0 .75rem}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.exponential-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.exponential-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.system-equations-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.back-btn-3d{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0f172ae6;border:1px solid rgba(155,89,182,.5);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-3d:hover{border-color:#9b59b6;color:#fff;transform:scale(1.05)}.header-3d{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(155,89,182,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-3d h1{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#fff;margin:0}.header-3d h1 svg{color:#9b59b6}.mode-tabs button{padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .2s}.mode-tabs button.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#9b59b633;border:1px solid rgba(155,89,182,.4);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn.active{background:#9b59b666;color:#fff}.axis-label{font-size:1rem;font-weight:700;color:#e2e8f0;text-shadow:0 0 10px rgba(0,0,0,.8)}.tick-label{font-size:.6rem;color:#64748b;font-family:Roboto Mono,monospace}.tick-label.origin{color:#94a3b8;font-weight:600}.equation-label{font-size:.7rem;font-weight:600;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:2px solid;font-family:Roboto Mono,monospace;white-space:nowrap}.intersection-label{font-size:.7rem;font-weight:600;color:#f39c12;background:#0f172af2;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(243,156,18,.5);font-family:Roboto Mono,monospace;white-space:nowrap}.system-info-panel{position:absolute;top:5rem;left:1rem;z-index:100;width:260px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(155,89,182,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-info-panel::-webkit-scrollbar{width:4px}.system-info-panel::-webkit-scrollbar-thumb{background:#9b59b680;border-radius:2px}.system-info-panel h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff;margin:0 0 1rem}.system-info-panel h2 svg{color:#9b59b6}.equations-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.eq-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff08;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s}.eq-item:hover{background:#ffffff0d}.eq-item.active{background:#9b59b61a}.eq-label{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700}.eq-text{font-size:.8rem;color:#e2e8f0;font-family:Roboto Mono,monospace}.solution-box{padding:.75rem;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:.5rem;margin-bottom:1rem;text-align:center}.solution-box h4{font-size:.8rem;color:#f39c12;margin:0 0 .5rem}.solution-value{font-size:1rem;font-weight:700;color:#f39c12;font-family:Roboto Mono,monospace;line-height:1.6}.no-solution{font-size:.8rem;color:#e74c3c}.infinite-solution{font-size:.8rem;color:#2ecc71}.legend{padding:.75rem;background:#ffffff08;border-radius:.5rem}.legend h4{font-size:.8rem;color:#e2e8f0;margin:0 0 .5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#94a3b8;margin-bottom:.25rem;font-family:Roboto Mono,monospace}.legend-item .dot{width:10px;height:10px;border-radius:50%}.control-panel-3d{position:absolute;top:5rem;right:1rem;z-index:100;width:280px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(155,89,182,.3);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel-3d::-webkit-scrollbar-thumb{background:#9b59b680;border-radius:2px}.panel-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(155,89,182,.2)}.panel-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-section h3{font-size:.875rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem}.eq-selector{display:flex;flex-wrap:wrap;gap:.375rem}.eq-selector button{padding:.5rem .75rem;background:transparent;border:2px solid;border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.eq-selector button:hover{opacity:.8}.eq-selector .add-btn{border-color:#2ecc7180;color:#2ecc71;background:transparent}.eq-selector .add-btn:hover{background:#2ecc7133}.eq-selector .delete-btn{border-color:#e74c3c80;color:#e74c3c;background:transparent}.eq-selector .delete-btn:hover{background:#e74c3c33}.slider-group{margin-bottom:.75rem}.slider-group label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.375rem}.panel-section input[type=range]{width:100%;height:6px;background:#9b59b633;border-radius:3px;outline:none;cursor:pointer;appearance:none}.panel-section input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;cursor:pointer;border:3px solid #fff}.challenge-panel{padding:0}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.challenge-header h3{margin:0;color:#9b59b6}.score-display{font-size:.875rem;font-weight:700;color:#9b59b6;background:#9b59b626;padding:.375rem .75rem;border-radius:1rem}.challenge-question{font-size:.875rem;color:#fff;line-height:1.5;margin:0 0 1rem}.challenge-options{display:flex;flex-direction:column;gap:.5rem}.challenge-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:.5rem;color:#e2e8f0;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option:hover:not(:disabled){background:#9b59b633;border-color:#9b59b666}.challenge-option.correct{background:#2ecc714d;border-color:#2ecc71;color:#2ecc71}.challenge-option.incorrect{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.challenge-feedback{margin-top:1rem;text-align:center}.correct-text{color:#2ecc71;font-weight:600}.incorrect-text{color:#e74c3c;font-weight:600}.next-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.challenge-complete{padding:1rem 0;text-align:center}.challenge-complete svg{color:#f39c12;margin-bottom:.5rem}.challenge-complete p{font-size:1.125rem;color:#fff;margin:0 0 1rem}.challenge-complete button{padding:.5rem 1.5rem;background:#9b59b64d;border:1px solid #9B59B6;border-radius:.5rem;color:#fff;cursor:pointer}.learn-panel h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#e2e8f0}.learn-content{display:flex;flex-direction:column;gap:.75rem}.learn-card{padding:.75rem;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:.5rem}.learn-card h4{font-size:.8rem;color:#9b59b6;margin:0 0 .5rem}.learn-card p{font-size:.75rem;color:#94a3b8;line-height:1.5;margin:0;font-family:Roboto Mono,monospace}.tip-section{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:.5rem}.tip-section svg{color:#9b59b6;flex-shrink:0;margin-top:2px}.info-modal-3d{width:100%;max-width:550px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(155,89,182,.4);border-radius:1.5rem}.info-modal-3d .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(155,89,182,.2);position:sticky;top:0;background:inherit}.info-modal-3d .modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:#fff;margin:0}.info-modal-3d .modal-header h2 svg{color:#9b59b6}.info-modal-3d .modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer}.info-modal-3d section{margin-bottom:1.5rem}.info-modal-3d section:last-child{margin-bottom:0}.info-modal-3d section h3{font-size:1rem;color:#9b59b6;margin:0 0 .75rem}.info-modal-3d section p{font-size:.875rem;color:#94a3b8;line-height:1.6;margin:0}.info-modal-3d section ul{margin:0;padding-left:1.25rem}.info-modal-3d section li{font-size:.875rem;color:#94a3b8;line-height:1.8}.info-modal-3d section li strong{color:#e2e8f0}@media(max-width:768px){.header-3d{width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.system-info-panel,.control-panel-3d{position:fixed;width:calc(100% - 2rem);max-height:40vh;left:1rem;right:1rem}.system-info-panel{top:auto;bottom:50vh}.control-panel-3d{top:auto;bottom:1rem}}.vector-3d-simulation{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);overflow:hidden}.back-btn-3d{position:absolute;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0f172ae6;border:1px solid rgba(46,125,153,.5);border-radius:.75rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-3d:hover{border-color:#2e7d99;color:#fff;transform:scale(1.05)}.header-3d{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(46,125,153,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-3d h1{font-size:1.1rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#2e7d99,#ff9a44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-tabs{display:flex;gap:.25rem;background:#0000004d;padding:.25rem;border-radius:.5rem}.mode-tabs button{padding:.4rem .75rem;background:transparent;border:none;border-radius:.375rem;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .2s}.mode-tabs button:hover{color:#fff}.mode-tabs button.active{background:linear-gradient(135deg,#2e7d99,#4a9bb5);color:#fff}.header-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#2e7d9933;border:1px solid rgba(46,125,153,.4);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .2s ease}.action-btn:hover,.action-btn.active{background:#2e7d9966;color:#fff}.canvas-container{position:absolute;inset:0}.control-panel-3d{position:absolute;top:5rem;right:1rem;z-index:100;width:300px;max-height:calc(100vh - 7rem);overflow-y:auto;background:#0f172af2;border:1px solid rgba(46,125,153,.3);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;display:flex;flex-direction:column;gap:1rem}.control-panel-3d::-webkit-scrollbar{width:4px}.control-panel-3d::-webkit-scrollbar-track{background:transparent}.control-panel-3d::-webkit-scrollbar-thumb{background:#2e7d9980;border-radius:2px}.panel-section{padding-bottom:1rem;border-bottom:1px solid rgba(46,125,153,.2)}.panel-section:last-child{border-bottom:none;padding-bottom:0}.panel-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.preset-grid button{padding:.5rem;background:#2e7d9926;border:1px solid rgba(46,125,153,.3);border-radius:.5rem;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .2s ease}.preset-grid button:hover{background:#2e7d994d;border-color:#2e7d99;color:#fff;transform:translateY(-1px)}.vector-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.vector-tab{padding:.375rem .75rem;background:transparent;border:2px solid;border-radius:.5rem;color:#e2e8f0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.vector-tab.active{color:#fff}.add-vector-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#2ecc7133;border:1px dashed rgba(46,204,113,.5);border-radius:.5rem;color:#2ecc71;cursor:pointer;transition:all .2s ease}.add-vector-btn:hover{background:#2ecc714d;transform:scale(1.1)}.input-mode-toggle{display:flex;gap:.25rem;margin-bottom:.75rem;background:#0000004d;padding:.25rem;border-radius:.375rem}.input-mode-toggle button{flex:1;padding:.375rem;background:transparent;border:none;border-radius:.25rem;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .2s}.input-mode-toggle button.active{background:#2e7d9980;color:#fff}.vector-controls{display:flex;flex-direction:column;gap:.75rem}.vector-controls.compact{gap:.5rem}.slider-group{display:flex;flex-direction:column;gap:.25rem}.slider-group label{font-size:.75rem;font-weight:600;color:#94a3b8}.slider-group input[type=range]{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#2e7d99,#4a9bb5);border-radius:50%;cursor:pointer;transition:transform .2s}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.manual-input-group{display:flex;flex-direction:column;gap:.75rem}.manual-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.input-field{display:flex;flex-direction:column;gap:.25rem}.input-field label{font-size:.7rem;font-weight:600}.input-field input{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(46,125,153,.3);border-radius:.375rem;color:#e2e8f0;font-size:.8rem;font-family:Roboto Mono,monospace;text-align:center}.input-field input:focus{outline:none;border-color:#2e7d99}.apply-btn{padding:.5rem;background:linear-gradient(135deg,#2e7d99,#4a9bb5);border:none;border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #2e7d994d}.remove-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:.5rem;color:#e74c3c;font-size:.75rem;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#e74c3c4d}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-group label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8;cursor:pointer}.toggle-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#2E7D99}.calculations-panel{background:#2e7d991a;border:1px solid rgba(46,125,153,.2)!important;border-radius:.75rem;padding:1rem!important;margin:-.25rem}.calc-result{display:flex;flex-direction:column;gap:.5rem}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid rgba(46,125,153,.1)}.calc-row:last-child{border-bottom:none}.calc-row.highlight{background:#f39c121a;margin:.25rem -.5rem;padding:.5rem;border-radius:.375rem;border-bottom:none}.calc-label{font-size:.7rem;color:#94a3b8}.calc-value{font-size:.8rem;font-weight:600;font-family:Roboto Mono,monospace;color:#e2e8f0}.calc-row.highlight .calc-value{color:#f39c12}.formula-box{margin-top:.75rem;padding:.75rem;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:.5rem}.formula-box h4{font-size:.75rem;color:#9b59b6;margin:0 0 .5rem}.formula-box .formula{font-size:.7rem;font-family:Roboto Mono,monospace;color:#e2e8f0;margin:.25rem 0}.tip-section{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#ff9a441a;border:1px solid rgba(255,154,68,.2);border-radius:.5rem}.tip-section svg{color:#ff9a44;flex-shrink:0;margin-top:2px}.tip-section p{margin:0;font-size:.7rem;color:#94a3b8;line-height:1.4}.vector-label{padding:.25rem .5rem;border-radius:.25rem;color:#fff;font-size:.7rem;font-weight:600;white-space:nowrap;pointer-events:none}.angle-label{padding:.3rem .6rem;background:#f39c12e6;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none}.info-panel-3d{background:#0f172af2;border:1px solid rgba(46,125,153,.4);border-radius:.75rem;padding:1rem;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-panel-3d.enhanced{min-width:220px}.info-panel-3d h3{font-size:.875rem;color:#e2e8f0;margin:0 0 .75rem}.vector-info{padding:.5rem .5rem .5rem .75rem;margin-bottom:.5rem;border-left:3px solid;background:#ffffff08;border-radius:0 .25rem .25rem 0}.vector-info .vector-name{display:block;font-size:.75rem;font-weight:600;color:#e2e8f0}.vector-info .vector-coords{display:block;font-size:.7rem;color:#94a3b8;font-family:Roboto Mono,monospace}.vector-info .vector-magnitude{display:block;font-size:.65rem;color:#64748b}.resultant-info{padding:.5rem .5rem .5rem .75rem;border-left:3px solid #F1C40F;background:#f1c40f1a;border-radius:0 .25rem .25rem 0;margin-top:.5rem}.resultant-info .vector-name{display:block;font-size:.75rem;font-weight:600;color:#f1c40f}.resultant-info .vector-coords{display:block;font-size:.7rem;color:#e2e8f0;font-family:Roboto Mono,monospace}.resultant-info .vector-magnitude{display:block;font-size:.65rem;color:#94a3b8}.operations-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(46,125,153,.2)}.op-row{display:flex;justify-content:space-between;font-size:.7rem;color:#94a3b8;margin-bottom:.25rem}.op-row strong{color:#e2e8f0;font-family:Roboto Mono,monospace}.op-row.angle,.op-row.angle strong{color:#f39c12}.quiz-panel{display:flex;flex-direction:column;gap:1rem}.quiz-header{display:flex;justify-content:space-between;align-items:center}.quiz-header h3{margin:0;font-size:.9rem}.quiz-score{font-size:.8rem;font-weight:600;color:#2e7d99;background:#2e7d9926;padding:.375rem .75rem;border-radius:1rem}.quiz-question{font-size:.875rem;color:#e2e8f0;line-height:1.5;margin:0}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#2e7d991a;border:1px solid rgba(46,125,153,.2);border-radius:.5rem;color:#e2e8f0;font-size:.875rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .2s}.quiz-option:hover:not(:disabled){background:#2e7d9933;border-color:#2e7d9966}.quiz-option.correct{background:#2ecc7133;border-color:#2ecc71;color:#2ecc71}.quiz-option.incorrect{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.quiz-feedback{text-align:center}.quiz-feedback .correct-text{color:#2ecc71;font-weight:600}.quiz-feedback .incorrect-text{color:#e74c3c;font-weight:600}.next-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#2e7d99,#4a9bb5);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.next-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #2e7d994d}.quiz-complete{text-align:center;padding:1rem 0}.quiz-complete .trophy-icon{color:#f39c12;margin-bottom:.75rem}.quiz-complete h3{font-size:1.25rem;color:#e2e8f0;margin:0 0 .5rem}.quiz-complete .final-score{font-size:1.5rem;font-weight:700;color:#2e7d99;margin:0 0 .5rem}.quiz-complete .score-feedback{font-size:1rem;margin-bottom:1rem}.quiz-complete .restart-btn,.quiz-complete .explore-btn{display:block;width:100%;padding:.625rem;margin-bottom:.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.quiz-complete .restart-btn{background:linear-gradient(135deg,#2e7d99,#4a9bb5);border:none;color:#fff}.quiz-complete .explore-btn{background:transparent;border:1px solid rgba(46,125,153,.3);color:#94a3b8}.quiz-complete .explore-btn:hover{border-color:#2e7d99;color:#fff}.info-overlay-3d{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-modal-3d{width:100%;max-width:550px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(46,125,153,.4);border-radius:1.5rem;box-shadow:0 20px 60px #00000080}.info-modal-3d .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(46,125,153,.2);position:sticky;top:0;background:inherit}.info-modal-3d .modal-header h2{font-size:1.25rem;color:#fff;margin:0}.info-modal-3d .modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.info-modal-3d .modal-header button:hover{color:#fff}.info-modal-3d .modal-content{padding:1.5rem}.info-modal-3d .modal-content section{margin-bottom:1.5rem}.info-modal-3d .modal-content section:last-child{margin-bottom:0}.info-modal-3d .modal-content h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#e2e8f0;margin:0 0 .75rem}.info-modal-3d .modal-content h3 svg{color:#2e7d99}.info-modal-3d .modal-content p{font-size:.875rem;color:#94a3b8;line-height:1.6;margin:0}.info-modal-3d .modal-content ul{margin:0;padding-left:1.25rem}.info-modal-3d .modal-content li{font-size:.875rem;color:#94a3b8;line-height:1.6;margin-bottom:.5rem}.info-modal-3d .modal-content li strong{color:#ff9a44}@media(max-width:768px){.control-panel-3d{position:fixed;inset:auto 0 0;width:100%;max-height:45vh;border-radius:1rem 1rem 0 0}.header-3d{padding:.5rem 1rem;flex-wrap:wrap;justify-content:center;gap:.5rem}.header-3d h1{font-size:.9rem}.mode-tabs{order:3;width:100%;justify-content:center}}@media(max-width:480px){.mode-tabs button{padding:.35rem .5rem;font-size:.65rem}.preset-grid{grid-template-columns:repeat(2,1fr)}}