*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-text:#e8e8e8;--color-text-muted:#888;--color-accent:#f0c040;--color-accent-hover:#ffd560;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:6px;--max-width:960px}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}body{min-height:100dvh}.app-nav{background:var(--color-surface);z-index:100;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.nav-brand{color:var(--color-accent);font-size:1.1rem;font-weight:700;text-decoration:none}.nav-links{gap:1rem;display:flex}.nav-links a{color:var(--color-text-muted);font-size:.875rem;text-decoration:none;transition:color .15s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--color-text)}main{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem}