/* Drawer */
.drawer{
  position: fixed;
  inset: 0 auto 0 0;
  width: min(360px, 86vw);
  background: rgba(12,14,22,.92);
  backdrop-filter: blur(16px);
  border-right: 1px solid rgba(255,255,255,.10);
  transform: translateX(-105%);
  transition: transform .22s ease;
  z-index: 100;
  padding: 14px;
}
.drawer.open{transform:none}
.drawer .top{
  display:flex; align-items:center; justify-content:space-between;
  padding: 8px 6px 12px;
}
.drawer nav{display:flex; flex-direction:column; gap:6px; padding: 10px 6px}
.drawer nav a{
  padding: .8rem .9rem;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-weight: 900;
}
.drawer nav a:hover{background: rgba(255,255,255,.07)}
.overlay{
  position:fixed; inset:0;
  background: rgba(0,0,0,.55);
  opacity:0; pointer-events:none;
  transition: opacity .22s ease;
  z-index: 90;
}
.overlay.open{opacity:1; pointer-events:auto}