/* Neutral day/night themes. Image pixels remain unchanged. */
:root{
  color-scheme:light;
  --bg:#ffffff;--surface:#ffffff;--ink:#262626;--muted:#646464;--edge:#e5e5e5;
  --accent:#303030;--accent-deep:#222222;--tint:#f2f2f2;
  --panel:#f8f8f8;--soft:#f1f1f1;--hover:#ececec;--selected:#e7e7e7;
  --secondary:#6c6c6c;--faint:#737373;--strong:#242424;
  --button:#303030;--button-hover:#1b1b1b;--button-text:#ffffff;
  --search:#ffffff;--badge:#fffffff2;--badge-ink:#444444;
  --scrim:#20202077;--art:#f2f2f2;
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#181818;--surface:#242424;--ink:#e8e8e8;--muted:#adadad;--edge:#383838;
  --accent:#dddddd;--accent-deep:#f0f0f0;--tint:#323232;
  --panel:#202020;--soft:#2b2b2b;--hover:#363636;--selected:#404040;
  --secondary:#b5b5b5;--faint:#a5a5a5;--strong:#f0f0f0;
  --button:#dddddd;--button-hover:#f2f2f2;--button-text:#222222;
  --search:#242424;--badge:#282828f0;--badge-ink:#e5e5e5;
  --scrim:#050505b3;--art:#202020;
}
body,.top{background:var(--bg);color:var(--ink)}
.sidebar,.sidebar.open{background:var(--panel);border-color:var(--edge)}
.brand img{mix-blend-mode:multiply}
[data-theme=dark] .brand img{mix-blend-mode:normal;filter:grayscale(1) invert(.88);border-radius:8px}
.slogan,.preview-label,.nav-group-label,.sidebar-note,.sidebar-note small,.section-label,.search-intro .eyebrow{color:var(--secondary)}
.top-divider{color:var(--faint)}
.note-mark{border-color:var(--edge);color:var(--secondary)}
.nav-item{color:var(--secondary)}
.nav-item:hover,.collapsed .collapse:is(:hover,:focus-visible){background:var(--hover);color:var(--ink)}
.nav-item[aria-current=page]{background:var(--selected);color:var(--strong)}
.saved-count{background:var(--selected);color:var(--strong)}
.icon-button,.login-button,.sort select{background:var(--surface);border-color:var(--edge);color:var(--ink)}
.icon-button:hover,.login-button:hover{background:var(--hover);border-color:var(--faint)}
.collapse{background:transparent;border-color:transparent}
.search-intro h1,.card-body strong,.feature-title{color:var(--strong)}
.search,.search:focus-within{background:var(--search);border-color:var(--edge);color:var(--secondary);box-shadow:0 3px 14px #00000004}
.search:focus-within{border-color:var(--secondary);box-shadow:0 0 0 3px var(--soft)}
.search input{color:var(--ink)}.search input::placeholder{color:var(--faint)}
.search kbd{background:var(--panel);border-color:var(--edge);color:var(--faint)}
.search-clear{background:var(--soft);color:var(--ink)}.search-clear:hover{background:var(--hover)}
.primary{background:var(--button);border-color:var(--button);color:var(--button-text)}
.primary:hover{background:var(--button-hover);border-color:var(--button-hover)}
.suggestions,.suggestions button,.feature-heading>span{color:var(--secondary)}
.suggestions button:hover{background:var(--soft);color:var(--strong)}
.feature-banner{background:var(--panel);border-color:var(--edge)}
.feature-copy .collection-kicker,.feature-copy p:not(.feature-title):not(.collection-kicker){color:var(--secondary)}
.feature-link,.feature-link:hover{background:transparent;color:var(--strong)}
.feature-art img,.card-image img{filter:none}
.card-image,.detail-art{background:var(--art)}
.density-toggle{background:var(--soft)}.density-toggle button{color:var(--secondary)}
.density-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink)}
.tab-track::before{background:var(--selected)}.tab:hover{background:var(--hover)}.tab.active{color:var(--strong)}
#results-count,.tags span{color:var(--secondary)}.tags span+span::before{color:var(--faint)}
.badge,.card-save{background:var(--badge);color:var(--badge-ink)}
.card-save:hover,.card-save[aria-pressed=true]{background:var(--selected);color:var(--strong)}
.empty{background:var(--panel);border-color:var(--edge)}
.text-button,.text-button:hover{color:var(--secondary)}
footer,footer span:first-child{border-color:var(--edge);color:var(--secondary)}
.membership,.login-dialog,dialog{background:var(--surface);border-color:var(--edge);color:var(--ink)}
.benefits article,.prompt{background:var(--soft);border-color:var(--edge);color:var(--secondary)}
.status-chip{background:var(--soft);border-color:var(--edge);color:var(--secondary)}
.copy-button[data-copied=true]{background:var(--selected);color:var(--strong);border-color:var(--edge)}
.toast{background:var(--button);color:var(--button-text);border-color:var(--edge)}
dialog::backdrop,.drawer-backdrop{background:var(--scrim)}
.theme-switch{display:flex;align-items:center;gap:2px;background:var(--soft);border:1px solid var(--edge);padding:3px;border-radius:9px}
.theme-switch button{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:48px;padding:6px 11px;background:transparent;color:var(--secondary);font-size:11px;border-radius:6px;white-space:nowrap}
.theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--strong);box-shadow:0 1px 3px #0000000d}
.theme-switch button:hover{color:var(--strong)}
.theme-switch button:focus-visible{outline-offset:-1px}
@media(max-width:760px){.preview-label{display:none}.top{padding-inline:12px}.top-actions{gap:8px}.theme-switch{padding:2px}.theme-switch button{min-width:40px;min-height:40px;padding:5px 7px;font-size:10px}.login-button{min-width:58px;padding:6px 8px;gap:4px}.top-left{gap:5px}.top-left .brand{font-size:16px;letter-spacing:0}.top-left .brand img{width:26px;height:26px}.mobile-menu{min-width:34px}}
@media(forced-colors:active){.theme-switch button[aria-pressed=true]{outline:1px solid Highlight}.theme-switch{border-color:ButtonText}}