:root{--bg:#0a0a0b;--fg:#e8e8ea;--muted:#6a6a70;--accent:#00ff88;--accent-dim:rgba(0,255,136,0.15);--rule:rgba(255,255,255,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.container{max-width:640px;width:100%}h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;letter-spacing:-.05em;color:var(--accent);margin-bottom:1.25rem;line-height:1.05}.tagline{font-size:clamp(1rem,2.4vw,1.2rem);margin-bottom:.4rem;color:var(--fg)}.hl{color:var(--accent);background:var(--accent-dim);padding:0 .25rem;border-radius:2px}.examples{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.examples-heading{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}ul{list-style:none}li{padding:.3rem 0;font-size:.95rem}li:before{content:"→ ";color:var(--accent)}.muted,.status{color:var(--muted)}.status{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-size:.9rem}@media (max-width:600px){main{padding:1.5rem}}