:root{color-scheme:dark;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-hover: #2e2e2e;--bg-active: #383838;--surface-canvas: #0a0a0a;--surface-code: #161622;--surface-panel: #141414;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #0f0f0f;--accent-primary: #60a5fa;--accent-primary-hover: #93c5fd;--accent-secondary: #a78bfa;--accent-success: #4ade80;--accent-warning: #fbbf24;--accent-error: #f87171;--vis-default: #60a5fa;--vis-comparing: #fbbf24;--vis-swapping: #f87171;--vis-sorted: #4ade80;--vis-pivot: #a78bfa;--vis-highlight: #f472b6;--vis-active: #22d3ee;--border-subtle: #1f1f1f;--border-default: #2a2a2a;--border-strong: #3a3a3a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px;--sidebar-width: 70%;--controls-height: 64px}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mesh-gradient-bg{position:relative}.mesh-gradient-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(96,165,250,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(167,139,250,.12),transparent),radial-gradient(ellipse 40% 30% at 40% 80%,rgba(74,222,128,.08),transparent);pointer-events:none;z-index:0}[data-theme=light]{color-scheme:light;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-hover: #cbd5e1;--bg-active: #94a3b8;--surface-code: #f1f5f9;--surface-panel: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-secondary: #7c3aed;--accent-success: #16a34a;--accent-warning: #d97706;--accent-error: #dc2626;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout{display:grid;grid-template-rows:var(--header-height) 1fr;grid-template-columns:1fr var(--sidebar-width);grid-template-areas:"header header" "main sidebar";height:100vh;width:100vw;overflow:hidden}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:50}.header-brand{display:flex;align-items:center}.header-home-link{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.header-logo{display:flex;align-items:center;transition:transform var(--transition-base)}.header-home-link:hover .header-logo{transform:scale(1.1) rotate(3deg)}.header-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-selector{flex:1;max-width:400px;margin:0 var(--space-xl)}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.header-nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.header-nav-link:hover{color:var(--text-primary)}.app-main{grid-area:main / main / main / sidebar;display:grid;grid-template-columns:1fr var(--sidebar-width);grid-template-rows:1fr;grid-template-areas:"canvas sidebar";overflow:hidden}.canvas-section{grid-area:canvas;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;min-height:0}.canvas-container{flex:1;min-height:0;position:relative;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:var(--space-md);overflow:hidden;animation:scaleIn var(--transition-slow) ease-out}#main-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.controls-bar{height:var(--controls-height);padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-subtle);margin:0 var(--space-md) var(--space-md);border-radius:var(--radius-lg);animation:slideUp var(--transition-base) ease-out}.controls-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-lg)}.controls-group{display:flex;align-items:center;gap:var(--space-sm)}.controls-playback{gap:var(--space-xs)}.controls-progress{flex:1;max-width:300px}.controls-speed{gap:var(--space-sm)}.info-panel{grid-area:sidebar;background-color:var(--bg-primary);border-left:1px solid var(--border-subtle);overflow-y:auto;padding:var(--space-lg);animation:fadeIn var(--transition-base) ease-out}.panel-section{margin-bottom:var(--space-md);animation:slideUp var(--transition-base) ease-out backwards}.panel-section.panel-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.panel-section.panel-card:hover{border-color:var(--border-default)}.panel-section:nth-child(1){animation-delay:50ms}.panel-section:nth-child(2){animation-delay:.1s}.panel-section:nth-child(3){animation-delay:.15s}.panel-section:nth-child(4){animation-delay:.2s}.panel-section:nth-child(5){animation-delay:.25s}.panel-section:nth-child(6){animation-delay:.3s}.panel-section:last-child{margin-bottom:0}.panel-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.panel-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.code-header .panel-title{margin-bottom:0}.code-tabs{display:flex;gap:var(--space-xs)}.code-tab{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.code-tab:hover{color:var(--text-primary);border-color:var(--border-default)}.code-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.pseudocode-block{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;background-color:var(--surface-code);border-radius:var(--radius-lg);padding:var(--space-sm);overflow-x:auto;border:1px solid var(--border-subtle)}.pseudocode-block code{display:block;white-space:pre}.pseudocode-block span{display:block;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.pseudocode-block span.highlighted{--highlight-color: var(--accent-primary);background:linear-gradient(90deg,color-mix(in srgb,var(--highlight-color) 20%,transparent),transparent);border-left:3px solid var(--highlight-color);margin-left:-3px}.pseudocode-block .line-number{display:inline-block;width:2em;color:var(--text-muted);user-select:none}.complexity-info{display:flex;flex-direction:column;gap:var(--space-xs)}.complexity-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.complexity-label{color:var(--text-muted)}.complexity-value{font-family:var(--font-mono);color:var(--accent-secondary)}.counters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.counter-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.counter-item:hover{border-color:var(--border-default);transform:translateY(-1px)}.counter-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--accent-primary)}.counter-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-xs)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.step-progress{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);user-select:none}.btn:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{padding:var(--space-sm);width:36px;height:36px}.btn-control{width:40px;height:40px;padding:0;border-radius:var(--radius-full);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.btn-control:hover:not(:disabled){transform:scale(1.08);box-shadow:var(--shadow-md)}.btn-control:active:not(:disabled){transform:scale(.95)}.btn-primary{background:var(--text-primary);border-color:transparent;color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--text-secondary);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.control-icon{display:flex;align-items:center;justify-content:center;font-size:var(--text-base);line-height:1}.control-icon svg{display:block}.theme-icon{display:flex;align-items:center;justify-content:center}.theme-icon svg{display:block;transition:transform var(--transition-base)}.btn-icon:hover .theme-icon svg{transform:rotate(15deg)}.icon{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center}.icon svg{display:block}.selector-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.selector-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.dropdown-trigger:hover{background-color:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px)}.dropdown-trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #60a5fa33}.dropdown-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.dropdown-icon svg{display:block}.custom-dropdown[data-open=true] .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;max-height:320px;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast)}.custom-dropdown[data-open=true] .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-group{padding:var(--space-xs) 0}.dropdown-group:not(:last-child){border-bottom:1px solid var(--border-subtle)}.dropdown-group-label{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item:focus{outline:none;background-color:var(--bg-hover)}.dropdown-item.selected{background:#60a5fa1a;border-left:2px solid var(--accent-primary)}.dropdown-item.selected .dropdown-item-name{color:var(--accent-primary);font-weight:600}.dropdown-item.selected:hover{background:#60a5fa26}.selector-dropdown{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.selector-dropdown:hover{border-color:var(--border-strong)}.selector-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #60a5fa33}.selector-dropdown optgroup{font-weight:600;color:var(--text-secondary)}.selector-dropdown option{padding:var(--space-sm);background-color:var(--bg-secondary)}.speed-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.speed-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:50px;text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border:none;border-radius:var(--radius-full);cursor:pointer}progress{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);overflow:hidden}progress::-webkit-progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-full)}progress::-webkit-progress-value{background-color:var(--accent-primary);border-radius:var(--radius-full);transition:width var(--transition-fast)}progress::-moz-progress-bar{background-color:var(--accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:1024px){:root{--sidebar-width: 340px}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr auto;grid-template-areas:"header" "main" "sidebar"}.app-main{grid-template-columns:1fr}.info-panel{grid-area:sidebar;position:relative;max-height:40vh;overflow-y:auto;border-left:none;border-top:1px solid var(--border-default);padding:var(--space-md)}.info-panel.collapsed{max-height:48px;overflow:hidden}.info-panel.collapsed .panel-section{display:none}.info-panel.collapsed .mobile-toggle{display:flex}.mobile-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.mobile-toggle-icon{transition:transform var(--transition-base)}.info-panel:not(.collapsed) .mobile-toggle-icon{transform:rotate(180deg)}.mobile-toggle{display:flex}.controls-wrapper{flex-wrap:wrap;justify-content:center}.controls-progress{order:3;width:100%;max-width:none}.btn-control{width:36px;height:36px}.canvas-container{margin:var(--space-sm);margin-bottom:0}.controls-bar{margin:var(--space-sm);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.app-header{flex-wrap:wrap;padding:var(--space-sm) var(--space-md);height:auto;min-height:var(--header-height)}.header-brand{width:100%;justify-content:center;margin-bottom:var(--space-xs)}.header-selector{margin:0;flex:1}.header-title{font-size:var(--text-lg)}}@media(max-width:480px){.header-title{font-size:var(--text-base)}.panel-section{margin-bottom:var(--space-md)}.counters-grid{grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column}.action-button{width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;line-height:1.5}.panel-description{line-height:1.6;letter-spacing:.01em}.step-description{line-height:1.5;letter-spacing:.01em}.counter-value{font-variant-numeric:tabular-nums}.input-controls{margin-bottom:var(--space-lg)}.input-controls-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);margin-top:var(--space-md)}.input-controls-label:first-child{margin-top:0}.input-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.input-field-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.input-field-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.input-field{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input-field:hover:not(:disabled){border-color:var(--border-strong)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #60a5fa33}.input-field:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.action-button{flex:1;min-width:80px;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.action-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--accent-primary)}.action-button:active:not(:disabled){background-color:var(--bg-active)}.action-button:disabled{opacity:.4;cursor:not-allowed}.input-empty{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;padding:var(--space-sm) 0}.mobile-toggle{display:none;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.mobile-toggle:hover{color:var(--text-primary)}.mobile-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.mobile-toggle-icon svg{display:block}.info-panel.collapsed .mobile-toggle-icon{transform:rotate(180deg)}.info-panel.collapsed .mobile-toggle-text:after{content:" (tap to expand)";color:var(--text-muted);font-size:var(--text-xs)}.landing-root{display:none;position:absolute;inset:0;z-index:20;background-color:var(--bg-primary);overflow-y:auto;opacity:0;transition:opacity var(--transition-base)}.landing-root.visible{display:block;opacity:1;animation:fadeIn var(--transition-base) ease-out}.landing-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;padding:var(--space-xl)}.landing-hero{position:relative;text-align:center;padding:var(--space-2xl) var(--space-lg);margin-bottom:var(--space-xl)}.landing-hero-content{max-width:700px;margin:0 auto;animation:slideDown var(--transition-slow) ease-out}.landing-title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.03em;line-height:1.2}.landing-title .gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:550px;margin:0 auto}.landing-sections{position:relative;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.landing-section-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.landing-shelf{position:relative;margin:0;padding:0}.landing-shelf-track{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:var(--space-md);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.landing-shelf-track::-webkit-scrollbar{height:6px}.landing-shelf-track::-webkit-scrollbar-track{background:transparent}.landing-shelf-track::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full)}.landing-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);min-height:110px;background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;text-align:left;scroll-snap-align:start;animation:cardEnter var(--transition-slow) ease-out backwards;animation-delay:calc(var(--card-index, 0) * 50ms);transition:all var(--transition-fast)}.landing-card:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px #60a5fa1a}.landing-card:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #60a5fa33}.landing-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-sm)}.landing-card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.landing-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.landing-footer{position:relative;text-align:center;padding:var(--space-2xl) 0;margin-top:var(--space-xl)}.landing-footer-text{font-size:var(--text-sm);color:var(--text-muted)}.landing-footer-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:opacity var(--transition-fast)}.landing-footer-link:hover{opacity:.8;text-decoration:underline}[data-mode=landing] .canvas-container,[data-mode=landing] .controls-bar{display:none}[data-mode=landing] .header-selector{visibility:hidden;pointer-events:none}.header-home-link{text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.header-home-link:hover{opacity:.8}.header-home-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-card,.btn,.btn-control{transition:none}.landing-card:hover,.btn:hover,.btn-control:hover{transform:none}}.lp-home{min-height:100vh;padding:0;overflow-y:auto;position:relative}.lp-home-nav{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:#0f0f0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100}.lp-home-nav-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary)}.lp-home-logo{display:flex;align-items:center;transition:transform var(--transition-base)}.lp-home-nav-brand:hover .lp-home-logo{transform:scale(1.1) rotate(3deg)}.lp-home-nav-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.lp-home-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.lp-home-nav-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.lp-home-nav-link:hover{color:var(--text-primary)}.lp-home-hero{text-align:center;padding:var(--space-2xl) var(--space-xl);position:relative;z-index:1}.lp-home-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.03em}.lp-home-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.lp-home-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);padding:0 var(--space-xl) var(--space-2xl);max-width:1000px;margin:0 auto;position:relative;z-index:1}.lp-home-category-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.lp-home-category-card:hover{background:var(--bg-tertiary);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lp-home-category-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-lg);flex-shrink:0}.lp-home-category-info{flex:1;min-width:0}.lp-home-category-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.lp-home-category-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.lp-home-category-count{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff;flex-shrink:0}.lp-home-visualizers{padding:0 var(--space-xl) var(--space-2xl);max-width:1200px;margin:0 auto;position:relative;z-index:1}.lp-home-viz-section{margin-bottom:var(--space-2xl);scroll-margin-top:80px}.lp-home-viz-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.lp-home-viz-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.lp-home-viz-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);flex:1}.lp-home-viz-count{font-size:var(--text-sm);color:var(--text-muted)}.lp-home-viz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.lp-home-viz-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:all var(--transition-fast);animation:cardEnter var(--transition-slow) ease-out backwards;animation-delay:calc(var(--card-index, 0) * 40ms)}.lp-home-viz-card:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px #60a5fa1a}.lp-home-viz-card:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #60a5fa33}.lp-home-viz-card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.lp-home-viz-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0;flex:1}.lp-home-viz-card-cta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);margin-top:var(--space-sm);transition:gap var(--transition-fast)}.lp-home-viz-card:hover .lp-home-viz-card-cta{gap:var(--space-sm)}.lp-home-footer{text-align:center;padding:var(--space-2xl) var(--space-xl);position:relative;z-index:1}.lp-home-footer-text{font-size:var(--text-sm);color:var(--text-muted)}.lp-home-footer-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:opacity var(--transition-fast)}.lp-home-footer-link:hover{opacity:.8}.showcase-root{position:fixed;inset:0;z-index:100;background:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);overflow-y:auto}.showcase-root.visible{opacity:1;visibility:visible}.showcase-directory{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-lg);max-width:1200px;margin:0 auto}.showcase-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.showcase-logo svg{display:block}.showcase-header-text{flex:1}.showcase-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.showcase-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);flex:1}.showcase-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-base),border-color var(--transition-fast);animation:cardEnter .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--card-index, 0) * .1s);text-align:left;font-family:inherit;position:relative}.showcase-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0006;border-color:var(--accent-primary)}.showcase-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.showcase-card-preview{aspect-ratio:16 / 10;background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle);overflow:hidden}.showcase-preview-svg{width:100%;height:100%}.showcase-card-content{padding:var(--space-lg);flex:1}.showcase-card-badge{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:#60a5fa1a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.showcase-card-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.showcase-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.showcase-card-arrow{position:absolute;bottom:var(--space-lg);right:var(--space-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.showcase-card:hover .showcase-card-arrow{background:var(--accent-primary);color:var(--text-inverse);transform:translate(4px)}.showcase-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm)}.showcase-skip-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.showcase-skip-link:hover{color:var(--accent-primary-hover)}.showcase-skip-link svg{transition:transform var(--transition-fast)}.showcase-skip-link:hover svg{transform:translate(4px)}.lp-root{position:fixed;inset:0;z-index:100;background:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);overflow-y:auto}.lp-root.visible{opacity:1;visibility:visible}.lp{min-height:100vh;position:relative}.lp-back-btn{position:fixed;top:var(--space-lg);left:var(--space-lg);z-index:200;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);font-family:inherit}.lp-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.lp-back-btn-light{background:#ffffff1a;border-color:#fff3;color:#fffc}.lp-back-btn-light:hover{background:#fff3;color:#fff}.lp-v1{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-2xl);text-align:center}.lp-v1-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:700px;margin-bottom:var(--space-2xl)}.lp-v1-hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.lp-v1-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-success);background:#4ade801a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.lp-v1-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1.1}.lp-v1-title-accent{color:var(--accent-primary)}.lp-v1-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin:0;line-height:1.6}.lp-v1-cta-group{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);justify-content:center}.lp-v1-cta-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--accent-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-full);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.lp-v1-cta-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #60a5fa4d}.lp-v1-cta-primary svg{transition:transform var(--transition-fast)}.lp-v1-cta-primary:hover svg{transform:translate(4px)}.lp-v1-cta-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;border:1px solid var(--border-default);border-radius:var(--radius-full);transition:color var(--transition-fast),border-color var(--transition-fast)}.lp-v1-cta-secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.lp-v1-graphic{width:100%;max-width:300px;margin-top:var(--space-lg)}.lp-v1-bars{width:100%;height:auto}.lp-v1-stats{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;padding:var(--space-xl) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:var(--space-xl) 0;width:100%;max-width:600px}.lp-v1-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.lp-v1-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--accent-primary)}.lp-v1-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.lp-v1-footer{color:var(--text-muted);font-size:var(--text-sm)}.lp-v1-footer a{color:var(--accent-primary);text-decoration:none}.lp-v1-footer a:hover{text-decoration:underline}.lp-v2{padding:0}.lp-v2-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50}.lp-v2-nav-brand{display:flex;align-items:center;gap:var(--space-sm)}.lp-v2-logo{display:flex}.lp-v2-nav-title{font-weight:700;font-size:var(--text-lg);color:var(--text-primary)}.lp-v2-nav-links{display:flex;gap:var(--space-lg)}.lp-v2-nav-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.lp-v2-nav-links a:hover{color:var(--text-primary)}.lp-v2-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);max-width:1200px;margin:0 auto;align-items:center;min-height:60vh}.lp-v2-hero-text{display:flex;flex-direction:column;gap:var(--space-md)}.lp-v2-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1.15}.lp-v2-title-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-v2-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.6;max-width:480px}.lp-v2-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.lp-v2-btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--accent-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);transition:background var(--transition-fast),transform var(--transition-fast)}.lp-v2-btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px)}.lp-v2-btn-primary.lp-v2-btn-large{padding:var(--space-lg) var(--space-xl);font-size:var(--text-lg)}.lp-v2-btn-ghost{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:color var(--transition-fast),border-color var(--transition-fast)}.lp-v2-btn-ghost:hover{color:var(--text-primary);border-color:var(--text-primary)}.lp-v2-hero-visual{display:flex;justify-content:center}.lp-v2-visual-container{position:relative}.lp-v2-visual-window{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);position:relative;z-index:1}.lp-v2-window-dots{display:flex;gap:6px;margin-bottom:var(--space-sm)}.lp-v2-window-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.lp-v2-window-dots span:first-child{background:var(--accent-error);opacity:.8}.lp-v2-window-dots span:nth-child(2){background:var(--accent-warning);opacity:.8}.lp-v2-window-dots span:nth-child(3){background:var(--accent-success);opacity:.8}.lp-v2-sorting-anim{width:240px;height:100px}.lp-v2-bar{animation:lp-v2-barPulse 2s ease-in-out infinite}.lp-v2-bar:nth-child(1){animation-delay:0s}.lp-v2-bar:nth-child(2){animation-delay:.2s}.lp-v2-bar:nth-child(3){animation-delay:.4s}.lp-v2-bar:nth-child(4){animation-delay:.6s}.lp-v2-bar:nth-child(5){animation-delay:.8s}.lp-v2-bar:nth-child(6){animation-delay:1s}@keyframes lp-v2-barPulse{0%,to{opacity:1}50%{opacity:.6}}.lp-v2-visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(96,165,250,.15),transparent 70%);z-index:0}.lp-v2-section-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0;text-align:center}.lp-v2-section-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-xl) 0;text-align:center}.lp-v2-features{padding:var(--space-2xl) var(--space-xl);max-width:1200px;margin:0 auto}.lp-v2-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.lp-v2-feature-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.lp-v2-feature-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.lp-v2-feature-icon{color:var(--accent-primary);margin-bottom:var(--space-md)}.lp-v2-feature-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.lp-v2-feature-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.lp-v2-algorithms{padding:var(--space-2xl) var(--space-xl);max-width:1200px;margin:0 auto;background:var(--bg-secondary)}.lp-v2-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.lp-v2-category{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.lp-v2-category-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.lp-v2-category-dot{width:10px;height:10px;border-radius:50%}.lp-v2-category-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;flex:1}.lp-v2-category-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.lp-v2-category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.lp-v2-category-list li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.lp-v2-cta-section{padding:var(--space-2xl) var(--space-xl);text-align:center;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary))}.lp-v2-cta-content{max-width:500px;margin:0 auto}.lp-v2-cta-content h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.lp-v2-cta-content p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.lp-v2-footer{padding:var(--space-xl);border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.lp-v2-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.lp-v2-footer-brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-weight:500}.lp-v2-footer-credit{font-size:var(--text-sm);color:var(--text-muted);margin:0}.lp-v2-footer-credit a{color:var(--accent-primary);text-decoration:none}.lp-v2-footer-credit a:hover{text-decoration:underline}.lp-v3{position:relative;overflow:hidden;background:#0a0a0a}.lp-v3-bg{position:absolute;inset:0;z-index:0}.lp-v3-bg-svg{width:100%;height:100%;object-fit:cover}.lp-v3-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a0a0a66,#0a0a0ae6);z-index:1}.lp-v3-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.lp-v3-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);min-height:60vh}.lp-v3-hero-inner{text-align:center;max-width:700px}.lp-v3-eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);margin-bottom:var(--space-md)}.lp-v3-title{font-size:clamp(2.5rem,10vw,5rem);font-weight:800;color:#fff;margin:0 0 var(--space-lg) 0;line-height:1.05}.lp-v3-title-em{color:var(--accent-primary)}.lp-v3-subtitle{font-size:var(--text-lg);color:#fff9;margin:0 0 var(--space-xl) 0;line-height:1.6}.lp-v3-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--accent-primary);color:#000;font-size:var(--text-base);font-weight:700;text-decoration:none;border-radius:var(--radius-full);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.lp-v3-cta:hover{transform:scale(1.05);box-shadow:0 0 40px #60a5fa66}.lp-v3-showcase{padding:var(--space-lg) var(--space-xl);overflow-x:auto}.lp-v3-showcase-scroll{display:flex;gap:var(--space-md);padding-bottom:var(--space-md)}.lp-v3-card{flex-shrink:0;width:200px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);animation:cardEnter .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--card-index, 0) * .1s);transition:border-color var(--transition-fast),transform var(--transition-fast)}.lp-v3-card:hover{border-color:var(--card-color, var(--accent-primary));transform:translateY(-4px)}.lp-v3-card-category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--card-color, var(--accent-primary));opacity:.8}.lp-v3-card-name{font-size:var(--text-base);font-weight:600;color:#fff;margin:var(--space-sm) 0}.lp-v3-card-complexity{font-size:var(--text-sm);color:#ffffff80;font-family:var(--font-mono)}.lp-v3-bottom{padding:var(--space-xl) var(--space-xl)}.lp-v3-stats-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.lp-v3-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.lp-v3-stat-num{font-size:var(--text-2xl);font-weight:800;color:#fff}.lp-v3-stat-label{font-size:var(--text-sm);color:#ffffff80}.lp-v3-stat-divider{width:1px;height:40px;background:#fff3}.lp-v3-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.lp-v3-github-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:#fff9;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.lp-v3-github-link:hover{color:#fff}.lp-v3-credit{font-size:var(--text-sm);color:#fff6}@media(max-width:768px){.showcase-grid{grid-template-columns:1fr}.showcase-footer{flex-direction:column;gap:var(--space-md);text-align:center}.lp-back-btn{top:var(--space-md);left:var(--space-md)}.lp-back-btn span{display:none}.lp-v1-stats{flex-direction:column;gap:var(--space-md)}.lp-v2-hero{grid-template-columns:1fr;text-align:center}.lp-v2-hero-text{align-items:center}.lp-v2-cta-row{justify-content:center}.lp-v2-nav-links{display:none}.lp-v2-footer-content{flex-direction:column;gap:var(--space-md);text-align:center}.lp-v3-stats-row{flex-direction:column;gap:var(--space-md)}.lp-v3-stat-divider{width:40px;height:1px}.lp-v3-footer{flex-direction:column;gap:var(--space-md)}}