/* Theme switcher floating panel (dev only) */
#theme-switcher-panel{
  position:fixed;
  top:12px;
  right:12px;
  z-index:2000;
  background:rgba(0,0,0,0.6);
  color:#fff;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  border-radius:6px;
  padding:8px 10px;
  box-shadow:0 6px 18px rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
}
#theme-switcher-panel h4{
  margin:0 0 6px 0;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.02em;
}
#theme-switcher-panel .ts-list{ display:flex; gap:6px; }
#theme-switcher-panel .ts-option{
  background:rgba(255,255,255,0.06);
  color:#fff;
  padding:6px 8px;
  border-radius:4px;
  cursor:pointer;
  user-select:none;
  transition:all .18s ease;
  border:1px solid rgba(255,255,255,0.04);
}
#theme-switcher-panel .ts-option:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.09); }
#theme-switcher-panel .ts-option.active{ background:rgba(255,255,255,0.14); box-shadow:inset 0 0 0 2px rgba(255,255,255,0.03); }
#theme-switcher-panel .ts-note{ font-size:11px; opacity:0.8; margin-top:6px; }
/* make it slightly less intrusive on small screens */
@media (max-width:480px){
  #theme-switcher-panel{ right:8px; left:8px; top:8px; display:flex; flex-direction:column; gap:6px; }
  #theme-switcher-panel .ts-list{ flex-wrap:wrap; }
}