:root{--color-background: #0d1117;--color-surface: #161b22;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-accent: #58a6ff;--color-accent-hover: #79c0ff;--color-border: #30363d;--color-arcade-pink: #ff2d78;--color-arcade-yellow: #ffe600;--color-arcade-cyan: #00e5ff;--color-arcade-green: #39ff14;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-arcade: "Press Start 2P", monospace;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--glow-pink: 0 0 8px var(--color-arcade-pink), 0 0 24px var(--color-arcade-pink), 0 0 48px var(--color-arcade-pink);--glow-cyan: 0 0 8px var(--color-arcade-cyan), 0 0 24px var(--color-arcade-cyan);--glow-yellow: 0 0 8px var(--color-arcade-yellow), 0 0 20px var(--color-arcade-yellow);--glow-green: 0 0 8px var(--color-arcade-green), 0 0 20px var(--color-arcade-green);--color-hero-panel: #080b10}[data-theme=light]{--color-background: #ffffff;--color-surface: #f6f8fa;--color-text-primary: #1f2328;--color-text-secondary: #656d76;--color-accent: #0969da;--color-accent-hover: #0550ae;--color-border: #d0d7de}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.header-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.main{flex:1}.section-inner,.origin-inner,.open-source-inner{max-width:1024px;margin:0 auto;padding:var(--space-xxl) var(--space-lg)}.section-title{font-size:var(--font-size-xxl);font-weight:700;margin-bottom:var(--space-xl);color:var(--color-text-primary)}.section-divider{position:relative;height:2px;background:linear-gradient(90deg,var(--color-arcade-pink),var(--color-arcade-cyan),var(--color-arcade-yellow),var(--color-arcade-green),var(--color-arcade-pink));background-size:400% 100%;animation:gradient-scroll 6s linear infinite;overflow:visible}.section-divider:after{content:"← ↓ ↑ → ← ↓ ↑ → ← ↓ ↑ → ← ↓ ↑ → ← ↓ ↑ → ← ↓ ↑ → ← ↓ ↑ →";position:absolute;top:4px;left:0;right:0;overflow:hidden;white-space:nowrap;font-size:.6rem;letter-spacing:.4em;color:var(--color-text-secondary);opacity:.35;pointer-events:none}@keyframes gradient-scroll{0%{background-position:0% 50%}to{background-position:400% 50%}}.hero{position:relative;background-color:var(--color-hero-panel);text-align:center;padding:96px var(--space-lg) 80px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:repeating-linear-gradient(-45deg,transparent 0px,transparent 28px,color-mix(in srgb,var(--color-arcade-pink) 12%,transparent) 28px,color-mix(in srgb,var(--color-arcade-pink) 12%,transparent) 30px,transparent 30px,transparent 80px),repeating-linear-gradient(45deg,transparent 0px,transparent 28px,color-mix(in srgb,var(--color-arcade-cyan) 10%,transparent) 28px,color-mix(in srgb,var(--color-arcade-cyan) 10%,transparent) 30px,transparent 30px,transparent 80px),repeating-linear-gradient(135deg,transparent 0px,transparent 38px,color-mix(in srgb,var(--color-arcade-yellow) 8%,transparent) 38px,color-mix(in srgb,var(--color-arcade-yellow) 8%,transparent) 40px,transparent 40px,transparent 80px),repeating-linear-gradient(-135deg,transparent 0px,transparent 38px,color-mix(in srgb,var(--color-arcade-green) 8%,transparent) 38px,color-mix(in srgb,var(--color-arcade-green) 8%,transparent) 40px,transparent 40px,transparent 80px);background-size:80px 80px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);pointer-events:none}.hero-headline{font-family:var(--font-family-arcade);font-size:clamp(1.25rem,4vw,2.5rem);font-weight:400;letter-spacing:.05em;line-height:1.4;margin-bottom:var(--space-lg);text-transform:uppercase;color:var(--color-text-primary);text-shadow:var(--glow-pink)}.hero-diamond{color:var(--color-arcade-pink)}.hero-tagline{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-xxl);max-width:480px;margin-left:auto;margin-right:auto}.hero-arrows{display:flex;justify-content:center;gap:var(--space-xl);align-items:center}.hero-arrow{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:2.5rem;font-weight:900;border:3px solid currentColor;border-radius:var(--radius-md);animation:arrow-pulse 2s ease-in-out infinite;position:relative;background-color:color-mix(in srgb,currentColor 8%,transparent);transition:transform .1s}.hero-arrow:nth-child(1){animation-delay:0s;color:var(--color-arcade-pink);box-shadow:0 0 12px var(--color-arcade-pink),0 0 32px color-mix(in srgb,var(--color-arcade-pink) 40%,transparent)}.hero-arrow:nth-child(2){animation-delay:.2s;color:var(--color-arcade-cyan);box-shadow:0 0 12px var(--color-arcade-cyan),0 0 32px color-mix(in srgb,var(--color-arcade-cyan) 40%,transparent)}.hero-arrow:nth-child(3){animation-delay:.4s;color:var(--color-arcade-yellow);box-shadow:0 0 12px var(--color-arcade-yellow),0 0 32px color-mix(in srgb,var(--color-arcade-yellow) 40%,transparent)}.hero-arrow:nth-child(4){animation-delay:.6s;color:var(--color-arcade-green);box-shadow:0 0 12px var(--color-arcade-green),0 0 32px color-mix(in srgb,var(--color-arcade-green) 40%,transparent)}@keyframes arrow-pulse{0%,to{opacity:.5;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.08)}}.origin-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xxl);align-items:start}@media(max-width:680px){.origin-inner{grid-template-columns:1fr}}.origin-paragraph{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:var(--font-size-md)}.origin-route{background-color:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-arcade-cyan);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:60px;box-shadow:0 0 16px color-mix(in srgb,var(--color-arcade-cyan) 10%,transparent)}@media(max-width:680px){.origin-route{margin-top:0}}.route-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-arcade-cyan);margin-bottom:var(--space-md);text-shadow:var(--glow-cyan)}.route-stops{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.route-stop{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-md);position:relative}.route-stop:before{content:"◆";position:absolute;left:0;color:var(--color-arcade-pink);font-size:.5em;top:.4em}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:580px){.feature-grid{grid-template-columns:1fr}}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-arcade-cyan);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .2s,box-shadow .2s,transform .2s}.feature-card:nth-child(1){border-top-color:var(--color-arcade-pink)}.feature-card:nth-child(2){border-top-color:var(--color-arcade-cyan)}.feature-card:nth-child(3){border-top-color:var(--color-arcade-yellow)}.feature-card:nth-child(4){border-top-color:var(--color-arcade-green)}.feature-card:hover{border-color:var(--color-arcade-pink);border-top-color:var(--color-arcade-pink);box-shadow:0 0 24px color-mix(in srgb,var(--color-arcade-pink) 25%,transparent),0 4px 12px #0006;transform:translateY(-2px)}.feature-card:nth-child(2):hover{border-color:var(--color-arcade-cyan);border-top-color:var(--color-arcade-cyan);box-shadow:0 0 24px color-mix(in srgb,var(--color-arcade-cyan) 25%,transparent),0 4px 12px #0006}.feature-card:nth-child(3):hover{border-color:var(--color-arcade-yellow);border-top-color:var(--color-arcade-yellow);box-shadow:0 0 24px color-mix(in srgb,var(--color-arcade-yellow) 25%,transparent),0 4px 12px #0006}.feature-card:nth-child(4):hover{border-color:var(--color-arcade-green);border-top-color:var(--color-arcade-green);box-shadow:0 0 24px color-mix(in srgb,var(--color-arcade-green) 25%,transparent),0 4px 12px #0006}.feature-icon{display:block;font-size:1.75rem;color:var(--color-arcade-cyan);margin-bottom:var(--space-md)}.feature-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm)}.feature-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.steps{display:flex;gap:var(--space-lg);align-items:flex-start;position:relative}@media(max-width:680px){.steps{flex-direction:column}}.step{flex:1;position:relative}.step-number{display:block;font-family:var(--font-family-arcade);font-size:2rem;font-weight:400;color:var(--color-arcade-yellow);line-height:1;margin-bottom:var(--space-md);text-shadow:var(--glow-yellow)}.step-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.step-connector{position:absolute;top:1.5rem;right:calc(-1 * var(--space-lg) / 2 - .75rem);color:var(--color-arcade-yellow);font-size:1.5rem;opacity:.6;text-shadow:var(--glow-yellow);animation:connector-blink 1.5s ease-in-out infinite alternate}@keyframes connector-blink{0%{opacity:.3}to{opacity:.9}}@media(max-width:680px){.step-connector{display:none}}.open-source{background-color:var(--color-surface);position:relative;isolation:isolate;overflow:hidden}.open-source:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle,color-mix(in srgb,var(--color-arcade-cyan) 12%,transparent) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.open-source-inner{text-align:center;max-width:640px}.open-source-body{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.open-source-license{font-size:var(--font-size-sm);color:var(--color-arcade-green);font-weight:600;text-shadow:var(--glow-green)}.footer{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);text-align:center;font-family:var(--font-family)}.error-boundary h1{color:var(--color-text-primary);margin-bottom:var(--space-md)}.error-boundary p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.error-boundary button{background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:background-color .15s}.error-boundary button:hover{background-color:var(--color-accent-hover)}