/* One theme icon only: the earlier fixed sun pseudo-element conflicted with SVG. */
.has-classic-switch #themeBtn.theme-control{
  width:38px;height:38px;min-width:38px;min-height:38px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  border:1px solid var(--line);border-radius:10px;background:var(--surface-soft,var(--surface));
  color:var(--text);font-size:0;line-height:1;overflow:visible;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.has-classic-switch #themeBtn.theme-control::before,
.has-classic-switch #themeBtn.theme-control::after{content:none!important;display:none!important}
.has-classic-switch #themeBtn.theme-control>svg{
  display:block;width:19px;height:19px;flex:0 0 19px;margin:0;
  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.has-classic-switch #themeBtn.theme-control:hover{background:var(--surface-2);border-color:var(--accent,var(--cyan));color:var(--accent,var(--cyan))}
.has-classic-switch #themeBtn.theme-control:focus-visible{outline:2px solid var(--accent,var(--cyan));outline-offset:4px}
.card-icon>svg,.notice-icon>svg,.searchbox>svg,.empty-icon>svg,.btn>.action-icon{
  display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.notice-icon:has(svg){border:0}.notice-icon>svg{width:23px;height:23px}
.btn>.action-icon{width:16px;height:16px;flex-basis:16px}.empty-icon>svg{width:28px;height:28px}
.no-anim #themeBtn.theme-control{transition:none}
@media(prefers-reduced-motion:reduce){.has-classic-switch #themeBtn.theme-control{transition:none}}