.glitch{color:#fff;cursor:pointer;font-size:clamp(2rem,1vw,3rem);font-weight:900;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.glitch:after,.glitch:before{background-color:#060010;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#fff;content:attr(data-text);overflow:hidden;position:absolute;top:0}.glitch:not(.enable-on-hover):after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch:not(.enable-on-hover):before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{animation:none;content:"";opacity:0}.glitch.enable-on-hover:after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;content:attr(data-text);left:10px;opacity:1;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch.enable-on-hover:before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;content:attr(data-text);left:-10px;opacity:1;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}@keyframes animate-glitch{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}5%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}15%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}25%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}35%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}40%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}45%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}55%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}60%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}65%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}70%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}75%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}80%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}85%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}90%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}95%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}to{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#ecf0f1;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--border-color:#bdc3c7;--shadow:0 2px 10px #0000001a;--nav-bg:#2c3e50;--nav-text:#fff}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#555;--shadow:0 2px 10px #0000004d;--nav-bg:#000;--nav-text:#fff}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app,body{background:#f8f9fa;background:var(--bg-secondary);color:#2c3e50;color:var(--text-primary)}.app{min-height:100vh}.app-header{background:#2c3e50;background:var(--nav-bg);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--nav-text);padding:.5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.logo-container{flex-shrink:0}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.title-section h1{font-size:2rem;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin:0;opacity:.8}.nav-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-left:1rem;margin-top:.1rem}.nav-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:25px;color:#fff;color:var(--nav-text);cursor:pointer;display:flex;padding:.5rem 1rem;transition:all .3s ease}.nav-tab:hover{background:#fff3;transform:translateY(-2px)}.nav-tab.active{background:#3498db;box-shadow:0 4px 15px #3498db66}.tab-icon{font-size:1.2rem;margin-right:.5rem}.header-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.dark-mode-toggle{align-items:center;background:#0000;border:2px solid #fff;border:2px solid var(--nav-text);border-radius:8px;color:#fff;color:var(--nav-text);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .3s ease}.dark-mode-toggle:hover{background:#fff;background:var(--nav-text);color:#2c3e50;color:var(--nav-bg);transform:scale(1.1)}.github-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .3s ease}.github-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.app:not(.dark-mode) .github-button:hover{background:#0000000d;border-color:#0000001a}.github-button svg{transition:all .3s ease}.github-button:hover svg{transform:scale(1.1)}.github-button:after{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:4px;bottom:-35px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;color:var(--text-primary);content:"View on GitHub";font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.github-button:hover:after{opacity:1}.main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px;padding:1.5rem}.visualizer-section{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);padding:1.7rem}.visualizer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.visualizer-header h2{color:#2c3e50;color:var(--text-primary);font-size:1.5rem}.visualizer-status{align-items:center;display:flex;gap:1rem}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.status-indicator.playing{background:#d5e8d4;color:#27ae60}.status-indicator.paused{background:#ffeaa7;color:#f39c12}.step-indicator{background:#ecf0f1;background:var(--bg-tertiary);border-radius:20px;color:#2c3e50;color:var(--text-primary);font-weight:700;padding:.5rem 1rem}.control-section{display:flex;flex-direction:column;gap:1.5rem}.analysis-panel,.animation-controls,.control-panel{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.analysis-panel h3,.animation-controls h4,.control-panel h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.speed-control{align-items:center;display:flex;gap:.75rem;margin:1rem 0}.speed-slider{-webkit-appearance:none;appearance:none;background:#ecf0f1;background:var(--bg-tertiary);border-radius:4px;flex:1 1;height:8px;outline:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.speed-value{background:#ecf0f1;background:var(--bg-tertiary);border-radius:15px;color:#2c3e50;color:var(--text-primary);font-weight:700;min-width:60px;padding:.25rem .75rem;text-align:center}.playback-controls,.step-controls{display:flex;gap:.5rem;margin:1rem 0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease}.btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary{background:#3498db;color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-warning{background:#f39c12;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn-info{background:#17a2b8;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-outline{background:#0000;border:2px solid #3498db;color:#3498db}.btn-outline:hover{background:#3498db;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.step-display{align-items:center;background:#ecf0f1;background:var(--bg-tertiary);border-radius:8px;color:#2c3e50;color:var(--text-primary);display:flex;font-weight:700;padding:.75rem 1rem}.operation-selector,.value-input-group{margin:1rem 0}.operation-selector label,.value-input-group label{color:#2c3e50;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.operation-select,.start-node-select,.traversal-select,.value-input{background:#fff;background:var(--bg-primary);border:2px solid #bdc3c7;border:2px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.operation-select:focus,.value-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.execute-btn{font-size:1rem;margin:1rem 0;padding:1rem;width:100%}.quick-actions h5{color:#2c3e50;color:var(--text-primary);margin:1rem 0 .5rem}.quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-sm{font-size:.8rem;padding:.5rem .75rem}.complexity-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin:1rem 0}.complexity-item{align-items:center;background:#ecf0f1;background:var(--bg-tertiary);border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.complexity-value{background:#e74c3c1a;border-radius:4px;color:#e74c3c;font-family:Consolas,Monaco,monospace;font-weight:700;padding:.25rem .5rem}.visualization-canvas{background:#fff;background:var(--bg-primary);border:2px solid #bdc3c7;border:2px solid var(--border-color);border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;max-width:100%}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0}.info-item{background:#ecf0f1;background:var(--bg-tertiary);border-radius:8px;padding:.75rem;text-align:center}.info-item strong{color:#2c3e50;color:var(--text-primary);display:block;margin-bottom:.25rem}.path-info{background:#ecf0f1;background:var(--bg-tertiary);border-left:4px solid #27ae60;border-radius:8px;margin-top:1rem;padding:1rem}.path-display{background:#f39c12;border-radius:4px;color:#fff;font-weight:700;margin:.5rem 0;padding:.5rem}.legend{background:#ecf0f1;background:var(--bg-tertiary);border-radius:8px;margin-top:1rem;padding:1rem}.legend h5{color:#2c3e50;color:var(--text-primary);margin-bottom:.75rem}.legend-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.legend-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.legend-color{border:2px solid #bdc3c7;border:2px solid var(--border-color);border-radius:50%;height:20px;width:20px}.app-footer{background:#2c3e50;background:var(--nav-bg);border-top:1px solid #bdc3c7;border-top:1px solid var(--border-color);color:#fff;color:var(--nav-text);margin-top:3rem;padding:2rem}.footer-content{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.footer-links{align-items:center;display:flex}.footer-links{gap:.5rem}.separator{color:#7f8c8d;color:var(--text-secondary);opacity:.6}.footer-link{align-items:center;border-radius:4px;color:#fff;color:var(--nav-text);display:flex;font-size:1.2rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}}@media (max-width:1024px){.main-content{grid-template-columns:1fr;padding:1rem}.header-content{flex-direction:column;gap:1rem}.nav-tabs{justify-content:center}.info-grid,.legend-items{grid-template-columns:1fr}}@media (max-width:768px){.nav-tabs{align-items:center;flex-direction:column}.nav-tab{justify-content:center;width:200px}.visualizer-header{flex-direction:column;gap:1rem;text-align:center}.playback-controls,.step-controls{flex-wrap:wrap}.quick-buttons{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-panel,.animation-controls,.control-panel,.visualizer-section{animation:fadeIn .5s ease-out}.dark-mode ::-webkit-scrollbar{width:8px}.dark-mode ::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb{background:#bdc3c7;background:var(--border-color);border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#3498db}button:focus,input:focus,select:focus{outline:2px solid #3498db;outline-offset:2px}.traversal-info,.traversal-result{background:#e8f6f3;border-left:4px solid #27ae60;border-radius:8px;margin-top:1rem;padding:1rem}.traversal-status{background:#fff3cd;border-radius:4px;color:#856404;margin-top:1rem;padding:.5rem;text-align:center}@media (max-width:480px){.app-header{padding:.5rem}.title-section h1{font-size:1.5rem}.subtitle{font-size:.8rem}.analysis-panel,.animation-controls,.control-panel,.visualizer-section{padding:1rem}.btn{font-size:.8rem;padding:.5rem 1rem}}.sorting-visualizer{width:100%}.sorting-header{align-items:center;background:#ecf0f1;background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.sorting-selector .dropdown{position:relative}.dropdown-toggle{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #bdc3c7;border:2px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:space-between;min-width:180px;padding:.75rem 1rem}.dropdown-toggle:hover{background:#ecf0f1;background:var(--bg-tertiary)}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;background:var(--bg-primary);border:2px solid #bdc3c7;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);left:0;margin-top:.5rem;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{align-items:center;background:#0000;border:none;color:#2c3e50;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:background-color .3s ease;width:100%}.dropdown-item:hover{background:#ecf0f1;background:var(--bg-tertiary)}.dropdown-item.active{background:#3498db;color:#fff}.sorting-controls{display:flex;gap:1rem}.step-info{background:#ecf0f1;background:var(--bg-tertiary);border-left:4px solid #3498db;border-radius:8px;margin-top:1rem;padding:1rem}.step-info h5{color:#2c3e50;color:var(--text-primary);margin:0 0 .5rem}.algorithm-explanation{background:#ecf0f1;background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem;padding:1rem}.algorithm-explanation h4{color:#2c3e50;color:var(--text-primary);margin-bottom:.5rem}.algorithm-explanation ol{margin:.5rem 0 0 1.5rem}.algorithm-explanation li{color:#2c3e50;color:var(--text-primary);margin-bottom:.5rem}.code-implementation{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;overflow:hidden}.code-header{background:#ecf0f1;background:var(--bg-tertiary);border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--border-color);padding:1rem}.code-toggle-btn{align-items:center;background:#0000;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.code-toggle-btn:hover{background:#3498db;color:#fff}.code-toggle-btn .arrow{font-size:.8rem;transition:transform .3s ease}.code-toggle-btn .arrow.up{transform:rotate(180deg)}.code-sections{padding:1rem}.code-section{margin-bottom:2rem}.code-section h5{background:#ecf0f1;background:var(--bg-tertiary);border-left:4px solid #3498db;border-radius:8px;color:#2c3e50;color:var(--text-primary);margin-bottom:1rem;padding:.5rem 1rem}.code-block{background:#2c3e50;border:1px solid #34495e;border-radius:8px;margin:0;overflow-x:auto;padding:1.5rem}.code-block code{color:#ecf0f1;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;white-space:pre}.dark-mode .code-block{background:#1a1a1a;border-color:#333}.dark-mode .code-block code{color:#f8f8f2}@media (max-width:768px){.code-block{font-size:.8rem;padding:1rem}.code-toggle-btn{font-size:.9rem;padding:.5rem 1rem}}.operations-section{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;overflow:hidden}.section-header{background:#ecf0f1;background:var(--bg-tertiary);border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--border-color);padding:1rem}.section-toggle-btn{align-items:center;background:#0000;border:2px solid #27ae60;border-radius:8px;color:#27ae60;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.section-toggle-btn:hover{background:#27ae60;color:#fff}.section-toggle-btn .arrow{font-size:.8rem;transition:transform .3s ease}.section-toggle-btn .arrow.up{transform:rotate(180deg)}.operations-content{padding:1.5rem}.complexity-explanation{color:#7f8c8d;color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:.25rem 0 0}.comparison-section{margin-top:2rem}.comparison-table{margin-top:1rem}.comparison-table table{background:#fff;background:var(--bg-primary);border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--border-color);color:#2c3e50;color:var(--text-primary);padding:1rem;text-align:left}.comparison-table th{font-weight:600}.comparison-table th,.comparison-table tr:hover{background:#ecf0f1;background:var(--bg-tertiary)}.comparison-table small{color:#7f8c8d;color:var(--text-secondary);display:block;font-style:italic;margin-top:.5rem}@media (max-width:768px){.operation-grid{grid-template-columns:1fr}.comparison-table{overflow-x:auto}.comparison-table table{min-width:500px}.section-toggle-btn{font-size:.9rem;padding:.5rem 1rem}}.complexity-grid .complexity-item{background:#ecf0f1;background:var(--bg-tertiary);border-left:4px solid #e74c3c;border-radius:8px;padding:1.5rem}.collapsible-section{background:#fff;background:var(--bg-primary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.collapsible-toggle-btn{align-items:center;background:#ecf0f1;background:var(--bg-tertiary);border:none;border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.collapsible-toggle-btn:hover{background:#3498db;color:#fff}.section-title{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;text-align:left}.collapsible-toggle-btn:hover .section-title{color:#fff}.section-arrow{color:#7f8c8d;color:var(--text-secondary);font-size:.8rem;transition:transform .3s ease}.section-arrow.open{transform:rotate(180deg)}.collapsible-toggle-btn:hover .section-arrow{color:#fff}.collapsible-content{padding:0}.collapsible-content .code-block{border:none;border-radius:0;margin:0}.collapsible-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@media (max-width:768px){.collapsible-toggle-btn{padding:.75rem 1rem}.section-title{font-size:.9rem}}.operation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.operation-card{background:#ecf0f1;background:var(--bg-tertiary);border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:all .3s ease}.operation-card:hover{border-left-color:#2980b9;box-shadow:0 8px 25px #3498db26;transform:translateY(-2px)}.operation-card h5{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.operation-card ul{list-style:none;margin:0;padding:0}.operation-card ul li{border-bottom:1px solid #3498db1a;color:#2c3e50;color:var(--text-primary);padding:.5rem 0 .5rem 1.5rem;position:relative}.operation-card ul li:last-child{border-bottom:none}.operation-card ul li:before{color:#3498db;content:"▶";font-size:.8rem;left:0;position:absolute}.operation-card ul li strong{color:#3498db;font-weight:600}@media (max-width:768px){.operation-grid{gap:1rem;grid-template-columns:1fr;margin:1rem 0}.operation-card{padding:1.25rem}.operation-card h5{font-size:1rem}}@media (max-width:480px){.operation-grid{gap:.75rem}.operation-card{border-radius:8px;padding:1rem}.operation-card ul li{font-size:.9rem;padding:.4rem 0 .4rem 1.2rem}}.dark-mode .operation-card{background:#ecf0f1;background:var(--bg-tertiary);border-color:#bdc3c7;border-color:var(--border-color)}.dark-mode .operation-card:hover{box-shadow:0 8px 25px #0000004d}.dark-mode .operation-card ul li{border-bottom-color:#ffffff1a}.operation-card.traversal-card{border-left-color:#27ae60}.operation-card.traversal-card h5,.operation-card.traversal-card ul li strong,.operation-card.traversal-card ul li:before{color:#27ae60}.operation-card.complexity-card{border-left-color:#e74c3c}.operation-card.complexity-card h5,.operation-card.complexity-card ul li strong,.operation-card.complexity-card ul li:before{color:#e74c3c}.operation-card.utility-card{border-left-color:#f39c12}.operation-card.utility-card h5,.operation-card.utility-card ul li strong,.operation-card.utility-card ul li:before{color:#f39c12}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.operation-card{animation:cardFadeIn .5s ease-out forwards}.operation-card:first-child{animation-delay:0s}.operation-card:nth-child(2){animation-delay:.1s}.operation-card:nth-child(3){animation-delay:.2s}.operation-card:nth-child(4){animation-delay:.3s}
/*# sourceMappingURL=main.502879b4.css.map*/