:root { --ink:#f4f1ea; --bg:#10131a; --muted:#9aa3b2; --accent:#7a5cff; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--ink); min-height:100dvh; display:flex; flex-direction:column; }
a { color:inherit; }
.site-header { position:fixed; inset:0 0 auto 0; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 20px; z-index:1000; background:linear-gradient(180deg, rgba(0,0,0,.5), transparent); pointer-events:none; }
.site-header .brand { font-weight:800; letter-spacing:.5px; text-decoration:none; font-size:18px; pointer-events:auto; }
main { flex:1; }
.site-footer { padding:16px 20px; text-align:center; font-size:13px; color:var(--muted); }
body.immersive { overflow:hidden; }
body.immersive .site-header { background:linear-gradient(180deg, rgba(0,0,0,.35), transparent); }
body.immersive .site-footer { position:fixed; left:0; right:0; bottom:0; padding:6px 12px; z-index:6; text-align:center; background:transparent; pointer-events:none; color:rgba(255,255,255,.65); font-size:12px; }