:root{
  --bg:#070a12;
  --panel:#0b1222;
  --ink:#e5e7eb;
  --muted:#94a3b8;
  --line:rgba(148,163,184,.18);
  --accent:#22c55e;
  --accent2:#60a5fa;
}

body.theme-b0019{
  background:radial-gradient(900px 520px at 20% -10%, rgba(34,197,94,.25), transparent 70%),
    radial-gradient(700px 480px at 95% 10%, rgba(96,165,250,.20), transparent 65%),
    var(--bg);
  color:var(--ink);
}

a{color:inherit;}

#logo a{font-weight:900; text-decoration:none; letter-spacing:.02em;}

.headerx{position:sticky; top:0; z-index:50; border-bottom:1px solid var(--line); background:rgba(7,10,18,.70); backdrop-filter:saturate(140%) blur(10px);} 

.panelx{background:rgba(11,18,34,.86); border:1px solid var(--line); border-radius:18px;}

.kicker{letter-spacing:.08em; text-transform:uppercase; font-size:.72rem; color:var(--muted);} 

.cmdbar{display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; justify-content:flex-end;}

.button.button-outline{border-color:var(--line); color:var(--ink);} 
.button.button-outline:hover{border-color:rgba(34,197,94,.55);} 

.dialogx{border:none; padding:0; background:transparent;} 
.dialogx::backdrop{background:rgba(0,0,0,.62);} 

.palette{width:min(720px, calc(100vw - 28px)); margin:10vh auto 0;}
.palette .inner{padding:1rem;}

.pal-input{background:rgba(7,10,18,.55); border:1px solid var(--line); color:var(--ink);} 

.pal-list a{display:block; padding:.55rem .7rem; border-radius:12px; text-decoration:none; color:var(--muted);} 
.pal-list a:hover{background:rgba(148,163,184,.10); color:var(--ink);} 

.gridx{display:grid; grid-template-columns: 1fr 320px; gap:1rem;}

#footer{margin-top:2rem; padding:1.75rem 0; border-top:1px solid var(--line);} 

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 980px){
  .gridx{grid-template-columns:1fr;}
}