*{ box-sizing:border-box; }

/* Prevent layout shift when scrollbar appears/disappears */
html { scrollbar-gutter: stable; }

/* Fallback for browsers without scrollbar-gutter support */
body { overflow-y: scroll; }

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

a{ color:var(--blue); text-decoration:none; }

header{
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 16px;
  background:var(--panel);
  border-bottom:1px solid var(--line);
}

.brand a{ color:inherit; font-weight:800; }

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
  border:1px solid var(--input-line);
  background:var(--chip);
  color:inherit;
}
.btn:hover{ background:var(--hover); }

.muted{ color:var(--mut); }

:fullscreen header{ display:none !important; }
:fullscreen .sidebar{ display:none !important; }