:root { color-scheme:light; }
:root[data-theme="dark"] { color-scheme:dark; }
input, textarea, select {background:var(--color-surface);color:var(--color-ink)}
.preferences-bar{background:var(--color-surface);border-bottom:1px solid var(--color-line);padding:var(--space-2xs) var(--container-gutter)}
.preferences-inner{max-width:var(--container-max);margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;font-size:var(--size-step--2)}
.preferences-inner select{width:auto;min-height:var(--container-target);margin:0;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-line);border-radius:var(--radius-s)}
.preferences-inner button{min-height:var(--container-target)}
#preferences-status:not(:empty){flex-basis:100%;color:var(--color-danger);text-align:right}
:root[data-theme="dark"] .button.primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}
:root[data-theme="dark"] .auth-story{background:var(--color-sidebar);color:var(--color-ink)}
:root[data-theme="dark"] .auth-story p,:root[data-theme="dark"] .auth-story footer{color:var(--color-muted)}
:root[data-theme="dark"] #toast{background:var(--color-ink);color:var(--color-surface)}
dialog{color:var(--color-ink);background:var(--color-surface)}
.topbar-right{flex-wrap:wrap}.topbar{flex-wrap:wrap}
@media(max-width:760px){.preferences-inner{justify-content:flex-start}.preferences-inner label{display:none}.preferences-bar{padding-inline:var(--space-s)}.topbar-right{gap:var(--space-xs)}}