.theme-controls { display: inline-flex; align-items: center; gap: 0; flex-shrink: 0; }
.theme-controls button { font: 12px Arial, sans-serif; line-height: 1.4; padding: 4px 8px; margin: 0; border: 1px solid #888; border-radius: 0; background: #fff; color: #333; cursor: pointer; }
.theme-controls button + button { border-left: 0; }
.theme-controls button[aria-pressed="true"] { background: #ddd; color: #111; font-weight: bold; }
.theme-controls button:focus-visible { outline: 2px solid #0000ee; outline-offset: 2px; }
.theme-controls-mobile { display: none; }
html[data-theme="normal"] .theme-controls button { border-color: #666; background: #222; color: #ccc; }
html[data-theme="normal"] .theme-controls button[aria-pressed="true"] { background: #444; color: #fff; }
html[data-theme="normal"] .theme-controls button:focus-visible { outline-color: #22c55e; }
@media (max-width: 768px) {
    html[data-theme="normal"] .theme-controls-mobile { display: inline-flex; position: fixed; top: 28px; right: 76px; z-index: 1001; }
}
@media (max-width: 600px) {
    html[data-theme="retro"] .theme-controls-mobile { display: inline-flex; position: fixed; top: 15px; right: 60px; z-index: 1002; }
    html[data-theme="retro"] .nav-container { padding-right: 176px; }
}