/* The third theme is a medium lavender canvas with distinct readable surfaces. */
.catalog-site.light.pastel{--bg:#e3d9f1;--paper:#f0e9fa;--ink:#30243f;--muted:#625274;--purple:#68349f;--accent:#7140bb;--soft:#d9c8ee;--pink:#e8d5ec;--line:#bfadd3;--shadow:0 8px 24px #4d2e7010;color-scheme:light}
.catalog-site.light.pastel .site-header{background:#e9dff4df;border-color:#bba7ce80}
.catalog-site.light.pastel :is(#search-form,.site-header .icon-button){background:#dcd0eb;color:var(--ink);border-color:#b5a1cb}
.catalog-site.light.pastel #search-form :is(input,button,.icon){color:var(--ink)}
.catalog-site.light.pastel .bottomnav{background:#e9dff4f5;border-color:#b6a0cc;box-shadow:0 6px 24px #4e316529}
.catalog-site.light.pastel .bottomnav a{color:#58416d}
.catalog-site.light.pastel .bottomnav a.active{color:#fff;background:var(--accent)}
.catalog-site.light.pastel :is(input,textarea,select){border-color:var(--line)}
.catalog-site.light.pastel .secondary,.catalog-site.light.pastel .notice{background:var(--soft);border-color:var(--line);color:#48305f}
.catalog-site.light.pastel .notification-entry.unread{background:#e1d2f1}
.catalog-site.light.pastel .notification-event-icon,.catalog-site.light.pastel .card-stats{color:var(--muted)}
.catalog-site.light.pastel .theme-state{color:#51267b;background:#d9c8ee}
.catalog-site.light.pastel .writer-shell{--bg:#e3d9f1;--paper:#f1eafa;--ink:#30243f;--muted:#625274;--line:#bfadd3;--soft:#d9c8ee;--purple:#68349f;--accent:#7140bb;--writer-hover:#dcd0ed;--writer-success:#176344;--writer-success-bg:#d5eade;--writer-warning:#79500a;--writer-warning-bg:#f6e6c2;--writer-danger:#95264c;--writer-danger-bg:#f6dce5;background:var(--bg);color:var(--ink)}
.catalog-site.light.pastel .writer-shell :is(input,select,textarea){background:var(--bg);color:var(--ink)}
.catalog-site.light.pastel .writer-shell :is(.primary,.primary:hover){color:#fff;background:var(--accent)}
.catalog-site.light.pastel .writer-shell .writer-flow-dialog,.catalog-site.light.pastel .writer-shell .panel{background:var(--paper)}
.catalog-site.light.pastel .writer-shell .notice{color:var(--ink)}
.catalog-site.light.pastel .writer-shell .writer-sidebar nav a.selected{color:#572987;background:var(--soft)}
.catalog-site.light.pastel .hero-copy .secondary{background:#171121cc;color:#fff;border-color:#b58bdd}
.catalog-site.light.pastel :is(.hero-copy,.spotlight) .novel-meta{color:#d1dad5}
.theme-settings-panel{max-width:760px}
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.theme-choice{padding:12px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-size:16px}
.theme-choice[aria-pressed=true]{outline:2px solid var(--purple);outline-offset:2px}
.theme-choice>strong{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:16px;align-items:center}
.theme-choice[aria-pressed=true]>strong::after{content:'✓';color:var(--purple)}
.theme-sample{display:block;height:80px;padding:12px;border-radius:8px;border:1px solid #86779366;background:var(--sample-bg);color:var(--sample-ink)}
.theme-sample::before,.theme-sample::after{content:'';display:block;height:8px;margin-bottom:10px;border-radius:5px;background:currentColor;opacity:.65}
.theme-sample::after{width:65%;opacity:.35}
.theme-choice[data-site-theme=light]{--sample-bg:#f5f6f3;--sample-ink:#17221f}
.theme-choice[data-site-theme=pastel]{--sample-bg:#e3d9f1;--sample-ink:#68349f}
.theme-choice[data-site-theme=dark]{--sample-bg:#080f0e;--sample-ink:#e0d4ee}
.catalog-site.light .theme-state{color:#6030a0;background:#e5d8f5}
.catalog-site #reader-theme{white-space:normal}
.catalog-site .site-header .topnav{gap:18px}
.catalog-site .site-header #search-form{min-width:160px}
.catalog-site .writer-sidebar nav a{overflow-wrap:anywhere}
@media(max-width:600px){.theme-choice-grid{gap:8px}.theme-choice{padding:9px}.theme-choice>strong{font-size:14px;flex-wrap:wrap}.theme-sample{height:64px;padding:10px}.catalog-site .bottomnav a{padding-inline:7px}}
/* Keep the enlarged navigation from crowding the account actions. */
@media(min-width:761px) and (max-width:1560px){.catalog-site .site-header .topnav{display:none}.catalog-site .site-header .menu-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:0}}

/* Keep fixed navigation cheap to composite while the page scrolls. */
.catalog-site .site-header,.catalog-site .bottomnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#101b19}
.catalog-site.light .site-header,.catalog-site.light .bottomnav{background:#fafbf8}
.catalog-site.pastel .site-header,.catalog-site.pastel .bottomnav{background:#e3d9f1}

/* Cover artwork should meet its edge without a decorative outline. */
/* Transparent native page track; preserve its width to avoid layout shifts. */
html{background:#080f0e;--page-scroll-thumb:transparent;scrollbar-color:var(--page-scroll-thumb) transparent;scrollbar-width:thin}
html:has(body.light){background:#f5f6f3}
html:has(body.pastel){background:#e3d9f1}
html.page-scrolling{--page-scroll-thumb:#86939199}
html.page-scrolling:has(body.light){--page-scroll-thumb:#59625e99}
@supports selector(::-webkit-scrollbar){
 html{scrollbar-color:auto;scrollbar-width:auto}
 html::-webkit-scrollbar{width:8px;height:8px;background:transparent}
 html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner{background:transparent;border:0;box-shadow:none}
 html::-webkit-scrollbar-thumb{background:var(--page-scroll-thumb);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
 html::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:active{background-color:#869391cc}
 html::-webkit-scrollbar-button{display:none;width:0;height:0}
}
@media(forced-colors:active){html{scrollbar-color:auto;scrollbar-width:auto}html::-webkit-scrollbar-thumb{background:ButtonText}}
.catalog-site .detail-poster .cover,.catalog-site .book .cover,.catalog-site .spot-book .cover{border:0!important;background-repeat:no-repeat}
.catalog-site .hero-cover{border:0!important}