.visualizer.svelte-17ad4cy{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.controls.svelte-17ad4cy{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.control-group.svelte-17ad4cy{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.control-group.buttons.svelte-17ad4cy{margin-left:auto}label.svelte-17ad4cy{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.slider-label.svelte-17ad4cy{min-width:120px}select.svelte-17ad4cy,input[type=range].svelte-17ad4cy{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.5rem;color:var(--color-text-primary);font-size:.875rem;cursor:pointer}select.svelte-17ad4cy:focus,input[type=range].svelte-17ad4cy:focus{outline:none;border-color:var(--color-accent)}input[type=range].svelte-17ad4cy{-webkit-appearance:none;height:6px;padding:0}input[type=range].svelte-17ad4cy::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer}button.svelte-17ad4cy{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-start.svelte-17ad4cy{background:#10b981;color:#000}.btn-start.svelte-17ad4cy:hover{background:#34d399}.btn-secondary.svelte-17ad4cy{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary.svelte-17ad4cy:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}.btn-secondary.svelte-17ad4cy:disabled{opacity:.5;cursor:not-allowed}.btn-sound.svelte-17ad4cy{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-sound.svelte-17ad4cy:hover{color:var(--color-accent);border-color:var(--color-accent)}.canvas-container.svelte-17ad4cy{display:flex;gap:1rem;padding:10px;height:400px}.canvas-container.comparison.svelte-17ad4cy{display:grid;grid-template-columns:1fr 1fr}canvas.svelte-17ad4cy{width:100%;height:100%;border-radius:8px;background:var(--color-surface)}.algo-info-section.svelte-17ad4cy{display:flex;justify-content:center;gap:1rem;padding:1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.algo-info-section.comparison.svelte-17ad4cy{display:grid;grid-template-columns:1fr 1fr}.algo-info-panel.svelte-17ad4cy{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem}.algo-info-panel.single.svelte-17ad4cy{max-width:700px;width:100%}.algo-header.svelte-17ad4cy{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.algo-header.svelte-17ad4cy h3:where(.svelte-17ad4cy){font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.complexity-badges.svelte-17ad4cy{display:flex;gap:.5rem}.complexity.svelte-17ad4cy{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;padding:.25rem .5rem;border-radius:4px}.complexity.time.svelte-17ad4cy{color:#10b981;background:#10b9811a}.complexity.space.svelte-17ad4cy{color:#3b82f6;background:#3b82f61a}.algo-description.svelte-17ad4cy{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.code-block.svelte-17ad4cy{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.code-header.svelte-17ad4cy{background:var(--color-surface-hover);padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}.code-filename.svelte-17ad4cy{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.code-block.svelte-17ad4cy pre:where(.svelte-17ad4cy){margin:0;padding:1rem;overflow-x:auto}.code-block.svelte-17ad4cy code:where(.svelte-17ad4cy){font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.7;color:var(--color-text-primary);white-space:pre}.code-block.svelte-17ad4cy .hljs-keyword{color:#c678dd}.code-block.svelte-17ad4cy .hljs-function{color:#61afef}.code-block.svelte-17ad4cy .hljs-string{color:#98c379}.code-block.svelte-17ad4cy .hljs-number{color:#d19a66}.code-block.svelte-17ad4cy .hljs-comment{color:#5c6370;font-style:italic}.code-block.svelte-17ad4cy .hljs-builtin{color:#e5c07b}@media(max-width:768px){.controls.svelte-17ad4cy{flex-direction:column}.control-group.buttons.svelte-17ad4cy{margin-left:0;width:100%;justify-content:center}.canvas-container.comparison.svelte-17ad4cy{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.algo-info-section.comparison.svelte-17ad4cy{grid-template-columns:1fr}}.page.svelte-kgsww7{--bg-primary: var(--color-background);--bg-secondary: var(--color-surface);--bg-elevated: var(--color-surface-hover);--bg-card: var(--color-surface);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-dim: rgba(16, 185, 129, .1);--accent-glow: rgba(16, 185, 129, .15);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-secondary);--border: var(--color-border);--border-subtle: var(--color-border);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.hero.svelte-kgsww7{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:4rem 1.5rem 3rem;overflow:hidden}.hero-bg.svelte-kgsww7{position:absolute;inset:0;z-index:0}.hero-gradient.svelte-kgsww7{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(59,130,246,.08),transparent)}.hero-grid.svelte-kgsww7{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent)}.hero-content.svelte-kgsww7{position:relative;z-index:1;text-align:center;max-width:800px}h1.svelte-kgsww7{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.gradient-text.svelte-kgsww7{background:linear-gradient(135deg,var(--accent) 0%,#34d399 50%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline.svelte-kgsww7{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.7}.tab-selector.svelte-kgsww7{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.tab-btn.svelte-kgsww7{padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.tab-btn.svelte-kgsww7:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab-btn.active.svelte-kgsww7{background:var(--accent);color:#000}.mode-toggle.svelte-kgsww7{display:flex;gap:.5rem;justify-content:center}.mode-btn.svelte-kgsww7{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.mode-btn.svelte-kgsww7:hover{border-color:var(--accent);color:var(--accent)}.mode-btn.active.svelte-kgsww7{background:var(--accent);border-color:var(--accent);color:#000}.visualizer-section.svelte-kgsww7{padding:0 2rem 3rem}.visualizer-container.svelte-kgsww7{max-width:1400px;margin:0 auto}.info-section.svelte-kgsww7{padding:4rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border)}.container.svelte-kgsww7{max-width:1200px;margin:0 auto}.info-section.svelte-kgsww7 h2:where(.svelte-kgsww7){font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem}.info-section.svelte-kgsww7 h2.section-title:where(.svelte-kgsww7){margin-top:4rem}.algorithms-grid.svelte-kgsww7{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.algo-card.svelte-kgsww7{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s}.algo-card.svelte-kgsww7:hover{border-color:var(--accent);transform:translateY(-2px)}.algo-card.svelte-kgsww7 h3:where(.svelte-kgsww7){font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.complexity.svelte-kgsww7{font-family:var(--font-family-mono);font-size:.875rem;color:var(--accent);margin-bottom:.75rem}.algo-card.svelte-kgsww7 p:where(.svelte-kgsww7){font-size:.875rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.hero.svelte-kgsww7{padding-top:3rem}.tab-selector.svelte-kgsww7{flex-direction:column;width:100%;max-width:300px}.tab-btn.svelte-kgsww7{width:100%}.mode-toggle.svelte-kgsww7{flex-direction:column;width:100%;max-width:300px}.mode-btn.svelte-kgsww7{width:100%}}