.mode-selector-container{margin-bottom:20px}.mode-selector{position:relative}.mode-selector select{width:100%;padding:12px 16px;font-size:1rem;font-weight:500;border-radius:8px;border:2px solid rgba(102,126,234,.3);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#333;cursor:pointer;transition:all .3s ease}.mode-selector select:hover{border-color:rgba(102,126,234,.6);box-shadow:0 4px 12px rgba(102,126,234,.2)}.mode-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.mode-kinetic{border-left:4px solid #3b82f6}.mode-potential{border-left:4px solid #10b981}.mode-work{border-left:4px solid #f59e0b}.mode-momentum{border-left:4px solid #ef4444}.mode-conservation{border-left:4px solid #8b5cf6}.input-group-physics{margin-bottom:20px}.input-group-physics label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#555}.input-group-physics label .fa-info-circle{margin-left:8px;color:#667eea;cursor:help;font-size:.9rem}.input-with-unit{display:flex;align-items:center;gap:10px}.input-with-unit input,.input-with-unit select{flex:1}.unit-label{min-width:80px;padding:8px 12px;background:rgba(102,126,234,.1);border-radius:6px;font-size:.9rem;font-weight:500;color:#667eea;text-align:center}.result-item-physics{padding:15px;margin-bottom:15px;border-radius:8px;background:rgba(255,255,255,.9);border-left:4px solid #ccc;transition:all .3s ease}.result-item-physics:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.result-kinetic{border-left-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(59,130,246,.1))}.result-potential{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.1))}.result-work{border-left-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(245,158,11,.1))}.result-momentum{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.1))}.result-mechanical{border-left-color:#8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(139,92,246,.1))}.result-item-physics h4{font-size:.9rem;margin-bottom:8px;color:#666;font-weight:500}.result-item-physics .result-value{font-size:2rem;font-weight:700;color:#333;margin:10px 0}.result-kinetic .result-value{color:#3b82f6}.result-potential .result-value{color:#10b981}.result-work .result-value{color:#f59e0b}.result-momentum .result-value{color:#ef4444}.result-mechanical .result-value{color:#8b5cf6}.conservation-verification{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.verification-item{background:rgba(255,255,255,.9);border-radius:8px;padding:15px;border-left:4px solid #ccc;transition:all .3s ease}.verification-item.pass{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.1))}.verification-item.fail{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.1))}.verification-item h4{font-size:1.1rem;margin-bottom:12px;color:#333;font-weight:600}.verification-result{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:10px;background:rgba(255,255,255,.5);border-radius:6px}.status-icon{font-size:1.2rem;font-weight:bold}.verification-item.pass .status-icon{color:#10b981}.verification-item.fail .status-icon{color:#ef4444}.error-value{font-size:.9rem;color:#666;font-weight:500}.verification-details{font-size:.9rem;color:#666;margin-top:10px;padding:10px;background:rgba(0,0,0,.02);border-radius:6px}.verification-details>div{padding:4px 0;display:flex;justify-content:space-between}.verification-details strong{color:#333}.steps-container{margin-top:20px}.steps-toggle-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.steps-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.steps-toggle-btn i{margin-right:8px}.calculation-step{background:rgba(255,255,255,.95);border-left:3px solid #667eea;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.calculation-step:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateX(5px)}.step-header{display:flex;align-items:center;margin-bottom:12px}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.9rem;margin-right:12px;min-width:70px;text-align:center}.step-description{font-size:1rem;font-weight:500;color:#555}.step-formula{padding:15px;background:rgba(102,126,234,.05);border-radius:6px;margin:10px 0;font-size:1.1rem;overflow-x:auto}.step-formula .katex{font-size:1.2em}.step-formula .katex-display{margin:.5em 0}.step-result{font-size:.95rem;color:#666;margin-top:8px;font-style:italic}.chart-container-physics{background:rgba(255,255,255,.95);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.chart-container-physics h4{font-size:1.1rem;margin-bottom:15px;color:#333;font-weight:600;text-align:center}.chart-wrapper{position:relative;height:300px}.collision-visual{background:rgba(255,255,255,.95);border-radius:8px;padding:20px;margin:20px 0}.collision-timeline{display:flex;justify-content:space-around;align-items:center;margin:20px 0}.collision-state{flex:1;text-align:center}.collision-state h5{font-size:1rem;margin-bottom:15px;color:#667eea;font-weight:600}.object-visual{display:inline-block;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 10px;position:relative;transition:all .5s ease}.object-visual.object-1{background:linear-gradient(135deg,#3b82f6,#2563eb)}.object-visual.object-2{background:linear-gradient(135deg,#10b981,#059669)}.velocity-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:bold;color:#ef4444}.velocity-arrow.right{right:-30px}.velocity-arrow.left{left:-30px}.collision-arrow{font-size:2rem;color:#f59e0b}.energy-bar-container{margin:20px 0}.energy-bar{display:flex;height:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:10px}.energy-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;transition:all .5s ease}.energy-kinetic{background:linear-gradient(135deg,#3b82f6,#2563eb)}.energy-potential{background:linear-gradient(135deg,#10b981,#059669)}.energy-legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.legend-color{width:20px;height:20px;border-radius:4px}@media(max-width:768px){.result-item-physics .result-value{font-size:1.5rem}.conservation-verification{grid-template-columns:1fr}.collision-timeline{flex-direction:column;gap:20px}.collision-arrow{transform:rotate(90deg);margin:10px 0}.step-formula .katex{font-size:1em}.chart-wrapper{height:250px}.input-with-unit{flex-direction:column;align-items:stretch}.unit-label{width:100%}}@media(max-width:576px){.result-item-physics .result-value{font-size:1.3rem}.step-number{min-width:60px;font-size:.8rem;padding:5px 8px}.step-description{font-size:.9rem}.chart-wrapper{height:200px}.object-visual{width:50px;height:50px}.velocity-arrow{font-size:1.2rem}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(102,126,234,.3)}50%{box-shadow:0 0 20px rgba(102,126,234,.6)}}.calculating{animation:pulse-glow 1.5s infinite}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.result-item-physics.new-result{animation:slideInRight .5s ease}@keyframes collision-impact{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.object-visual.colliding{animation:collision-impact .3s ease}@media print{.steps-toggle-btn{display:none}.calculation-step{page-break-inside:avoid;border:1px solid #ddd}.chart-container-physics{page-break-inside:avoid}.conservation-verification{page-break-inside:avoid}}