@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-void: #0c0c0f;--bg-surface: #101014;--bg-elevated: #16161b;--bg-hover: #1c1c22;--bg-active: #222229;--text-primary: #f0f0f2;--text-secondary: #a0a0a8;--text-muted: #606068;--text-ghost: #404048;--accent: #00f0ff;--accent-dim: rgba(0, 240, 255, .1);--accent-glow: rgba(0, 240, 255, .4);--accent-secondary: #ff6b4a;--accent-secondary-dim: rgba(255, 107, 74, .1);--accent-tertiary: #a78bfa;--text-warm: #fff8f0;--chrome-border: rgba(255, 255, 255, .06);--chrome-border-strong: rgba(255, 255, 255, .1);--chrome-border-accent: rgba(0, 240, 255, .2);--traffic-close: #ff5f57;--traffic-minimize: #febc2e;--traffic-maximize: #28c840;--traffic-inactive: #3a3a3a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 28px;--font-size-3xl: 36px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:var(--bg-void);scroll-behavior:smooth}body{height:100%;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:400;letter-spacing:-.01em;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{display:flex;justify-content:center;align-items:center;padding:var(--space-xl);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000;mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,240,255,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,107,74,.04),transparent);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) ease}a:hover{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes glitch{0%,to{transform:translate(0);filter:none}20%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}40%{transform:translate(2px,-1px);filter:hue-rotate(-90deg)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.glitch-hover:hover{animation:glitch .3s ease-in-out}::selection{background:var(--accent);color:var(--bg-void)}@media(max-width:768px){body{padding:var(--space-md)}}@media(max-width:480px){html,body{overflow:hidden}body{padding:var(--space-sm);align-items:center}}.back-nav{padding:16px 24px;border-bottom:1px solid var(--chrome-border)}.back-link{color:var(--text-muted);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 14px;margin:-8px -14px;border-radius:8px;border:1px solid transparent;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease}.back-link:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--chrome-border-accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-ghost);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
