.topbar-actions{display:flex;align-items:center;gap:14px}.palette-control{display:flex;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px}.palette-control button{font-size:11px;padding:6px 10px;border-radius:4px;white-space:nowrap;color:var(--muted)}.palette-control button[aria-pressed=true]{background:var(--green);color:#fff}.palette-control button::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#d8c5a2}.palette-control button[data-palette-choice=main]::before{background:#b684e1}.palette-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-palette=main]{--paper:#f3f4f7;--surface:#fff;--ink:#283044;--muted:#6474a2;--line:#e3e6ee;--green:#7611a6;--accent:#7611a6;--panel:#f0ecf7;--selected:#eae0f6;--field:#f8f7fc;--hover:#ede8f4;--soft:#f0ecf7;--contrast:#fff;color-scheme:light}
:root[data-palette=main][data-tone=dark]{--paper:#090b11;--surface:#141925;--ink:#e3e6ee;--muted:#a3acc8;--line:#283044;--green:#9346c5;--accent:#d2a0f4;--panel:#11131f;--selected:#302044;--field:#191e2e;--hover:#252139;--soft:#201c30;--contrast:#fff;color-scheme:dark}
[data-palette=main] body{background:radial-gradient(ellipse at 85% 0%,#b866e119,transparent 48%),var(--paper)}[data-palette=main] .sidebar{background:var(--panel)}[data-palette=main] .topbar{background:var(--surface)}[data-palette=main] .nav-item,[data-palette=main] .backup-controls button,[data-palette=main] .sidebar-note p,[data-palette=main] select{color:var(--muted)}[data-palette=main] .nav-item:hover{background:var(--hover)}[data-palette=main] .nav-item.active{background:var(--selected);color:var(--accent)}[data-palette=main] .sidebar-divider,[data-palette=main] .backup-controls{border-color:var(--line)}[data-palette=main] .count,[data-palette=main] .shelf-label,[data-palette=main] .local-note,[data-palette=main] .sidebar-note>span:last-child,[data-palette=main] .breadcrumb,[data-palette=main] .eyebrow,[data-palette=main] .intro-stamp,[data-palette=main] .card-meta,[data-palette=main] .card-author,[data-palette=main] .card-note,[data-palette=main] .card-bottom,[data-palette=main] .card-bottom button,[data-palette=main] .tag,[data-palette=main] .page-footer,[data-palette=main] .detail-note,[data-palette=main] .detail-meta,[data-palette=main] .artist-empty{color:var(--muted)}[data-palette=main] .intro h1 span,[data-palette=main] .breadcrumb b{color:var(--accent)}[data-palette=main] .intro-stamp{border-color:var(--line)}[data-palette=main] .search-wrap,[data-palette=main] form input:not([type=checkbox]),[data-palette=main] form select,[data-palette=main] form textarea{background:var(--field);border-color:var(--line);color:var(--ink)}[data-palette=main] input::placeholder,[data-palette=main] textarea::placeholder{color:var(--muted)}[data-palette=main] .tag.active,[data-palette=main] .card-tags span,[data-palette=main] .related-link,[data-palette=main] .lookup-panel{background:var(--soft);border-color:var(--line);color:var(--accent)}[data-palette=main] .primary:hover{background:#8c31b9}[data-palette=main] .star.selected{color:var(--accent)}[data-palette=main] .artist-feature img{background:var(--field)}[data-palette=main] .lookup-panel #lookup-status{color:var(--accent)}[data-palette=main] .card:hover{border-color:var(--accent)}[data-palette=main] .artist-monogram{background:var(--selected);color:var(--accent)}[data-palette=main] .shelf-label span{color:var(--accent);border-color:var(--line)}
@media(max-width:900px){.topbar-actions{gap:8px}.palette-control button{padding:6px 8px;font-size:10px}}@media(max-width:720px){.topbar{height:auto;min-height:63px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.topbar-actions{margin-left:auto}.palette-control button{padding:5px 7px;font-size:10px}.palette-control button::before{margin-right:4px}}@media(max-width:420px){.topbar-actions{width:100%;justify-content:space-between}}