.input-controls{background-color:var(--bg-card);padding:20px;border-radius:12px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.control-group{display:flex;flex-direction:column;flex:1;min-width:150px}.control-group label{margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.control-group input{padding:.7em 1em;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card-light);color:var(--text-primary);font-size:1rem}.matrix-input-container{overflow:auto;background-color:var(--bg-card);padding:20px;border-radius:12px;display:flex;flex-direction:column}.matrix-header h3{margin-bottom:15px;color:var(--text-primary)}.matrix-input{overflow:auto;flex:1;background-color:var(--bg-dark);padding:0 3em;border-radius:1em;max-height:max(40vh,300px)}.matrix-input-rows{display:flex;flex-direction:column;align-items:center;width:max-content;margin:0 auto}.matrix-row{display:flex;align-items:center;justify-content:center;padding:2.5em 0;gap:1em;border-bottom:1px solid var(--border-color)}.matrix-row:last-child{border-bottom:none}.equation-term{display:flex;align-items:center;gap:10px}.coeff-input,.result-input{width:50px;padding:8px;text-align:center;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-card-light);color:var(--text-primary);font-size:1rem}.coeff-input:focus,.result-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4361ee33}.variable{font-size:1.1rem;color:var(--text-primary)}.operator{color:var(--text-secondary);font-weight:500}.equals{color:var(--text-primary);font-weight:600}.solve-options{margin:20px 0;display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.option-label:hover{color:var(--text-primary)}.option-label input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;margin-right:10px;position:relative;transition:all .2s ease}.option-label input[type=radio]:checked+.radio-custom{border-color:var(--primary-color);background-color:var(--primary-color)}.option-label input[type=radio]:checked+.radio-custom:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solve-btn{width:100%;margin-top:10px}.step-controls{gap:1em;margin-bottom:20px;padding:15px;background-color:var(--bg-card-light);border-radius:8px;position:sticky;top:10px;z-index:100;transition:background-color .2s ease}.step-controls.stuck{background-color:rgba(var(--bg-card-light),.9);box-shadow:0 0 12px 10px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:1em;top:0}.step-navigation>*{flex:1;background-color:transparent!important}#step-counter{font-weight:600;color:var(--text-primary);min-width:120px;text-align:center;flex:2;margin:0 .3em}.navigation-input{border:none;background:transparent;color:var(--text-primary);font:inherit;font-weight:600;outline:none;text-align:center;appearance:textfield;transition:width .15s ease;min-width:3ch;border-bottom:1px solid var(--text-secondary)}.navigation-input:hover,.navigation-input:focus{cursor:text}.mobile-nav{display:none}.desktop-nav{display:inline}@media (max-width: 786px){.mobile-nav{display:inline}.desktop-nav{display:none}.nav-btn{padding-right:.2em!important;padding-left:.2em!important}.step-navigation{gap:.3em}#step-counter{flex:1}}.operation-display{margin-bottom:1em;background-color:var(--bg-dark);border-radius:8px;overflow-y:auto;height:clamp(290px,30vh,350px);padding:1em}.operation-output{line-height:2.2;display:flex;background:var(--bg-dark);border-radius:8px;position:relative;font-size:1rem}.operation-placeholder{color:var(--text-muted);font-style:italic;text-align:center}.operation-type{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600;text-align:center}.operation-detail{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.operation-detail strong{color:var(--accent-color);font-weight:600}.operation-detail em{color:var(--warning-color);font-style:italic}.operation-detail br{margin-bottom:8px;display:block;content:""}.operation-search_pivot .operation-type{color:var(--warning-color)}.operation-pivot_found .operation-type{color:var(--success-color)}.operation-swap_needed .operation-type{color:var(--warning-color)}.operation-swap .operation-type{color:var(--accent-color)}.operation-pivot_correct_position .operation-type{color:var(--success-color)}.operation-scale_explanation .operation-type,.operation-scale .operation-type{color:var(--warning-color)}.operation-pivot_already_one .operation-type{color:var(--success-color)}.operation-eliminate_explanation .operation-type{color:var(--warning-color)}.operation-eliminate .operation-type,.operation-no_elimination_needed .operation-type{color:var(--success-color)}.operation-pivot_complete .operation-type{color:var(--primary-color)}.operation-no_pivot_detailed .operation-type{color:var(--error-color)}.operation-final .operation-type{color:var(--primary-color)}.operation-analysis .operation-type{color:var(--secondary-color)}.operation-detail code{background:var(--bg-card);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.operation-detail ul,.operation-detail ol{margin:8px 0;padding-left:20px;text-align:left}.operation-detail li{margin:4px 0;line-height:1.4}.operation-detail .highlight{background:#4cc9f033;padding:2px 4px;border-radius:3px;border:1px solid rgba(76,201,240,.3)}@media (max-width: 768px){.operation-detail{font-size:.9rem}}.matrix-display{overflow:auto;position:relative;background-color:var(--bg-dark);border-radius:8px;padding:1em}.matrix-display-inner,.matrix-cell-inner{display:flex;flex-direction:column;align-items:flex-start;width:max-content;margin:0 auto}.matrix-grid{display:grid;gap:.3em}.matrix-row-container{display:contents}.matrix-cell{width:100%;padding:.5em;font-weight:500;font-size:.9rem;background-color:var(--bg-card);border-radius:6px;transition:all .3s ease;overflow:auto}.matrix-cell.pivot-element{background-color:var(--pivot-color);color:#fff;box-shadow:0 2px 4px #0003;font-weight:600}.matrix-cell.augmented{background-color:#4361ee1a;border:1px solid rgba(67,97,238,.3);margin-left:.5em}.matrix-cell.changed-row:not(.pivot-element){border:1px solid rgba(76,201,240,.4);animation:highlightChange 1s ease}.matrix-cell.pivot-element.changed-row{border:1px solid var(--accent-color)}.no-matrix{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}@keyframes highlightChange{0%{background-color:var(--primary-color)}to{background-color:var(--bg-card)}}.solution-display{height:auto}.solution-section{background:var(--bg-dark);padding:1.2em;border-radius:8px;border-left:4px solid var(--primary-color);width:100%}.solution-section.theorem{border-left-color:var(--accent-color);font-style:italic}.solution-section.analysis{border-left-color:var(--info-color)}.solution-section.reasoning{border-left-color:var(--warning-color)}.solution-section.cases{border-left-color:var(--purple-color)}.solution-section.our-case{border-left-color:var(--success-color)}.solution-section.steps{border-left-color:var(--info-color)}.solution-section.equation{border-left-color:var(--success-color)}.solution-section.equations{border-left-color:var(--accent-color)}.solution-section.final{border-left-color:var(--success-color)}.solution-section.parametric{border-left-color:var(--purple-color)}.section-title{font-weight:700;font-size:1.1rem;margin-bottom:10px;color:var(--accent-color)}.section-content{display:flex;flex-direction:column;gap:8px}.vector-display{font-family:Courier New,monospace;font-size:1.1rem;padding:10px;background:var(--bg-card);border-radius:4px;margin:5px 0}.general-solution-formula{font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;text-align:center;margin-bottom:15px;color:var(--accent-color)}.variable-solutions{display:grid;gap:10px}.info-box{padding:12px;background:var(--bg-card);border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;border:1px solid var(--border-color);transition:all .3s ease}.info-box:hover{border-color:var(--accent-color);transform:translate(3px)}.equation-item{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;padding:8px 12px;margin:5px 0;background:var(--bg-card);border-radius:4px}.no-solution{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}.infinite-solution-content{display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.solution-block{padding:1em;font-size:1rem}.solution-header{font-size:1.2rem}.equation-display,.vector-display,.info-box{font-size:1rem}.info-box{padding:8px}}.solution-details{flex:1;display:flex;flex-direction:column;align-items:center}.solution-details>*:not(:first-child):not(:nth-child(2)){margin-top:2em}.solution-details>:first-child{margin-bottom:1em}.solution-details>*{width:100%}.results-panel{background-color:var(--bg-card);padding:20px;border-radius:12px;display:flex;flex-direction:column;flex:1}.matrix-comparison-container{flex:1;display:flex;flex-direction:column}.matrix-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1em}.matrix-panel{background-color:var(--bg-card-light);padding:20px;border-radius:8px;display:flex;flex-direction:column;min-width:0}.matrix-panel h4{margin-bottom:15px;color:var(--text-secondary);text-align:center;font-size:1rem}.final-matrix-section{padding:1.12em;background:var(--bg-card-light);border-radius:12px}.final-matrix-header h3{color:var(--text-primary);margin-bottom:15px;text-align:center;font-size:1.3rem}.panel-header-control{display:flex;gap:1em;align-items:stretch}#sol-btn{background-color:var(--primary-color);border:none}@media (max-width: 768px){.matrix-comparison{grid-template-columns:1fr}.desktop-jump{display:none}}:root{--shadow: 0 12px 32px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .3)}:root,.theme-slate{--primary-color: #1e90ff;--primary-dark: #1c86ee;--secondary-color: #6a5acd;--accent-color: #00ced1;--bg-dark: #0f141a;--bg-card: #1a1f27;--bg-card-light: #242933;--text-primary: #e0e6f0;--text-secondary: #a0a8b5;--text-muted: #6c7080;--border-color: #2c2f3a;--success-color: #4caf50;--warning-color: #ffb74d;--error-color: #ef5350;--pivot-color: #2f3e46;--pivot-highlight: #3d566e}.theme-blue{--primary-color: #4361ee;--primary-dark: #3a56d4;--secondary-color: #7209b7;--accent-color: #4cc9f0;--bg-dark: #121212;--bg-card: #1e1e1e;--bg-card-light: #252525;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #333333;--success-color: #4caf50;--warning-color: #fa7d7d;--error-color: #f44336;--pivot-color: #1a237e;--pivot-highlight: #283593}.theme-green{--primary-color: #00bfa6;--primary-dark: #009e8d;--secondary-color: #00e676;--accent-color: #64ffda;--bg-dark: #0d1117;--bg-card: #161b22;--bg-card-light: #1f242b;--text-primary: #e6edf3;--text-secondary: #c9d1d9;--text-muted: #8b949e;--border-color: #30363d;--success-color: #00c853;--warning-color: #00633b;--error-color: #ff5252;--pivot-color: #004d40;--pivot-highlight: #00695c}.theme-crimson{--primary-color: #e63946;--primary-dark: #c62828;--secondary-color: #ff6f61;--accent-color: #ff8a80;--bg-dark: #121212;--bg-card: #1c1c1c;--bg-card-light: #242424;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #333333;--success-color: #43a047;--warning-color: #cd2f03;--error-color: #ef5350;--pivot-color: #8b0000;--pivot-highlight: #b71c1c}.theme-sunset{--primary-color: #ff6f61;--primary-dark: #e55b50;--secondary-color: #ffa726;--accent-color: #ffd54f;--bg-dark: #1b1b1b;--bg-card: #262626;--bg-card-light: #323232;--text-primary: #fff8f0;--text-secondary: #e0cfc2;--text-muted: #b0a29f;--border-color: #3a3a3a;--success-color: #81c784;--warning-color: #ffb74d;--error-color: #e57373;--pivot-color: #5c2a21;--pivot-highlight: #8b3a2d}.theme-neon{--primary-color: #05bbbb;--primary-dark: #00cccc;--secondary-color: #ff00ff;--accent-color: #ffcc00;--bg-dark: #0a0a0a;--bg-card: #111111;--bg-card-light: #1c1c1c;--text-primary: #e0f7fa;--text-secondary: #b2ebf2;--text-muted: #80deea;--border-color: #222222;--success-color: #00e676;--warning-color: #ffea00;--error-color: #ff3d00;--pivot-color: #004d4d;--pivot-highlight: #006666}.theme-light{--primary-color: #4a90e2;--primary-dark: #357abd;--secondary-color: #7b68ee;--accent-color: #50e3c2;--bg-dark: #e7ebf0;--bg-card: #f4f6fa;--bg-card-light: #ffffff;--text-primary: #1e1e1e;--text-secondary: #444c56;--text-muted: #6e7781;--border-color: #ccd3db;--success-color: #4caf50;--warning-color: #ffb74d;--error-color: #e57373;--pivot-color: #c9c9cb;--pivot-highlight: #c0cad3;--shadow: none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{transition:background-color .3s ease}html{font-size:115%}body{font-family:Montserrat,Calibri,Trebuchet MS,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}html,.matrix-input,.operation-display{scrollbar-gutter:stable both-edges}.container{--ideal-width: 85%;width:min(1150px,var(--ideal-width));margin:0 auto;flex:1}.header{text-align:center;margin-bottom:1em;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.header-links{display:flex;margin-left:auto}.header i{color:var(--text-muted);padding:0 .25em;font-size:2rem;transition:transform .1s ease-in-out}.header i:hover{cursor:pointer;transform:scale(1.1)}.subtitle{font-size:1.2rem;color:var(--text-secondary);font-weight:400}.main{display:flex;flex-direction:column;opacity:0;animation:fadeIn .8s ease-out forwards;margin:1em 0}.main-content{flex:1;display:flex;flex-direction:column}@media (max-width: 1200px){.main-content{grid-template-columns:1fr;height:auto}}@media (max-width: 786px){html{font-size:110%}.container{--ideal-width: 93%}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:.8em;gap:1em;border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.btn-primary,.btn-secondary{padding:.8em 1.3em;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-card-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){opacity:.8;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-quit{background-color:var(--error-color)}.loading{opacity:.6;pointer-events:none}.fade-in{animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary:focus,.btn-secondary:focus{outline:2px solid var(--accent-color);outline-offset:2px}.no-solution{color:var(--error-color)}.unique-solution{color:var(--success-color)}.infinite-solutions{color:var(--warning-color)}.code-block,.mono{font-family:Courier New,monospace}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main *::-webkit-scrollbar{width:4px;height:4px}.main *::-webkit-scrollbar-track{background:var(--bg-card-light);border-radius:4px}.main *::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.main *::-webkit-scrollbar-thumb:hover{background:var(--primary-dark);cursor:pointer}.main *::-webkit-scrollbar-corner{display:none}#particles{position:fixed;overflow:hidden;height:100vh;width:100vw;top:0;left:0;opacity:.3;z-index:-1}.shadow{box-shadow:var(--shadow)}.theme-switcher{position:relative;display:flex;align-items:center;justify-content:flex-end;text-align-last:center;margin-right:auto}.theme-switcher select{padding:8px 14px;border-radius:10px;background:var(--bg-card-light);color:var(--text-primary);border:1px solid var(--border-color);font-size:.9rem;font-weight:500;cursor:pointer;appearance:none;transition:background-color .25s ease,color .25s ease,box-shadow .3s ease,transform .2s ease,border-color .25s ease;box-shadow:0 2px 6px #0003;display:flex}.theme-switcher select:hover{background:var(--bg-card);border-color:var(--primary-color);box-shadow:0 4px 12px #00000059,0 0 6px var(--primary-color)}.theme-switcher select:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color),0 0 10px var(--accent-color);border-color:var(--primary-dark)}.theme-switcher select:active{box-shadow:0 2px 4px #0003}