.app.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background);position:relative;overflow-x:hidden;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.app.mounted.svelte-1uha8ag{opacity:1;transform:translateY(0)}.bg-effects.svelte-1uha8ag{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.gradient-orb.svelte-1uha8ag{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:svelte-1uha8ag-float 20s ease-in-out infinite}.orb-1.svelte-1uha8ag{width:600px;height:600px;background:var(--color-primary);top:-200px;left:-100px;animation-delay:0s}.orb-2.svelte-1uha8ag{width:500px;height:500px;background:var(--color-secondary);bottom:-150px;right:-100px;animation-delay:-7s}.orb-3.svelte-1uha8ag{width:400px;height:400px;background:var(--color-primary);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.2}@keyframes svelte-1uha8ag-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.hero.svelte-1uha8ag{position:relative;z-index:1;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.hero-content.svelte-1uha8ag{margin-bottom:var(--spacing-xl)}.title.svelte-1uha8ag{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:var(--color-text);margin:0 0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.title-icon.svelte-1uha8ag{font-size:.8em}.tagline.svelte-1uha8ag{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);margin:0}.algorithm-pills.svelte-1uha8ag{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);max-width:800px;margin:0 auto}.pill.svelte-1uha8ag{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pill.svelte-1uha8ag:hover:not(:disabled){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.pill.active.svelte-1uha8ag{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.pill.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.visualizer-section.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-lg);position:relative;z-index:1}.progress-container.svelte-1uha8ag{height:3px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-md)}.progress-bar.svelte-1uha8ag{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;transition:width .1s linear}.bars-wrapper.svelte-1uha8ag{flex:1;min-height:300px;max-height:500px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;overflow:hidden}.bars-container.svelte-1uha8ag{display:flex;align-items:flex-end;justify-content:center;gap:1px;position:absolute;left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg);top:var(--spacing-lg)}.bar.svelte-1uha8ag{flex:1;min-width:2px;max-width:20px;border-radius:3px 3px 0 0;transition:height .15s cubic-bezier(.4,0,.2,1),transform .1s ease-out;position:relative}.bar.svelte-1uha8ag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,transparent 0%,rgba(255,255,255,.1) 100%)}.bar.comparing.svelte-1uha8ag{transform:scaleY(1.02);background:var(--color-secondary)!important;box-shadow:0 0 30px var(--color-secondary),0 0 60px color-mix(in srgb,var(--color-secondary) 50%,transparent)}.bar.swapping.svelte-1uha8ag{transform:scaleY(1.08);background:var(--color-error)!important;box-shadow:0 0 30px var(--color-error),0 0 60px color-mix(in srgb,var(--color-error) 50%,transparent);animation:svelte-1uha8ag-swap-pulse .15s ease-in-out}.bar.sorted.svelte-1uha8ag{background:var(--color-success)!important;box-shadow:0 0 15px color-mix(in srgb,var(--color-success) 50%,transparent)}.bar.pivot.svelte-1uha8ag{background:var(--color-warning)!important;box-shadow:0 0 25px var(--color-warning),0 0 50px color-mix(in srgb,var(--color-warning) 50%,transparent);animation:svelte-1uha8ag-pulse-pivot .8s ease-in-out infinite}@keyframes svelte-1uha8ag-swap-pulse{0%,to{transform:scaleY(1.08)}50%{transform:scaleY(1.15)}}@keyframes svelte-1uha8ag-pulse-pivot{0%,to{opacity:1}50%{opacity:.8}}.floating-stats.svelte-1uha8ag{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-lg)}.stat.svelte-1uha8ag{display:flex;flex-direction:column;align-items:flex-end}.stat-value.svelte-1uha8ag{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1}.stat-label.svelte-1uha8ag{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.control-bar.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;gap:var(--spacing-md)}.control-group.svelte-1uha8ag{display:flex;gap:var(--spacing-sm);align-items:center}.playback.svelte-1uha8ag{display:flex;gap:var(--spacing-md);align-items:center}.btn.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.btn.svelte-1uha8ag:disabled{opacity:.4;cursor:not-allowed}.btn-icon.svelte-1uha8ag{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-icon.svelte-1uha8ag:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon.active.svelte-1uha8ag{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.btn-play.svelte-1uha8ag{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.btn-play.svelte-1uha8ag:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 30px color-mix(in srgb,var(--color-primary) 50%,transparent)}.btn-play.svelte-1uha8ag:active:not(:disabled){transform:scale(.98)}.settings-panel.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.setting.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.setting-label.svelte-1uha8ag{color:var(--color-text);font-weight:500}.setting-value.svelte-1uha8ag{color:var(--color-primary);font-weight:600}input[type=range].svelte-1uha8ag{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none}input[type=range].svelte-1uha8ag::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:transform .15s ease}input[type=range].svelte-1uha8ag::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].svelte-1uha8ag::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}input[type=range].svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.info-footer.svelte-1uha8ag{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);margin-top:auto}.algorithm-card.svelte-1uha8ag{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.card-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0}.complexity-badge.svelte-1uha8ag{padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:var(--font-mono, monospace)}.algorithm-description.svelte-1uha8ag{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.complexity-details.svelte-1uha8ag{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.complexity-item.svelte-1uha8ag{display:flex;flex-direction:column}.complexity-label.svelte-1uha8ag{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.complexity-value.svelte-1uha8ag{font-size:.875rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono, monospace)}.legend-card.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-content:flex-start}.legend-item.svelte-1uha8ag{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text)}.legend-dot.svelte-1uha8ag{width:12px;height:12px;border-radius:3px}.shortcuts-card.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-content:flex-start}.shortcuts-title.svelte-1uha8ag{width:100%;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.shortcut.svelte-1uha8ag{font-size:.875rem;color:var(--color-text-secondary)}kbd.svelte-1uha8ag{display:inline-block;padding:2px 6px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:600;color:var(--color-text);margin-right:var(--spacing-xs)}@media(max-width:768px){.hero.svelte-1uha8ag{padding:var(--spacing-lg) var(--spacing-md)}.bars-wrapper.svelte-1uha8ag{min-height:250px}.floating-stats.svelte-1uha8ag{flex-direction:column;gap:var(--spacing-sm)}.stat-value.svelte-1uha8ag{font-size:1.25rem}.control-bar.svelte-1uha8ag{flex-wrap:wrap;justify-content:center}.playback.svelte-1uha8ag{order:-1;width:100%;justify-content:center;margin-bottom:var(--spacing-sm)}.info-footer.svelte-1uha8ag{grid-template-columns:1fr}}@media(max-width:480px){.title.svelte-1uha8ag{flex-direction:column;gap:var(--spacing-sm)}.bars-wrapper.svelte-1uha8ag{min-height:200px;padding:var(--spacing-md)}.bars-container.svelte-1uha8ag{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);top:var(--spacing-md)}.btn-play.svelte-1uha8ag{width:56px;height:56px}.settings-panel.svelte-1uha8ag{grid-template-columns:1fr}}