/* Day preserves the approved dark chrome and white reading surface exactly. */
.appearance-panel{position:fixed;z-index:1600;box-sizing:border-box;max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 60px #0004}
.appearance-panel[hidden]{display:none}
.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.appearance-head h2{font:650 18px/1.4 'IBM Plex Sans',system-ui;margin:0}.appearance-close{min-width:40px;min-height:40px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:50%;font:24px/1 system-ui;cursor:pointer}
.appearance-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.appearance-mode{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--ink);padding:10px;min-height:110px;cursor:pointer;font:inherit}.appearance-mode[aria-pressed=true]{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.appearance-name{font-size:15px;font-weight:650}.appearance-description{font-size:12px;line-height:1.4;color:var(--muted)}.appearance-swatch{width:100%;height:25px;background:linear-gradient(90deg,#171a22 30%,#fff 30%);border-radius:5px;border:1px solid #74809655}.appearance-swatch[data-preview=night]{background:linear-gradient(90deg,#171a22 30%,#303540 30%)}.appearance-swatch[data-preview=light]{background:linear-gradient(90deg,#e9e8e3 30%,#fff 30%)}.appearance-swatch[data-preview=system]{background:linear-gradient(90deg,#171a22 25%,#e9e8e3 25%,#e9e8e3 50%,#fff 50%)}
.appearance-paper-label{margin:16px 0 8px;font-size:13px;font-weight:650}.appearance-papers{display:flex;gap:7px;flex-wrap:wrap}.appearance-papers button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px;font:600 12px/1.4 'IBM Plex Sans',system-ui;cursor:pointer;background:var(--panel2);color:var(--ink)}.appearance-papers button[aria-pressed=true]{background:var(--teal);color:var(--accent-ink);border-color:var(--teal)}
/* Light chrome uses warm neutrals rather than an all-white application. */
:root[data-app-appearance=light]{color-scheme:light;--bg:#eeede9;--panel:#faf9f6;--panel2:#e8e8e4;--ink:#263044;--muted:#596276;--line:#c8cbd2;--chip:#e0e3ed;--reader-bg:#e6e5e0;--teal:#475c9d;--teal-dark:#34477e;--reader-accent:#475c9d;--accent-ink:#fff;--on-teal:#fff;--shadow:0 12px 30px #26304418}
:root[data-app-appearance=dark]{color-scheme:dark}
:root[data-app-appearance=light] #readerView{--reader-accent:#475c9d}
:root[data-app-appearance=light] .workspace-continue{background:var(--panel);color:var(--ink);border-color:var(--line)}
:root[data-app-appearance=light] #libraryView #librarySearchInput{background:#fff;color:#263044;border-color:#8f9eb9}
:root[data-app-appearance=light] #libraryView .library-search-label{color:#34477e}
:root[data-app-appearance=light] #libraryView .workspace-access [data-ws-label=search]{background:#d9edf0;color:#17434b;border-color:#6c969e}
:root[data-app-appearance=light] #libraryView .library-sort-control{background:#e0eef0;border-color:#7297a2}
:root[data-app-appearance=light] #libraryView .library-sort-control label{color:#24505d}
:root[data-app-appearance=light] #libraryView .library-sort-control select{background:#fff;color:#244551;border-color:#7297a2}
:root[data-app-appearance=light] #libraryView .library-sort-control select option{background:#fff;color:#244551}
:root[data-app-appearance=light] #libraryView .library-list-modes button{background:#e3e7f2;color:#354565;border-color:#9faac2}
:root[data-app-appearance=light] #libraryView .library-list-modes button[aria-pressed=true]{background:#475c9d;color:#fff;border-color:#475c9d}
:root[data-app-appearance=light] #libraryView .library-list-modes [data-library-mode=favorites]{background:#f6eacb;color:#6d4c13;border-color:#bca163}
:root[data-app-appearance=light] #libraryView .library-list-modes [data-library-mode=favorites][aria-pressed=true]{background:#d4ac4d;color:#30220b}
:root[data-app-appearance=light] #libraryView #bibliographyBtn{background:#e7e0f4;color:#4d3976;border-color:#a090bf}
:root[data-app-appearance=light] #libraryView .organize-heading .organize-icon{background:#d8eae5;color:#245a4d;border-color:#84a99e}
:root[data-app-appearance=light] #workspaceDialog .ws-writing-desk>.ws-row{background:var(--panel2);color:var(--ink)}
/* Sepia is a reading surface; it never changes stored document bytes. */
:root[data-reader-theme=sepia] #readerView .sheet,:root[data-reader-theme=sepia] #readerView.pdf-mode .unified-view,:root[data-reader-theme=sepia] #pdfScroll .pdf-page{color-scheme:light;background:#f3e8d0;color:#443a2b;--bg:#f3e8d0;--panel:#f3e8d0;--panel2:#e8dbbd;--ink:#443a2b;--muted:#75674d;--line:#d0c2a4;--teal:#47684e;--teal-dark:#304b37;--accent-ink:#fff;--on-teal:#fff}
:root[data-reader-theme=sepia] #readerView .pdf-reading-sheet{color:#443a2b}
:root[data-reader-theme=sepia] #readerView .sheet-top{color:#75674d;border-color:#d0c2a4}
:root[data-reader-theme=sepia] #pdfScroll .pdf-page canvas{filter:sepia(.35) brightness(.96)}
:root[data-reader-theme=sepia] #readerText.word-original section.bdword{background:#f3e8d0!important}
:root[data-reader-theme=dark] #readerText.word-original section.bdword{filter:invert(.9) hue-rotate(180deg)}
@media(max-width:680px){#themeToggle .theme-label{display:none!important}#themeToggle{gap:5px;padding:8px;min-width:44px}.appearance-panel{padding:13px}.appearance-mode{min-height:112px}}