.header-actions { justify-self:end; display:flex; align-items:center; gap:20px; }
.theme-control { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; white-space:nowrap; }
.theme-control .switch { flex:none; }
.theme-control .switch span { background:var(--nav-active); border-color:var(--field-border); }
.theme-control .switch span::before { border-color:#5c655e; }
.theme-control .switch input:checked+span { background:var(--mint); }
.theme-control .switch input:focus-visible+span { outline:3px solid var(--blue); outline-offset:3px; }
.account-block .theme-control { margin:0 0 16px; }
.button-dark { color:var(--button-fg); background:var(--button-bg); border-color:var(--button-bg); }
.button-accent { background:var(--accent-bg); border-color:var(--accent-bg); color:#ffffff; }
.button-coffee,.community-band .button,.proof-strip,.server-button { color:var(--on-accent); }
.server-button[data-color="3"] { background:var(--accent-bg); color:#ffffff; }
.wordmark span,.warning-mark,.community-band { background:var(--accent-bg); }
.hero-interface { background:var(--white); }
.mock-sidebar span { color:var(--muted); }
.shot-safety { background:var(--success-bg); }
.safety-score strong { color:var(--success-fg); }
footer,#toast,.server-hover-preview,.guild-action-tooltip { background:var(--panel); color:var(--on-panel); }
.app-sidebar { background:var(--nav-bg); color:var(--nav-fg); }
.nav-item { color:var(--nav-fg); }
.nav-item:hover,.nav-item.active { background:var(--nav-active); color:var(--nav-fg); }
.account-block { border-color:var(--line); }
.account-block button { color:var(--nav-fg); border-color:var(--field-border); }
.server-rail { background:var(--rail-bg); border-color:var(--line); }
.server-add { color:var(--green); border-color:var(--field-border); }
.server-rail-item::before { background:var(--nav-fg); }
input,select,textarea { color:var(--ink); accent-color:var(--green); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
#template-apply-form select,#template-apply-form textarea,.tool-panel input,.tool-panel select,dialog input,dialog textarea,dialog select,.setup-panel input,.options-form input,.options-form select,.admin-period select,.admin-search input { background:var(--field-bg); border-color:var(--field-border); color:var(--ink); }
.view-header,.metric-row,.metric-row div,.support-table-wrap,.options-form,dialog,.product-shot,.setup-panel { border-color:var(--line); }
.support-table-wrap th { background:var(--nav-active); color:var(--ink); }
.status-pill,.bot-installed { background:var(--success-bg); color:var(--success-fg); }
.bot-uninstalled { background:var(--danger-bg); color:var(--danger-fg); }
.import-result { background:var(--warning-bg); color:var(--ink); }
.warning-setting,.danger-option { background:var(--danger-bg); }
.danger-option small { color:var(--danger-fg); }
.setup-panel code { background:var(--field-bg); }
.support-session-banner { color:var(--on-accent); }
.support-session-banner button { color:inherit; border-color:var(--on-accent); }
.selected-server-name { color:var(--green); }
.server-hover-avatar { color:var(--on-accent); }
@media(max-width:900px) { .account-block .theme-control { margin:0; } }
@media(max-width:620px) { .site-header { height:auto; min-height:112px; grid-template-columns:minmax(0,1fr); gap:10px; padding:12px 16px; } .header-actions { justify-self:stretch; justify-content:space-between; gap:12px; } }