.matrix-input-container{display:inline-block;margin:1rem 0}.matrix-grid{display:grid;gap:.5rem;margin:1rem auto;width:fit-content}.matrix-grid.size-2{grid-template-columns:repeat(2,1fr)}.matrix-grid.size-3{grid-template-columns:repeat(3,1fr)}.matrix-grid.size-4{grid-template-columns:repeat(4,1fr)}.form-input{width:100%;padding:12px 15px;border:2px solid #48bb78;border-radius:12px;font-family:'Roboto Mono',monospace;font-size:1.1rem;background:#f0fff4;transition:all .3s ease}.matrix-cell{width:70px;height:50px;text-align:center;font-size:1rem;border:2px solid #667eea;border-radius:6px;padding:.5rem;background:#fff;transition:all .2s ease}.matrix-cell:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.matrix-cell:hover{border-color:#764ba2}.matrix-wrapper{display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem 1.5rem}.matrix-wrapper::before,.matrix-wrapper::after{content:'';position:absolute;top:0;bottom:0;width:8px;border:2px solid #667eea}.matrix-wrapper::before{left:0;border-right:none;border-radius:4px 0 0 4px}.matrix-wrapper::after{right:0;border-left:none;border-radius:0 4px 4px 0}.matrix-label{text-align:center;font-weight:600;color:#667eea;margin-bottom:.5rem;font-size:1.1rem}.matrix-label.matrix-a{color:#4299e1}.matrix-label.matrix-b{color:#48bb78}.matrix-label.matrix-result{color:#9f7aea}.operation-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.operation-btn{padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid #667eea;background:#fff;color:#667eea;display:flex;align-items:center;justify-content:center;gap:.5rem}.operation-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.operation-btn:active{transform:translateY(0)}.operation-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.result-matrix-display{margin:1.5rem 0;text-align:center}.result-value{font-size:2rem;font-weight:700;color:#667eea;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:12px}.result-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.calculation-steps{margin-top:1rem}.step-item{margin:1rem 0;padding:1rem;background:rgba(102,126,234,.05);border-left:4px solid #667eea;border-radius:6px}.step-item h4{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:.5rem}.step-item p{margin:.25rem 0;font-family:'Courier New',monospace;color:#2d3748}.formula-display{background:#fff;padding:.75rem;border-radius:6px;margin:.5rem 0;font-family:'Courier New',monospace;border:1px solid #e2e8f0}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-custom,.btn-custom-outline{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-custom-outline{background:#fff;color:#667eea;border:2px solid #667eea}.btn-custom-outline:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.btn-custom:active,.btn-custom-outline:active{transform:translateY(0)}.btn-sponsor{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.btn-sponsor:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-sponsor:active{transform:translateY(0)}.error-message{background:#fff5f5;border-left:4px solid #f56565;color:#c53030;padding:1rem;border-radius:6px;margin:1rem 0;font-weight:500}.warning-message{background:#fffaf0;border-left:4px solid #f59e0b;color:#d97706;padding:1rem;border-radius:6px;margin:1rem 0;font-weight:500}.info-message{background:#ebf8ff;border-left:4px solid #4299e1;color:#2c5282;padding:1rem;border-radius:6px;margin:1rem 0;font-weight:500}.loading-indicator{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.matrix-cell{width:60px;height:45px;font-size:.9rem}.operation-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.matrix-cell{width:50px;height:40px;font-size:.85rem;padding:.25rem}.matrix-wrapper{padding:.5rem 1rem}.operation-buttons{grid-template-columns:1fr}.action-buttons-grid{grid-template-columns:1fr}.result-value{font-size:1.5rem}}.matrix-cell:focus-visible{outline:3px solid #4299e1;outline-offset:2px}button:focus-visible{outline:3px solid #4299e1;outline-offset:2px}.matrix-theme-a .matrix-cell{border-color:#4299e1}.matrix-theme-a .matrix-wrapper::before,.matrix-theme-a .matrix-wrapper::after{border-color:#4299e1}.matrix-theme-b .matrix-cell{border-color:#48bb78}.matrix-theme-b .matrix-wrapper::before,.matrix-theme-b .matrix-wrapper::after{border-color:#48bb78}.matrix-theme-result .matrix-cell{border-color:#9f7aea;background:rgba(159,122,234,.05)}.matrix-theme-result .matrix-wrapper::before,.matrix-theme-result .matrix-wrapper::after{border-color:#9f7aea}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-animated{animation:fadeInUp .4s ease-out}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#667eea;color:#fff;font-size:.75rem;cursor:help;margin-left:.25rem}.decomp-matrix{margin:1.5rem 0;padding:1rem;background:rgba(102,126,234,.05);border-radius:12px;border-left:4px solid #667eea}.decomp-matrix p{font-weight:600;color:#667eea;margin-bottom:.75rem;font-size:1.05rem}.decomp-matrix .matrix-display{margin-top:.5rem}.eigenvalue-list{list-style:none;padding:0;margin:1rem 0}.eigenvalue-list li{padding:.75rem 1rem;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:8px;margin-bottom:.5rem;border-left:3px solid #667eea}.eigenvalue-list .katex-inline{font-size:1.1rem}.singular-value-list{list-style:none;padding:0;margin:1rem 0}.singular-value-list li{padding:.75rem 1rem;background:linear-gradient(135deg,rgba(72,187,120,.1) 0%,rgba(56,161,105,.1) 100%);border-radius:8px;margin-bottom:.5rem;border-left:3px solid #48bb78}.singular-value-list .katex-inline{font-size:1.1rem}.steps-container{background:#f8f9ff;padding:1.5rem;border-radius:12px;margin-top:1rem}.steps-container h4{color:#667eea;margin-bottom:1rem;font-size:1.2rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.step-item{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #48bb78;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.step-item:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.step-number{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.step-description{color:#2d3748;margin:.5rem 0;font-size:.95rem;line-height:1.6}.step-formula{background:#f7fafc;padding:1rem;border-radius:6px;margin-top:.75rem;border:1px solid #e2e8f0;overflow-x:auto}.katex-formula{font-size:1.1rem}.katex-scalar-result{font-size:2rem;color:#667eea;font-weight:600;text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:12px}.matrix-grid.size-4 .matrix-cell{width:60px;height:45px;font-size:.9rem}#precisionSelect{min-width:80px}#showStepsToggle{width:18px;height:18px;cursor:pointer;accent-color:#667eea}#resultDisplay h4{color:#667eea;font-size:1.3rem;margin-bottom:1rem;font-weight:600}@media(max-width:768px){.decomp-matrix{padding:.75rem;margin:1rem 0}.steps-container{padding:1rem}.step-item{padding:.75rem}.step-formula{padding:.75rem;font-size:.9rem}.eigenvalue-list li,.singular-value-list li{padding:.5rem .75rem;font-size:.95rem}.matrix-grid.size-4 .matrix-cell{width:50px;height:40px;font-size:.8rem;padding:.25rem}.katex-scalar-result{font-size:1.5rem}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.calculating{animation:pulse 1.5s ease-in-out infinite}.numerical-warning{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff;padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500;display:flex;align-items:center;gap:.75rem}.numerical-warning i{font-size:1.5rem}.error-message{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);color:#fff;padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500;display:flex;align-items:center;gap:.75rem}.error-message i{font-size:1.5rem}