body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}body{background:#0a0a0a;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh}.App{background:#1a1a1a;border-radius:0;box-shadow:0 0 30px #00000080;margin:0 auto;max-width:1600px}.app-header{padding:1rem 2rem}.app-title{color:#e0e0e0;flex-shrink:0;font-size:1.3rem;font-weight:600;margin:0}.login-button{border-radius:6px;padding:8px 16px}.login-button:hover{border-color:#4a4a4a}.app-main{margin:0 auto;max-width:1600px;padding:2rem}.visualization-layout{display:flex;gap:2rem;margin-bottom:2rem;min-height:600px}.debugger-column,.visualization-column{flex:1 1;min-width:0}.visualization-section{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:1.5rem}.section-title{margin:0 0 1rem}.step-description{background:#252525;border-left:3px solid #4ec9b0;border-radius:8px;color:#b0b0b0;font-size:1rem;margin-top:1rem;padding:1rem;text-align:center}.step-description.sorted{background:#1e3a2a;border-left-color:#4ec9b0;color:#4ec9b0;font-weight:500}.controls-panel{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.algorithm-selector{align-items:center;background:#252525;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.algorithm-selector label{color:#e0e0e0;font-size:1rem;font-weight:500}.algorithm-dropdown{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:1rem;min-width:250px;padding:.6rem 1rem;transition:all .3s ease}.algorithm-dropdown:hover{background:#2f2f2f;border-color:#4ec9b0}.algorithm-dropdown:focus{border-color:#4ec9b0;box-shadow:0 0 0 2px #4ec9b01a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.btn:hover:not(:disabled){background:#3a3a3a;border-color:#4ec9b0;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.new-array,.reset,.step-back,.step-forward{background:#2a2a2a}.play-pause.play{background:#2a5a3a;border-color:#4ec9b0}.play-pause.pause{background:#5a2a2a;border-color:#e74c3c}.speed-control{background:#252525;border-radius:8px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px;padding:1rem}.speed-control label{color:#e0e0e0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.speed-slider{-webkit-appearance:none;background:#3a3a3a;border-radius:3px;height:6px;outline:none;width:100%}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4ec9b0;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.speed-slider::-webkit-slider-thumb:hover{background:#5ed9c0;transform:scale(1.1)}.stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.stat{background:#252525;border:1px solid #2a2a2a;border-radius:8px;min-width:120px;padding:.75rem 1.5rem;text-align:center}.stat-label{display:block;font-size:.8rem;margin-bottom:.25rem}.stat-value{color:#e0e0e0;display:block;font-size:1.2rem;font-weight:700}.stat-value.sorted{color:#4ec9b0}.algorithm-info{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:1px solid #2a2a2a;border-radius:12px;color:#e0e0e0;margin-top:2rem;padding:1.5rem}.algorithm-info h3{color:#4ec9b0;font-size:1.3rem;margin-bottom:1rem;text-align:center}.complexity{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.complexity-item{background:#252525;border-radius:6px;font-size:.9rem;padding:.5rem 1rem}.algorithm-description{color:#b0b0b0;font-size:.95rem;line-height:1.5;text-align:center}@media (max-width:1024px){.visualization-layout{flex-direction:column;gap:1.5rem}.debugger-column,.visualization-column{min-height:500px}}@media (max-width:768px){.app-main{padding:1rem}.button-group{flex-direction:column}.btn{width:100%}.stats{align-items:center;flex-direction:column}.stat{max-width:300px;width:100%}.complexity{align-items:center;flex-direction:column;gap:.5rem}}.loading-container{align-items:center;background:#0a0a0a;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a2a;border-radius:50%;border-top-color:#4ec9b0;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.algorithms-menu{flex-shrink:0}.menu-trigger{padding:8px 16px}.menu-dropdown{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:12px;left:0;margin-top:8px;min-width:220px;opacity:0;position:absolute;top:100%;transition:all .2s;visibility:hidden;z-index:101}.algorithms-menu:hover .menu-dropdown{opacity:1;visibility:visible}.menu-category{border-bottom:1px solid #2a2a2a;padding:8px 0}.menu-category:last-child{border-bottom:none}.category-title{color:#4ec9b0;font-size:13px;font-weight:600;padding:8px 16px}.category-items{display:flex;flex-direction:column}.category-items span{color:#e0e0e0;cursor:pointer;font-size:13px;padding:6px 16px 6px 32px;transition:all .2s}.category-items span:hover{background:#2a2a2a;color:#4ec9b0}.algorithm-menu-bar{margin-bottom:20px}.algorithm-menu-bar,.stats-compact{display:flex;justify-content:flex-start}.stats-compact{background:#252525;border-radius:8px;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:16px;padding:8px 12px}.stat-item{color:#b0b0b0;font-weight:500}.stat-item.status{color:#4ec9b0;margin-left:auto}.new-graph{background:#2a2a3a;border-color:#9b59b6}.new-graph:hover{background:#3a3a4a;border-color:#b06cc9}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.section-title{color:#4ec9b0;flex-shrink:0;font-size:1.2rem;font-weight:600;margin:0}.stats-inline{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-inline{align-items:center;background:#252525;border:1px solid #2a2a2a;border-radius:6px;display:flex;flex-direction:column;gap:.2rem;justify-content:center;min-width:65px;padding:.3rem .8rem}.stat-label-inline{color:#858585;font-size:.75rem}.stat-value-inline{color:#e0e0e0;font-size:.9rem;font-weight:700}.stat-value-inline.sorted{color:#4ec9b0}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.stats-inline{justify-content:space-between;width:100%}.stat-inline{flex:1 1;justify-content:center}}.app-header{background:#0f0f0f;border-bottom:1px solid #2a2a2a;box-shadow:0 2px 10px #0000004d;padding:.8rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:30px;justify-content:space-between;margin:0 auto;max-width:1600px}.header-content,.logo{align-items:center;display:flex}.logo{flex-shrink:0;gap:8px}.logo-icon{font-size:1.5rem}.logo-text{color:#4ec9b0;font-size:1.2rem;font-weight:700;letter-spacing:1px}.algorithms-menu{display:flex;justify-content:center;position:relative}.menu-trigger{background:#2a2a2a;border:1px solid #4ec9b0;border-radius:8px;color:#4ec9b0;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.menu-trigger:hover{background:#3a3a3a;transform:translateY(-1px)}.login-button{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e0e0e0;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .2s}.login-button:hover{background:#3a3a3a;border-color:#4ec9b0}.auth-section{flex-shrink:0}@media (max-width:1024px){.app-main{padding:1rem}.visualization-layout{gap:1rem}.stats-inline{gap:.8rem}.stat-inline{padding:.2rem .5rem}.stat-label-inline{font-size:.6rem}.stat-value-inline{font-size:.75rem}}@media (max-width:768px){.app-header{padding:.5rem 1rem}.header-content{gap:10px}.logo-text{display:none}.logo-icon{font-size:1.3rem}.login-button,.menu-trigger{font-size:12px;padding:6px 12px}.app-main{padding:.8rem}.visualization-layout{flex-direction:column;gap:1rem}.debugger-column,.visualization-column{min-width:0;width:100%}.visualization-section{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:.8rem}.section-title{font-size:1rem}.stats-inline{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.stat-inline{flex:1 1;justify-content:center;min-width:70px;padding:.2rem .3rem}.stat-label-inline{font-size:.55rem}.stat-value-inline{font-size:.7rem}.status-row{justify-content:flex-start;margin-top:.5rem}.status-indicator{padding:.2rem .8rem}.status-label{font-size:.65rem}.status-value{font-size:.75rem}.array-container{gap:2px;height:250px}.bar-value{font-size:8px;margin-bottom:2px}.bar-index{bottom:-18px;font-size:8px}.step-description{font-size:.8rem;padding:.6rem}.code-debugger{font-size:12px}.code-header{padding:10px 12px}.code-header h3{font-size:14px}.code-line{font-size:11px;padding:2px 8px}.line-number{font-size:10px;min-width:35px}.debugger-btn{font-size:12px;height:28px;width:28px}.code-container{max-height:300px}.variables-grid{grid-template-columns:1fr;max-height:150px}.variable-item{font-size:10px;padding:4px 8px}.variable-name{font-size:10px}.variable-value{font-size:9px}.theory-panel{margin-top:1rem}.theory-header{padding:12px 16px}.theory-header h3{font-size:14px}.section-title{font-size:13px;padding:10px 16px}.section-content{font-size:12px;padding:0 12px 12px 35px}.pros-cons{flex-direction:column;gap:12px}.example-code{font-size:10px;padding:8px 10px}.menu-dropdown{left:10px;margin-top:5px;max-height:80vh;overflow-y:auto;position:fixed;right:10px;top:auto;width:auto}.category-title{font-size:12px;padding:6px 12px}.category-items span{font-size:11px;padding:5px 12px 5px 25px}}@media (max-width:480px){.app-header{padding:.4rem .8rem}.login-button,.menu-trigger{font-size:11px;padding:4px 10px}.section-title{font-size:.9rem}.stat-inline{min-width:60px}.stat-label-inline{font-size:.5rem}.stat-value-inline{font-size:.65rem}.array-container{height:200px}.bar-value{font-size:7px}.code-line{font-size:9px}.line-number{font-size:8px;min-width:28px}.debugger-btn{font-size:10px;height:24px;width:24px}.theory-header h3{font-size:12px}}@media (max-width:768px) and (orientation:landscape){.visualization-layout{flex-direction:row}.array-container{height:180px}.code-container{max-height:250px}.variables-grid{max-height:100px}}@media (max-width:480px){.app-header{padding:.4rem .8rem}.login-button,.menu-trigger{font-size:11px;padding:4px 10px}.section-title{font-size:.9rem}.stat-inline{min-width:60px}.stat-label-inline{font-size:.5rem}.stat-value-inline{font-size:.65rem}.array-container{gap:2px;height:200px;justify-content:center}.array-bar{flex:1 1 auto!important;min-width:18px!important;width:auto!important}.bar-value{margin-bottom:1px}.bar-index,.bar-value{font-size:10px!important}.bar-index{bottom:-14px}.code-line{font-size:9px}.line-number{font-size:8px;min-width:28px}.debugger-btn{font-size:10px;height:24px;width:24px}.theory-header h3{font-size:12px}}@media (max-width:400px){.array-bar{min-width:15px!important}.bar-index,.bar-value{font-size:9px!important}.bar-index{bottom:-12px}}@media (max-width:360px){.array-bar{min-width:13px!important}.bar-value{font-size:8px!important}}.auth-form-container{margin:0 auto;max-width:400px;padding:20px;width:100%}.auth-form-container h2{color:#333;font-size:24px;margin-bottom:24px;text-align:center}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#555;font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.error-message{background-color:#ffebee;border-radius:6px;color:#c62828;font-size:14px;margin:10px 0;padding:10px 12px}.auth-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .2s}.auth-button:hover:not(:disabled){background-color:#45a049}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#666;font-size:14px;margin-top:16px;text-align:center}.switch-button{background:none;border:none;color:#4caf50;cursor:pointer;font-weight:500;margin-left:4px;padding:0}.switch-button:hover{text-decoration:underline}.github-button:hover{background-color:#2f363d!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#f5f5f5;color:#333}.user-menu{position:relative}.user-menu-button{align-items:center;background:none;background-color:#2a2a2a;border:1px solid #4ec9b0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.user-menu-button:hover{background-color:#3a3a3a;transform:scale(1.1)}.user-avatar{align-items:center;background-color:#4ec9b0;border-radius:50%;color:#1a1a1a;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#333;font-weight:500}.dropdown-arrow{color:#666;font-size:10px}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dropdown-header{border-bottom:1px solid #f0f0f0;padding:16px}.user-info{display:flex;flex-direction:column;gap:4px}.user-info-email{color:#333;font-size:14px;font-weight:500}.user-info-username{color:#666;font-size:12px}.dropdown-divider{background-color:#f0f0f0;height:1px}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f9f9f9}.logout-button{color:#f44336}.logout-button:hover{background-color:#ffebee;color:#d32f2f}.dropdown-stats{grid-gap:12px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px 16px}.stat-item{align-items:center;display:flex;gap:10px}.stat-emoji{font-size:20px}.stat-details{display:flex;flex-direction:column}.stat-label{color:#858585;font-size:10px}.stat-number{color:#4ec9b0;font-size:14px;font-weight:700}.dropdown-progress{border-bottom:1px solid #2a2a2a;padding:12px 16px}.progress-title{color:#1f6837;font-size:12px;font-weight:700;margin-bottom:12px}.progress-bars{display:flex;flex-direction:column;gap:8px}.progress-item{align-items:center;color:#155829;display:flex;font-size:12px;gap:10px}.progress-item span:first-child{flex-shrink:0;width:100px}.progress-bar-bg{background:#2a2a2a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:#4ec9b0;border-radius:3px;height:100%;transition:width .3s}.progress-status{font-size:12px;text-align:center;width:24px}.array-container{align-items:flex-end;background-color:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:4px;height:400px;justify-content:center;margin:1rem 0;min-height:420px;padding:1rem .5rem}.array-bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;min-width:30px;position:relative;transition:all .3s ease}.array-bar.comparing{box-shadow:0 0 12px #e74c3c99;transform:scale(1.02);z-index:2}.array-bar.swapped{box-shadow:0 0 12px #4ec9b099}.bar-value{background:#1e1e1ee6;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:12px;font-weight:700;margin-bottom:6px;padding:2px 4px}.bar-index{bottom:-22px;color:#858585;font-size:11px;font-weight:400;position:absolute}.no-data{color:#858585;font-style:italic;padding:40px;text-align:center}.variables-panel{background:#1e1e1e;border-top:1px solid #2a2a2a;overflow:hidden;padding:0}.variables-header{align-items:center;background:#252525;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:12px 16px}.variables-header h4{color:#e0e0e0;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.variables-count{background:#2a2a2a;border-radius:12px;color:#858585;font-size:11px;font-weight:500;padding:2px 8px}.variables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:200px;overflow-y:auto;padding:16px}.variable-item{align-items:center;background:#252525;border-left:3px solid #0000;border-radius:6px;padding:8px 12px;position:relative;transition:all .2s}.variable-item:hover{background:#2a2a2a;transform:translateX(2px)}.variable-loop{border-left-color:#4ec9b0}.variable-loop .variable-name{color:#4ec9b0}.variable-constant{border-left-color:#569cd6}.variable-constant .variable-name{color:#569cd6}.variable-temporary{border-left-color:#ce9178}.variable-temporary .variable-name{color:#ce9178}.variable-boolean{border-left-color:#dcdcaa}.variable-boolean .variable-name{color:#dcdcaa}.variable-number{border-left-color:#b5cea8}.variable-number .variable-name{color:#b5cea8}.variable-name{font-family:Courier New,monospace;font-size:12px;font-weight:600}.variable-value{background:#1e1e1e;border-radius:4px;color:#e0e0e0;font-size:11px;font-weight:500;padding:2px 6px}.variable-badge{background:#2a2a2a;border-radius:10px;color:#858585;font-size:9px;font-weight:500;padding:2px 6px;position:absolute;right:8px;top:-8px}.variable-badge.temp{background:#5a3a2a;color:#ce9178}.variables-empty{color:#858585;padding:30px 20px;text-align:center}.empty-icon{display:block;font-size:32px;margin-bottom:8px;opacity:.5}.step-context{align-items:center;background:#252525;border-top:1px solid #2a2a2a;color:#b0b0b0;display:flex;font-size:11px;gap:12px;padding:12px 16px}.step-context-icon{font-size:16px}.step-context-text{flex:1 1;line-height:1.4}.variables-grid::-webkit-scrollbar{width:6px}.variables-grid::-webkit-scrollbar-track{background:#1e1e1e}.variables-grid::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}@media (max-width:768px){.variables-grid{grid-template-columns:1fr;max-height:150px}.variable-item{padding:6px 10px}}.code-debugger{flex-direction:column;font-family:Courier New,Monaco,monospace;overflow:hidden}.code-debugger,.code-debugger-empty{background:#1e1e1e;border-radius:12px;display:flex;height:100%}.code-debugger-empty{align-items:center;color:#858585;justify-content:center;padding:40px;text-align:center}.code-header{align-items:center;background:#252526;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;padding:16px 20px}.code-header h3{color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;margin:0 0 8px}.code-info{color:#858585;display:flex;font-size:12px;gap:16px}.current-line-info{color:#4ec9b0;font-weight:500}.code-container{flex:1 1;max-height:400px;overflow-y:auto;padding:16px 0}.code-line{border-left:3px solid #0000;display:flex;font-family:Courier New,Monaco,monospace;font-size:13px;padding:4px 16px;transition:all .2s}.code-line.active{background:#2d2d2d;border-left-color:#4ec9b0}.code-line.active .line-number{color:#4ec9b0}.code-line.active .line-code{color:#d4d4d4}.line-number{color:#858585;font-weight:500;min-width:50px;-webkit-user-select:none;user-select:none}.line-code{color:#d4d4d4;flex:1 1;white-space:pre-wrap;word-break:break-all}.variables-panel{background:#252526;border-top:1px solid #3e3e42;padding:16px 20px}.variables-panel h4{color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;margin:0 0 12px}.variables-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.variable-item{background:#2d2d2d;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:4px 8px}.variable-name{color:#9cdcfe;font-weight:500}.variable-value{color:#ce9178;font-family:Courier New,monospace}.code-container::-webkit-scrollbar{width:8px}.code-container::-webkit-scrollbar-track{background:#1e1e1e}.code-container::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:4px}.code-container::-webkit-scrollbar-thumb:hover{background:#4e4e52}.debugger-controls{align-items:center;display:flex;gap:8px}.debugger-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.debugger-btn:hover:not(:disabled){background:#3a3a3a;border-color:#4ec9b0;transform:translateY(-1px)}.debugger-btn:disabled{cursor:not-allowed;opacity:.4}.debugger-btn.play-pause.play{background:#2a5a3a;border-color:#4ec9b0}.debugger-btn.play-pause.pause{background:#5a2a2a;border-color:#e74c3c}.graph-visualizer{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;padding:20px}.graph-canvas{background:#1e1e1e;border-radius:8px;display:block;height:auto;margin:0 auto;width:100%}.graph-info{margin-top:16px}.graph-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.legend-item{align-items:center;color:#b0b0b0;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:50%;height:20px;width:20px}.legend-color.current{background:#4ec9b0;border:2px solid #4ec9b0}.legend-color.visited{background:#2a5a3a;border:2px solid #4ec9b0}.legend-color.queue{background:#5a4a2a;border:2px solid #dcdcaa}.legend-color.unvisited{background:#2a2a2a;border:2px solid #3a3a3a}.theory-panel{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;margin-top:24px;overflow:hidden}.theory-header{background:#252525;border-bottom:1px solid #2a2a2a;padding:16px 20px}.theory-header h3{color:#4ec9b0;font-size:18px;font-weight:600;margin:0}.theory-placeholder{color:#858585;padding:40px 20px;text-align:center}.placeholder-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.theory-section{border-bottom:1px solid #2a2a2a}.section-title{align-items:center;color:#e0e0e0;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:14px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.section-title:hover{background:#252525}.toggle-icon{color:#4ec9b0;font-size:12px;width:20px}.section-content{color:#b0b0b0;font-size:14px;line-height:1.6;padding:0 20px 20px 50px}.section-content p{margin:0 0 12px}.section-content ul{margin:0;padding-left:20px}.section-content li{margin:8px 0}.pros-cons{display:flex;flex-wrap:wrap;gap:24px}.cons,.pros{flex:1 1;min-width:200px}.cons h4,.pros h4{font-size:14px;margin:0 0 12px}.pros h4{color:#4ec9b0}.cons h4{color:#e74c3c}.example-code{background:#252525;color:#e0e0e0;font-family:Courier New,monospace;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.example-code,.theory-visual-hint{border-radius:8px;font-size:13px;padding:12px 16px}.theory-visual-hint{align-items:center;background:#2a2a2a;border-left:3px solid #4ec9b0;color:#b0b0b0;display:flex;gap:12px;margin:16px 20px 20px}.hint-icon{font-size:20px}@media (max-width:768px){.section-content{padding:0 16px 16px 40px}.pros-cons{flex-direction:column;gap:16px}.theory-visual-hint{margin:12px 16px 16px}}
/*# sourceMappingURL=main.5f22f894.css.map*/