/* Theme control shared by both appearances; the original theme styles stay intact. */
.topbar-theme {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  flex:0 0 auto;align-self:center;min-height:38px;padding:8px 13px;
  border:1px solid var(--line);border-radius:999px;background:var(--surface);
  color:var(--ink-2);font-family:var(--display);font-size:12px;line-height:1.2;
  letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;
}
.topbar-theme b {font-weight:500}
.topbar-theme svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.topbar-theme:hover {color:var(--ink);border-color:var(--muted);background:var(--surface-2)}
.topbar-theme:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.topbar-theme .theme-moon {display:none}
html[data-theme="light"] .topbar-theme .theme-sun {display:none}
html[data-theme="light"] .topbar-theme .theme-moon {display:block}
@media(max-width:760px) {
  .topbar-theme {order:1;width:36px;min-height:36px;padding:8px;margin-left:auto}
  .topbar-theme b {display:none}
  .topbar-right .walletchip {margin-left:0}
}