.m-switch {
  position: fixed; top: max(12px, env(safe-area-inset-top)); right: 12px; z-index: 900;
  display: flex; align-items: center; gap: 2px; padding: 3px;
  background: rgba(38, 13, 7, .82); border: 1px solid rgba(246, 239, 228, .22);
  border-radius: 999px; font: 600 12px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.m-switch a {
  display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
  color: #F6EFE4; text-decoration: none; transition: background .2s, color .2s;
}
.m-switch a:hover { background: rgba(246, 239, 228, .16); }
.m-switch a[aria-current] { background: #F6EFE4; color: #3B1209; }
.m-switch a:focus-visible { outline: 2px solid #F6EFE4; outline-offset: 1px; }
.m-switch img { display: block; border-radius: 50%; }
.m-clock { vertical-align: -2px; flex: none; }