:root{
  --bg:#0a0a0f; --fg:#e6fff9; --neon:#00fff7; --glitch:#ff007e; --accent:#10222b;
}
body[data-palette="emerald"]{
  --neon:#00ff9d; --glitch:#00d4ff; --accent:#0f1f17;
}
body[data-palette="violet"]{
  --neon:#b388ff; --glitch:#ff4dd2; --accent:#151129;
}
.brandbar{display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem; border-bottom:1px solid rgba(0,255,247,.15); background: linear-gradient(90deg, rgba(0,255,247,.06), transparent, rgba(255,0,126,.06)); position:sticky; top:0; z-index:60;}
.brandbar .brand{display:flex; gap:.6rem; align-items:center; color:var(--fg);}
.brand-title{opacity:.85; letter-spacing:.08em;}
.palette-switch button{border:1px solid var(--neon); background:transparent; color:var(--neon); margin-left:.4rem; padding:.25rem .5rem; border-radius:6px; cursor:pointer;}
.palette-switch button:hover{box-shadow:0 0 10px rgba(0,255,247,.3);}