@layer base, component, modifier;@layer base{:root{--bg:#0a0a0a;--bg-elevated:#111;--bg-subtle:#161616;--text-primary:#eee;--text-secondary:#999;--text-muted:#666;--text-faint:#444;--border:#333;--border-subtle:#222;--border-strong:#555;--accent:#fff;--accent-muted:#888;--link:#ccc;--link-hover:#fff;--m:1rem;--l:2rem;--xl:3rem;--max-line-width:45rem;--font-sans:"Space Grotesk", -apple-system, "system-ui", sans-serif}html{background:var(--bg);color:var(--text-primary)}body{font-family:var(--font-sans);font-size:1.125rem;line-height:1.6;background:var(--bg)}h1, h2, h3, h4, h5, h6{color:var(--text-primary);font-weight:500}h1{font-size:2rem;margin-bottom:var(--m)}h2{font-size:1.5rem;margin-top:var(--l);color:var(--text-secondary)}h3{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 600px){:root{--m:0.75rem;--l:1.25rem;--xl:1.75rem}body{font-size:1rem;line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}}p{color:var(--text-secondary);margin-bottom:var(--m)}a{color:var(--link);text-decoration:none;transition:color 0.2s}a:hover{color:var(--link-hover)}strong, b{color:var(--text-primary);font-weight:600}em, i{color:var(--text-secondary)}code{background:var(--bg-subtle);padding:0.15em 0.4em;border-radius:4px;font-size:0.875rem;color:var(--text-primary)}pre{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:var(--m);overflow-x:auto}pre code{background:none;padding:0}blockquote{border-left:2px solid var(--border);padding-left:var(--m);color:var(--text-muted);font-style:italic}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--m) 0}ul, ol{color:var(--text-secondary);padding-left:1.5em}li{margin-bottom:0.5em}img{max-width:100%;height:auto;border-radius:8px}::selection{background:rgba(255, 255, 255, 0.15)}}