:root{--bg-canvas:222 47% 7%;--bg-surface:217 33% 11%;--bg-card:217 33% 16%;--bg-elevated:215 28% 22%;--bg-glass:222 47% 7% / .75;--text-primary:210 40% 98%;--text-secondary:215 20% 75%;--text-muted:215 16% 52%;--text-inverse:222 47% 7%;--accent-heads:217 91% 60%;--accent-heads-hover:217 91% 68%;--accent-heads-glow:217 91% 60% / .35;--accent-tails:38 92% 50%;--accent-tails-hover:38 92% 58%;--accent-tails-glow:38 92% 50% / .35;--accent-edge:280 84% 60%;--accent-success:158 64% 52%;--accent-danger:0 84% 60%;--border-subtle:217 33% 22% / .65;--border-default:217 33% 30% / .7;--border-active:217 91% 60% / .7;--border-gold:38 92% 50% / .7;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, Menlo, monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-spring);--transition-normal:.28s var(--ease-spring);--transition-slow:.45s var(--ease-spring);--shadow-sm:0 2px 8px -1px #0006;--shadow-md:0 8px 24px -4px #00000080;--shadow-lg:0 20px 48px -8px #000000a6;--shadow-glow-heads:0 0 40px -10px hsl(var(--accent-heads) / .45);--shadow-glow-tails:0 0 40px -10px hsl(var(--accent-tails) / .45)}[data-theme=light]{--bg-canvas:210 40% 98%;--bg-surface:0 0% 100%;--bg-card:210 40% 96%;--bg-elevated:214 32% 91%;--bg-glass:210 40% 98% / .85;--text-primary:222 47% 11%;--text-secondary:215 25% 27%;--text-muted:215 16% 47%;--text-inverse:210 40% 98%;--accent-heads:221 83% 53%;--accent-tails:35 92% 44%;--border-subtle:214 32% 88% / .9;--border-default:215 25% 80% / .9;--border-active:221 83% 53% / .8;--border-gold:35 92% 44% / .8;--shadow-sm:0 2px 8px -1px #0f172a14;--shadow-md:0 8px 24px -4px #0f172a1f;--shadow-lg:0 20px 48px -8px #0f172a29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:hsl(var(--bg-canvas));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;line-height:1.6}body{background-color:hsl(var(--bg-canvas));flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}:focus-visible{outline:2px solid hsl(var(--accent-heads));outline-offset:3px;border-radius:4px}.skip-link{z-index:9999;background:hsl(var(--accent-heads));color:#fff;border-radius:6px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:top .2s ease-in-out;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}h1,h2,h3,h4,h5,h6{color:hsl(var(--text-primary));letter-spacing:-.025em;font-weight:700;line-height:1.15}h1{font-size:clamp(2.25rem,4.5vw + 1rem,3.75rem)}h2{font-size:clamp(1.75rem,3vw + .5rem,2.5rem)}h3{font-size:clamp(1.25rem,2vw + .25rem,1.75rem)}p{color:hsl(var(--text-secondary));font-size:clamp(.95rem,.2vw + .9rem,1.05rem)}a{color:hsl(var(--accent-heads));transition:color var(--transition-fast);text-decoration:none}a:hover{color:hsl(var(--accent-heads-hover))}button{cursor:pointer;background:0 0;border:none;font-family:inherit}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.container-narrow{width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.surface-card{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:1.75rem}.surface-card:hover{border-color:hsl(var(--border-default));box-shadow:var(--shadow-md)}.glass-panel{background:hsl(var(--bg-glass));-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-subtle))}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-blue{background:hsl(var(--accent-heads) / .12);color:hsl(var(--accent-heads));border:1px solid hsl(var(--accent-heads) / .3)}.badge-gold{background:hsl(var(--accent-tails) / .12);color:hsl(var(--accent-tails));border:1px solid hsl(var(--accent-tails) / .3)}.badge-green{background:hsl(var(--accent-success) / .12);color:hsl(var(--accent-success));border:1px solid hsl(var(--accent-success) / .3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-canvas))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-elevated));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}