.app-shell[data-active-tab="discover"] :is(.page-heading,.app-header,footer,.sidebar-book-actions){display:none!important}
.app-shell[data-active-tab="discover"] main{padding-top:24px}
#discoverView{--discovery-font:var(--books-font,var(--sans));font-family:var(--discovery-font);padding-bottom:32px;min-width:0;max-width:100%;overflow-x:clip}
#appShell[data-active-tab="discover"] :is(.main-wrapper,main){min-width:0;max-width:100%;overflow-x:clip}
#discoverView :is(.monthly-toolbar,.monthly-explore,.monthly-shelf,.discovery-shelf,.discovery-grid){min-width:0;max-width:100%}
.discovery-welcome{position:relative;padding:30px 32px 24px;border:1px solid var(--accent-border);border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#c8f4ff,transparent 55%),linear-gradient(130deg,#f1f6ff,#f6f0ff);overflow:hidden;color:var(--ink)}
.discovery-kicker{display:block;font:650 9px/1.5 var(--discovery-font);letter-spacing:1.6px;color:var(--accent)}
.discovery-welcome h2{font:500 clamp(30px,3.7vw,46px)/1.08 var(--serif);letter-spacing:-1.4px;margin:12px 0;color:var(--ink)}
.discovery-welcome h2>span{color:var(--accent);margin-left:12px}
.discovery-welcome p{font-size:12px;line-height:1.7;max-width:460px;color:var(--muted);margin:10px 0 20px}
.discovery-orbit{position:absolute;right:8%;top:5%;font-size:145px;color:#80a9fa;line-height:1;transform:rotate(15deg);pointer-events:none;opacity:.7}
.discovery-orbit i{display:block;position:absolute;right:5px;top:52px;width:95px;height:128px;padding:23px 9px;background:linear-gradient(130deg,#5572cb,#6847a0);box-shadow:inset 4px 0 0 #ffffff40,8px 10px 20px #4c579f26;border-radius:2px 6px 6px 2px;text-align:center;color:#fff5d9;font:500 19px/1.25 var(--serif);transform:rotate(-29deg)}
.discovery-orbit b{position:absolute;top:115px;right:115px;font-size:37px;color:#6b56aa}
.discovery-search{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--accent-border);border-radius:12px;background:var(--paper);padding:5px 6px 5px 14px;width:min(100%,610px);z-index:1}
.discovery-search .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.discovery-search>.icon{color:var(--accent);width:18px}
.discovery-search input{padding:10px 0;border:0;background:transparent;color:var(--ink);font-size:12px;min-width:0;box-shadow:none}
.discovery-search input{flex:1;width:0}
.discovery-google-attribution{display:inline-flex;flex-shrink:0;align-items:center}
.discovery-google-attribution img{width:100px;height:30px;object-fit:contain}
.discovery-search .discovery-google-attribution{align-self:center}
.discovery-shelf-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}
.discovery-provider-label{font-size:11px;color:var(--muted);margin:0 0 16px}
.discovery-search-additional{margin-top:28px}
@media(max-width:760px){.discovery-shelf-tools{flex-direction:column;gap:2px;align-items:flex-end}.discovery-search{gap:6px;padding-left:10px}.discovery-search input{font-size:11px}.discovery-search>.icon{display:none}}
.discovery-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.discovery-search button{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--accent);color:white}
.discovery-sections{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:12px;overflow-x:auto;scrollbar-width:none}
.discovery-sections button{white-space:nowrap;min-height:50px;padding:13px 0 12px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.discovery-sections button[aria-pressed="true"]{color:var(--accent);border-color:var(--accent);font-weight:650}
.discovery-genres{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:16px 2px 8px;margin-bottom:12px}
.discovery-genres button{white-space:nowrap;flex-shrink:0;min-height:36px;padding:8px 13px;border-radius:20px;border:1px solid var(--line);font-size:11px;color:var(--muted);background:var(--paper)}
.discovery-genres button[aria-pressed="true"]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border);font-weight:600}
.discovery-shelf{padding:19px 0 29px;border-bottom:1px solid var(--line)}
.discovery-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.discovery-shelf-heading h2{font:600 20px/1.3 var(--discovery-font);letter-spacing:-.45px;margin:6px 0}
.discovery-shelf-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:4px 0 0}
.discovery-see-all{white-space:nowrap;color:var(--accent);font-size:11px;min-height:44px;padding:8px 0 8px 12px}
.discovery-see-all span{margin-left:5px}
/* Same cover ratio, grid sizing, typography, and cover renderer as My Books. */
#discoverView .discovery-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px 24px;padding:0;align-items:start;background:transparent!important}
#discoverView .catalog-book{width:100%;min-width:0;max-width:none;padding:0;border:0;background:transparent;border-radius:0;text-align:left;transform:none}
#discoverView .catalog-open{display:block;width:100%;min-width:0;padding:0;text-align:left;color:inherit}
#discoverView .catalog-cover{display:block;position:relative;width:100%;height:auto;max-width:none;aspect-ratio:3/4;margin:0 0 6px;border-radius:7px;overflow:hidden;box-shadow:none;transition:transform 240ms ease,box-shadow 240ms ease}
#discoverView .cover-art{border-radius:inherit;container-type:inline-size}
#discoverView .cover-art:has(img){background:#edf3fa;padding:0;border:0}
#discoverView .cover-art:has(img)>:not(img){visibility:hidden}
#discoverView .cover-title{font-size:14cqi}#discoverView .cover-author{font-size:6cqi}#discoverView .cover-kicker{font-size:4cqi}#discoverView .cover-symbol{font-size:28cqi}
#discoverView .catalog-title{display:block;min-width:0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:1.4em;margin:0 0 2px;font:600 13px/1.4 var(--discovery-font)}
#discoverView .catalog-author{display:block;min-width:0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:1.4em;font:400 11px/1.4 var(--discovery-font);color:var(--muted)}
.discovery-release-date{display:block;min-height:1.4em;font-size:10px;line-height:1.4;color:var(--muted);margin-top:7px}
.discovery-save{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:34px;margin-top:7px;font-size:10px;font-weight:600;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:7px}
.discovery-save .icon{width:13px;height:13px}.discovery-save.is-owned{color:var(--muted);background:var(--paper);border-color:var(--line)}
.discovery-status-actions{display:flex;gap:4px;margin-top:7px}
.discovery-status-actions .discovery-save{flex:1;min-width:0;width:auto;margin:0;padding:5px 2px;min-height:32px;background:var(--paper);border-color:var(--line);color:var(--muted);font-size:10px}
.discovery-status-actions .discovery-save.is-selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}
.discovery-status-actions [data-target-status="read"].is-selected{color:#30835a;background:#30835a12;border-color:#30835a50}
.discovery-status-actions [data-target-status="dnf"].is-selected{color:#aa7054;background:#aa705412;border-color:#aa705450}
.discovery-reading-status{display:block;font-size:9px;color:var(--accent);margin-top:5px}
.discovery-nyt-rank{display:block;font-size:10px;font-weight:650;color:var(--accent);margin:7px 0 2px}
.discovery-nyt-lists{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 10px}
.discovery-nyt-lists button{padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:var(--paper);font-size:11px;color:var(--muted)}
.discovery-nyt-lists button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);font-weight:650}
.discovery-nyt-source{font-size:10px;color:var(--muted);text-align:right;max-width:140px;flex-shrink:0;text-decoration:underline}
.discovery-nyt-copyright{font-size:10px;color:var(--muted);line-height:1.6;margin-top:18px}
.discovery-nyt-attribution{display:inline-block;margin:12px 0;max-width:none}
.discovery-nyt-attribution img{display:block;width:auto;height:auto;max-width:none}
.discovery-save[data-status="read"]{color:#30835a}.discovery-save[data-status="reading"]{color:var(--accent)}.discovery-save[data-status="dnf"]{color:#aa7054}
.discovery-load-more{text-align:center;margin-top:25px}
.discovery-google-attribution{display:block;width:max-content;flex-shrink:0;margin-top:8px}
.discovery-google-attribution img{display:block;object-fit:contain;width:100px;height:30px}
.discovery-google-shelf .discovery-shelf-heading{align-items:flex-start}
.discovery-google-shelf .discovery-shelf-heading .discovery-google-attribution{margin-top:0}
.discovery-google-link{display:block;width:max-content;max-width:100%;padding:8px 0;color:var(--accent);font-size:10px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.discovery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;padding:24px;color:var(--muted);border:1px dashed var(--line);border-radius:14px;text-align:center}
.discovery-empty>.icon{width:27px;height:27px;color:var(--accent);margin-bottom:8px}.discovery-empty p{font-size:12px;line-height:1.7}
.discovery-catalog-note{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0 0}.discovery-catalog-note button{color:var(--accent);text-decoration:underline;min-height:36px;padding:0 5px}
.discovery-source-note{padding-top:24px;color:var(--muted);font-size:10px;line-height:1.8}.discovery-source-note>span{display:flex;align-items:center;gap:8px}.discovery-source-note>span .icon{width:14px;height:14px}.discovery-source-note p{max-width:750px}.discovery-source-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.discovery-year{display:flex;flex-direction:row;align-items:center;gap:10px;width:max-content;color:var(--muted);font-size:11px;margin-top:12px}.discovery-year select{width:100px}
.discovery-skeletons{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px 24px}.discovery-skeletons i{display:block;aspect-ratio:3/4;border-radius:7px;background:var(--accent-soft)}.discovery-skeletons span,.discovery-skeletons small{display:block;height:12px;margin-top:8px;width:90%;background:var(--accent-soft);border-radius:4px}.discovery-skeletons small{width:60%;height:9px}
.discovery-book-dialog{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(640px,calc(100vw - 24px));max-height:85dvh;padding:26px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--paper)!important}
.discovery-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.discovery-dialog-heading .icon-button{min-width:40px;min-height:40px}
.discovery-detail-top{display:flex;align-items:center;gap:25px}.discovery-detail-top>.catalog-cover{width:130px;height:auto;max-width:none;aspect-ratio:3/4;margin:0;flex-shrink:0;border-radius:7px;overflow:hidden}.discovery-detail-top>div:last-child{min-width:0}
.discovery-detail-top h2{font:500 30px/1.15 var(--serif);margin:0 0 12px;letter-spacing:-.7px;overflow-wrap:anywhere}.discovery-detail-top p{font-size:12px;color:var(--muted);line-height:1.6}
.discovery-detail-top .cover-title{font-size:16px}.discovery-detail-top .cover-author{font-size:8px}.discovery-detail-top .cover-kicker{font-size:5px}
.discovery-detail-status{display:inline-block;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:6px 9px;font-size:10px;line-height:1.6}
.discovery-detail-genres{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.discovery-detail-genres span{padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}
.discovery-description h3{font-size:13px;font-weight:600}.discovery-description p{font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere;max-height:270px;overflow:auto}
.discovery-book-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin:22px 0}.discovery-book-facts dt{font-size:10px;color:var(--muted);margin-bottom:6px}.discovery-book-facts dd{font-size:12px;margin:0;overflow-wrap:anywhere}
.discovery-detail-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.discovery-detail-actions .button{min-height:44px}.discovery-detail-actions a{color:var(--accent);font-size:11px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.discovery-detail-message,.discovery-detail-note{font-size:11px;line-height:1.7;color:var(--muted)}
html[data-app-theme="dark"] .discovery-welcome{background:radial-gradient(ellipse at 100% 0%,#123b50,transparent 55%),linear-gradient(130deg,#13233c,#251c39)}
@media(hover:hover) and (pointer:fine){#discoverView .catalog-open:hover .catalog-cover{transform:translateY(-6px) scale(1.025);box-shadow:0 12px 24px #34235525}.discovery-save:hover{border-color:var(--accent)}}
#discoverView .catalog-open:focus-visible .catalog-cover{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){#discoverView .catalog-cover{transition:none}#discoverView .catalog-open:is(:hover,:focus-visible) .catalog-cover{transform:none}}
.app-shell:is(.phone-preview,.app-preview)[data-active-tab="discover"] main{padding:18px 16px 0}
:is(.phone-preview,.app-preview) .discovery-welcome{padding:23px 20px 20px;border-radius:17px}
:is(.phone-preview,.app-preview) .discovery-welcome h2{font-size:33px}
:is(.phone-preview,.app-preview) .discovery-welcome p{max-width:240px;font-size:11px}
:is(.phone-preview,.app-preview) .discovery-orbit{font-size:95px;right:-20px;top:10%;opacity:.3}
:is(.phone-preview,.app-preview) .discovery-orbit i{width:65px;height:90px;right:25px;font-size:14px;padding:14px 5px;top:30px}
:is(.phone-preview,.app-preview) .discovery-sections{gap:20px}
:is(.phone-preview,.app-preview) .discovery-sections button{font-size:11px}
:is(.phone-preview,.app-preview) .discovery-shelf-heading h2{font-size:18px}
:is(.phone-preview,.app-preview) :is(.discovery-grid,.discovery-skeletons){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 12px!important}
:is(.phone-preview,.app-preview) #discoverView .catalog-title{font-size:11px}
:is(.phone-preview,.app-preview) #discoverView .catalog-author{font-size:9px}
:is(.phone-preview,.app-preview) .discovery-save{font-size:9px;min-height:34px}
:is(.phone-preview,.app-preview) .discovery-release-date{font-size:9px}
@media(max-width:760px){
  .app-shell[data-active-tab="discover"] main{padding:18px 16px 75px}
  .discovery-welcome{padding:23px 20px 20px;border-radius:17px}.discovery-welcome h2{font-size:33px}.discovery-welcome p{max-width:240px;font-size:11px}.discovery-orbit{font-size:95px;right:-20px;top:10%;opacity:.3}.discovery-orbit i{width:65px;height:90px;right:25px;font-size:14px;padding:14px 5px;top:30px}
  .discovery-sections{gap:20px}.discovery-sections button{font-size:11px}.discovery-shelf-heading h2{font-size:18px}
  #discoverView .discovery-grid,.discovery-skeletons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  #discoverView .catalog-title{font-size:11px}#discoverView .catalog-author{font-size:9px}.discovery-save{font-size:9px;min-height:34px}.discovery-release-date{font-size:9px}
  .discovery-book-dialog{padding:20px}.discovery-detail-top{gap:16px}.discovery-detail-top>.catalog-cover{width:100px}.discovery-detail-top h2{font-size:24px}.discovery-detail-top p{font-size:11px}.discovery-detail-actions{gap:13px}.discovery-detail-actions .button{width:100%}
}

/* Plain catalog presentation shared by Explore and search. */
.monthly-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,.9fr);gap:16px;align-items:center}
.monthly-toolbar .discovery-search{width:100%;border-color:var(--line);border-radius:8px}
.monthly-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.monthly-filters select{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:var(--discovery-font);font-size:12px;height:50px;padding:10px;min-width:0}
.monthly-attribution{display:flex;justify-content:flex-end;margin:8px 0 20px}
.monthly-attribution .discovery-google-attribution{margin:0}
#discoverView .monthly-shelf{padding:0 0 30px;margin:0 0 30px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#discoverView .monthly-shelf:last-child{border-bottom:0;margin-bottom:0}
#discoverView .monthly-shelf .discovery-shelf-heading{margin:0 0 18px}
#discoverView .monthly-shelf h2{font:600 18px/1.4 var(--discovery-font);letter-spacing:-.2px;color:var(--ink);margin:0}
.monthly-shelf:not(.monthly-release-shelf) .discovery-release-date{display:none}
.monthly-shelf .discovery-release-date:empty{display:none}
.monthly-empty,.monthly-retry{font:12px/1.6 var(--discovery-font);color:var(--muted)}
.monthly-retry{padding:12px 0;text-decoration:underline}
.monthly-load-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 20px;color:var(--muted);font-size:12px;line-height:1.6}
.monthly-load-notice p{margin:0}.monthly-load-notice button{color:var(--accent);padding:10px 0;text-decoration:underline;flex-shrink:0}
#discoverView .discovery-welcome{padding:0;border:0;border-radius:0;background:none;overflow:visible}
#discoverView .discovery-welcome-copy,#discoverView .discovery-orbit,#discoverView .discovery-source-note{display:none}
#discoverView .discovery-shelf-heading .discovery-kicker,#discoverView .discovery-shelf-heading p{display:none}
#discoverView .discovery-search{border-color:var(--line);border-radius:8px}
@media(max-width:900px){.monthly-toolbar{grid-template-columns:1fr}.monthly-filters select{height:42px;font-size:11px}.monthly-attribution{margin-bottom:20px}}
:is(.phone-preview,.app-preview) .monthly-toolbar{grid-template-columns:1fr;gap:10px}
:is(.phone-preview,.app-preview) .monthly-filters select{height:42px;font-size:11px}

/* Discover refresh: curated, book-first, responsive storefront. */
#discoverView{--discover-blue:#009ffc}
#discoverView .monthly-explore{max-width:1480px;margin:auto}
#discoverView .discover-hero{position:relative;display:flex;align-items:center;min-height:282px;overflow:hidden;isolation:isolate;border-radius:24px;padding:35px clamp(24px,4vw,58px);background:linear-gradient(115deg,#eaf8ff 0%,#f6f3ff 58%,#fff0e9 100%);border:1px solid #d9eaf7}
#discoverView .discover-hero-content{position:relative;z-index:2;max-width:585px}
#discoverView .discover-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.65px;color:#127abd}
#discoverView .discover-sparkle{font-size:13px;margin-right:5px;color:#ff9870}
#discoverView .discover-hero h1{font:600 clamp(36px,4.3vw,61px)/1.1 var(--serif,Georgia,serif);letter-spacing:-1.6px;color:#142d44;margin:13px 0}
#discoverView .discover-hero h1 em{font-style:italic;color:#048edb;font-weight:500}
#discoverView .discover-hero p{font-size:14px;line-height:1.75;color:#516576;max-width:470px;margin:0 0 20px}
#discoverView .discover-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:#537084}
#discoverView .discover-month-pill{display:inline-flex;border:1px solid #afdfff;border-radius:100px;padding:8px 13px;background:#ffffffc9;font-weight:700;color:#087bbb}
#discoverView .discover-hero-art{position:absolute;inset:0 0 0 auto;width:43%;pointer-events:none}
#discoverView .discover-art-glow{position:absolute;inset:12% 4% 0;background:radial-gradient(ellipse,#b5eaff 0%,transparent 68%)}
#discoverView .discover-art-book{position:absolute;bottom:15%;width:130px;height:185px;border-radius:6px 14px 14px 6px;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 22px/1.18 Georgia,serif;box-shadow:8px 17px 25px #17466738,inset 7px 0 0 #ffffff45;transform-origin:bottom center}
#discoverView .discover-art-book-one{right:46%;background:linear-gradient(150deg,#395cc7,#8999e8);color:#fff;transform:rotate(-19deg)}
#discoverView .discover-art-book-two{right:27%;background:linear-gradient(145deg,#f4a279,#da698d);color:#fffaf1;transform:rotate(8deg);bottom:12%}
#discoverView .discover-art-book-three{right:9%;background:linear-gradient(135deg,#187ca3,#4bc5b8);color:#fff;transform:rotate(22deg);bottom:18%}
#discoverView .discover-art-star{position:absolute;right:14%;top:10%;font-size:42px;color:#e5a344}
#discoverView .discover-controls{margin:29px 0 31px}
#discoverView .discover-controls-heading{margin-bottom:16px}
#discoverView .discover-controls-heading h2{margin:5px 0 0;font-size:21px;font-weight:750;letter-spacing:-.5px;color:var(--ink)}
#discoverView .monthly-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,.9fr);gap:12px;align-items:end}
#discoverView .monthly-toolbar .discovery-search{height:52px;border-radius:13px;border:1px solid var(--line);box-shadow:0 3px 12px #172b4410;padding-left:15px}
#discoverView .monthly-toolbar .discovery-search input{font-size:13px}
#discoverView .monthly-toolbar .discovery-search button{border-radius:10px;background:#009ffc}
#discoverView .monthly-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#discoverView .discover-filter{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:var(--muted)}
#discoverView .discover-filter select{width:100%;height:52px;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:0 13px;font-size:12px;box-shadow:0 3px 12px #172b4410}
#discoverView .discover-section-intro{padding:7px 0 21px;border-bottom:1px solid var(--line);margin-bottom:25px}
#discoverView .discover-section-intro h2{font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.7px;margin:7px 0;color:var(--ink)}
#discoverView .discover-section-intro p{font-size:12px;color:var(--muted);margin:0}
#discoverView .monthly-shelf{padding:0 0 37px;margin:0 0 37px}
#discoverView .monthly-shelf .discovery-shelf-heading{margin-bottom:20px}
#discoverView .monthly-shelf h2{font-size:21px;letter-spacing:-.55px;font-weight:730}
#discoverView .monthly-shelf .discovery-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:24px 19px}
#discoverView .monthly-shelf .catalog-cover{border-radius:11px;margin-bottom:10px;box-shadow:0 6px 18px #1c355b20}
#discoverView .monthly-shelf .catalog-title{font-size:12px;font-weight:700}
#discoverView .monthly-shelf .catalog-author{font-size:11px}
#discoverView .monthly-shelf .discovery-status-actions{gap:5px;margin-top:10px}
#discoverView .monthly-shelf .discovery-save{border-radius:8px;min-height:32px}
#discoverView .monthly-shelf .discovery-save[data-target-status="tbr"]{color:#078dd4;border-color:#b8e3ff;background:#eaf8ff}
#discoverView .monthly-shelf .discovery-save[data-target-status="tbr"].is-selected{background:#009ffc;color:white;border-color:#009ffc}
#discoverView .monthly-attribution{margin:4px 0 18px;opacity:.85}
html[data-app-theme="dark"] #discoverView .discover-hero{background:linear-gradient(125deg,#122d4a,#24354f 55%,#493743);border-color:#34516a}
html[data-app-theme="dark"] #discoverView .discover-hero h1{color:#f1f8ff}
html[data-app-theme="dark"] #discoverView .discover-hero p,html[data-app-theme="dark"] #discoverView .discover-hero-meta{color:#c2d5e4}
html[data-app-theme="dark"] #discoverView .discover-month-pill{background:#203f56;color:#8dd5ff;border-color:#406985}
@media(max-width:900px){#discoverView .monthly-toolbar{grid-template-columns:1fr}#discoverView .discover-hero-art{opacity:.45;width:48%}#discoverView .discover-hero-content{max-width:70%}}
@media(max-width:600px){
#discoverView .discover-hero{min-height:220px;border-radius:19px;padding:24px 20px}
#discoverView .discover-hero-content{max-width:100%}
#discoverView .discover-hero h1{font-size:34px;max-width:285px}
#discoverView .discover-hero p{font-size:12px;max-width:265px}
#discoverView .discover-hero-art{width:55%;opacity:.18}
#discoverView .discover-art-book{width:88px;height:135px;font-size:14px}
#discoverView .discover-hero-meta{font-size:10px}
#discoverView .discover-controls{margin:24px 0}
#discoverView .discover-controls-heading h2{font-size:19px}
#discoverView .monthly-filters{gap:8px}
#discoverView .discover-filter select{height:43px;font-size:11px}
#discoverView .monthly-toolbar .discovery-search{height:48px}
#discoverView .monthly-shelf{padding-bottom:27px;margin-bottom:27px}
#discoverView .monthly-shelf h2{font-size:18px}
#discoverView .monthly-shelf .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px 11px!important}
#discoverView .monthly-shelf .catalog-cover{border-radius:7px}
#discoverView .monthly-shelf .discovery-save{font-size:9px;padding:4px 1px}
}
@media(prefers-reduced-motion:reduce){#discoverView .monthly-shelf .catalog-cover{transition:none}}

/* App-first Discover header: concise, functional, and cover-driven. */
#discoverView .discover-hero.discover-hero-v2{min-height:0;padding:28px 32px 26px;border-radius:20px;background:linear-gradient(120deg,#f0faff 0%,#f7fbff 70%,#f0f5ff 100%);border:1px solid #dcedf9;align-items:center}
#discoverView .discover-hero-v2 .discover-hero-content{max-width:none;flex:1}
#discoverView .discover-topline{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;font-weight:750;color:#1675a9;letter-spacing:1.3px;text-transform:uppercase}
#discoverView .discover-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#009ffc;box-shadow:0 0 0 4px #009ffc1d}
#discoverView .discover-topline-count{border-left:1px solid #bddfeb;padding-left:11px;margin-left:3px;color:#7790a4;letter-spacing:.6px;font-weight:650}
#discoverView .discover-hero-v2 h1{font:750 clamp(36px,4vw,54px)/1.12 var(--discovery-font,var(--sans));letter-spacing:-2px;color:#19364f;margin:13px 0 5px}
#discoverView .discover-heading-period{color:#009ffc}
#discoverView .discover-hero-v2 p{font-size:13px;max-width:none;color:#607a8b;margin:0 0 21px}
#discoverView .discover-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#discoverView .discover-quick-links button{font:650 11px/1.3 var(--discovery-font,var(--sans));padding:10px 14px;border:1px solid #d9e8f3;background:#fff;border-radius:100px;color:#35566d;min-height:39px;box-shadow:0 2px 6px #123d5710;transition:background .18s,border-color .18s,transform .18s}
#discoverView .discover-quick-links button:first-child{background:#009ffc;color:#fff;border-color:#009ffc}
#discoverView .discover-quick-links button:hover{border-color:#009ffc;transform:translateY(-1px)}
#discoverView .discover-quick-links button:focus-visible{outline:2px solid #007fc8;outline-offset:3px}
#discoverView .discover-hero-stamp{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;margin-left:20px;border-radius:29px;background:#009ffc;color:#fff;transform:rotate(7deg);box-shadow:0 14px 32px #009ffc3b}
#discoverView .discover-stamp-number{font:750 44px/1 var(--discovery-font,var(--sans));letter-spacing:-2px}
#discoverView .discover-hero-stamp>span:last-child{text-align:center;font-size:11px;line-height:1.2;font-weight:650}
#discoverView .discover-controls{margin-top:22px}
#discoverView .discover-controls-heading{display:none}
#discoverView .discover-section-intro{padding-top:0}
html[data-app-theme="dark"] #discoverView .discover-hero-v2{background:linear-gradient(120deg,#142b3e,#1b3245);border-color:#335468}
html[data-app-theme="dark"] #discoverView .discover-hero-v2 h1{color:#f0f8ff}
html[data-app-theme="dark"] #discoverView .discover-topline{color:#94d9ff}
html[data-app-theme="dark"] #discoverView .discover-quick-links button{background:#263d52;border-color:#3d586a;color:#e1edf7}
html[data-app-theme="dark"] #discoverView .discover-quick-links button:first-child{background:#009ffc;border-color:#009ffc;color:#fff}
@media(max-width:600px){
#discoverView .discover-hero.discover-hero-v2{padding:21px 17px;border-radius:17px}
#discoverView .discover-hero-v2 h1{font-size:37px;letter-spacing:-1.4px}
#discoverView .discover-hero-v2 p{font-size:12px;margin-bottom:17px}
#discoverView .discover-hero-stamp{display:none}
#discoverView .discover-quick-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-17px;padding-right:17px;padding-bottom:3px}
#discoverView .discover-quick-links button{white-space:nowrap;flex:0 0 auto;padding:9px 12px;min-height:36px}
#discoverView .discover-topline{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#discoverView .discover-quick-links button{transition:none}#discoverView .discover-quick-links button:hover{transform:none}}

/* Discover v3: app-first browsing. No marketing banner or decorative fake book covers. */
#discoverView .discover-hero.discover-hero-v3{display:block;min-height:0;padding:5px 0 0;border:0;border-radius:0;background:transparent;overflow:visible}
#discoverView .discover-v3-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}
#discoverView .discover-v3-edition{display:block;color:#0786cb;font-weight:750;font-size:10px;letter-spacing:1.25px;text-transform:uppercase}
#discoverView .discover-v3-heading h1{font:750 clamp(33px,3.7vw,49px)/1.05 var(--discovery-font,var(--sans));letter-spacing:-1.7px;margin:10px 0 6px;color:var(--ink)}
#discoverView .discover-v3-heading h1 span{color:#009ffc}
#discoverView .discover-v3-heading p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}
#discoverView .discover-v3-count{display:flex;align-items:center;gap:10px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:15px;padding:10px 16px;color:var(--accent);flex-shrink:0}
#discoverView .discover-v3-count strong{font:750 28px/1 var(--discovery-font,var(--sans))}
#discoverView .discover-v3-count span{font-size:10px;font-weight:650;line-height:1.25}
#discoverView .discover-v3-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:22px;padding-bottom:3px}
#discoverView .discover-v3-chips button{flex-shrink:0;white-space:nowrap;padding:10px 17px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:12px;font-weight:650;color:var(--muted);min-height:41px}
#discoverView .discover-v3-chips button[aria-pressed="true"]{background:#009ffc;color:#fff;border-color:#009ffc}
#discoverView .discover-v3-chips button:focus-visible{outline:2px solid #009ffc;outline-offset:2px}
#discoverView .discover-controls{margin:17px 0 19px}
#discoverView .discover-section-intro{display:none}
#discoverView .monthly-shelf .discovery-shelf-heading{align-items:center;gap:10px;margin-bottom:15px}
#discoverView .monthly-shelf .discovery-shelf-heading h2{font-size:19px;line-height:1.3;letter-spacing:-.45px;margin:0}
#discoverView .monthly-shelf .discovery-shelf-heading .monthly-shelf-subtitle{display:block!important;margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.35}
#discoverView .monthly-expand{flex-shrink:0;border:0;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;min-height:34px}
#discoverView .monthly-expand span{margin-left:4px}
#discoverView .monthly-expand:focus-visible{outline:2px solid #009ffc;outline-offset:2px}
#discoverView .monthly-shelf{margin-bottom:27px;padding-bottom:25px}
#discoverView .monthly-shelf .discovery-grid{gap:24px 15px}
#discoverView .monthly-shelf .discovery-status-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:5px;margin-top:9px}
#discoverView .monthly-shelf .discovery-status-actions .discovery-save{width:100%;min-height:35px;border-radius:10px;font-size:10px;font-weight:700}
#discoverView .monthly-shelf .catalog-cover{box-shadow:0 5px 16px #103f5520}
@media(max-width:760px){
#discoverView .discover-v3-count{padding:8px 10px;gap:6px}
#discoverView .discover-v3-count strong{font-size:22px}
#discoverView .discover-v3-count span{font-size:9px}
#discoverView .discover-v3-heading h1{font-size:34px}
#discoverView .discover-v3-heading p{font-size:12px}
#discoverView .discover-v3-chips{margin-right:-16px;padding-right:16px}
#discoverView .monthly-shelf .discovery-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:13px!important;padding:2px 2px 14px;scrollbar-width:thin}
#discoverView .monthly-shelf .discovery-grid>.discovery-book{flex:0 0 clamp(116px,36%,158px);scroll-snap-align:start}
#discoverView .monthly-shelf .discovery-shelf-heading h2{font-size:16px}
#discoverView .monthly-expand{padding:8px 10px;font-size:10px}
#discoverView .monthly-shelf .discovery-status-actions{grid-template-columns:1fr 1fr 1fr;gap:3px}
#discoverView .monthly-shelf .discovery-status-actions .discovery-save{font-size:9px}
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf .discovery-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px!important;padding:2px 2px 14px}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf .discovery-grid>.discovery-book{flex:0 0 39%;scroll-snap-align:start}

/* Booknook Discover actions: prioritise TBR, show clean semantic states. */
#discoverView .discovery-book .discovery-status-actions,
#discoverView .monthly-shelf .discovery-status-actions{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,.85fr);gap:6px;margin-top:10px}
#discoverView .discovery-book .discovery-status-actions .discovery-save,
#discoverView .monthly-shelf .discovery-status-actions .discovery-save{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;min-height:37px;padding:7px 5px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:0;line-height:1.15;border:1px solid var(--line);color:var(--muted);background:var(--paper);transition:background .16s,border-color .16s,transform .16s;white-space:nowrap}
#discoverView .discovery-status-actions .discovery-action-icon{display:inline-grid;place-items:center;font-size:14px;line-height:1;font-weight:750;flex-shrink:0}
#discoverView .discovery-status-actions .discovery-action-tbr:not(.is-selected){background:#009ffc;color:#fff;border-color:#009ffc;box-shadow:0 3px 9px #009ffc23}
#discoverView .discovery-status-actions .discovery-action-tbr.is-selected{background:#e8f7ff;color:#0077bb;border-color:#a6deff}
#discoverView .discovery-status-actions .discovery-action-read.is-selected{background:#e6f7ed;color:#187847;border-color:#a7dec0}
#discoverView .discovery-status-actions .discovery-action-dnf.is-selected{background:#fff0e9;color:#a94c29;border-color:#f4c8b5}
#discoverView .discovery-status-actions .discovery-save:hover{transform:translateY(-1px);border-color:#009ffc}
#discoverView .discovery-status-actions .discovery-save:focus-visible{outline:2px solid #009ffc;outline-offset:2px}
@media(max-width:760px){#discoverView .monthly-shelf .discovery-status-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr);gap:4px}#discoverView .monthly-shelf .discovery-status-actions .discovery-save{min-height:36px;font-size:9px;padding:5px 3px;gap:3px}#discoverView .monthly-shelf .discovery-action-icon{font-size:12px}}
@media(max-width:390px){#discoverView .monthly-shelf .discovery-action-tbr .discovery-action-icon{display:none}}
@media(prefers-reduced-motion:reduce){#discoverView .discovery-status-actions .discovery-save{transition:none}#discoverView .discovery-status-actions .discovery-save:hover{transform:none}}

/* Overlay quick-action on every Discover cover; saved books show their account status. */
#discoverView .discovery-book .discovery-cover-wrap{position:relative;isolation:isolate;width:100%;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:var(--paper)}
#discoverView .discovery-book .discovery-cover-open{display:block;width:100%;height:100%;border-radius:inherit}
#discoverView .discovery-book .discovery-cover-wrap .catalog-cover{width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:inherit}
#discoverView .discovery-cover-action{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:23px 9px 9px;background:linear-gradient(transparent,rgba(10,21,35,.69));pointer-events:none;display:flex;justify-content:center}
#discoverView .discovery-cover-add,#discoverView .discovery-cover-status{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:78px;max-width:100%;min-height:31px;padding:6px 12px;border-radius:9px;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 3px 12px #0002}
#discoverView .discovery-cover-add{background:#009ffc;color:white;border:1px solid #009ffc;cursor:pointer}
#discoverView .discovery-cover-add:hover{background:#0088d8;border-color:#0088d8}
#discoverView .discovery-cover-add:focus-visible{outline:3px solid #fff;outline-offset:2px}
#discoverView .discovery-cover-add span{font-size:16px;font-weight:650;line-height:.8}
#discoverView .discovery-cover-status{background:#e8f7ff;color:#006fae;border:1px solid #c2e9ff}
#discoverView .discovery-cover-status-read{background:#e2f6e9;color:#126c3e;border-color:#bce6c9}
#discoverView .discovery-cover-status-dnf{background:#fff0e6;color:#984321;border-color:#f8d0ba}
#discoverView .discovery-cover-status-reading{background:#e9e9ff;color:#5548b3;border-color:#d0cefb}
#discoverView .discovery-book .discovery-book-info{display:block;text-align:left;width:100%;padding:8px 0 0}
#discoverView .discovery-book .discovery-status-actions{display:none!important}
@media(max-width:760px){#discoverView .discovery-cover-action{padding:17px 5px 6px}#discoverView .discovery-cover-add,#discoverView .discovery-cover-status{min-width:0;min-height:29px;padding:6px 9px;font-size:10px;border-radius:7px}}

/* Always-on Discover actions: never depend on pointer hover or card focus. */
#discoverView .discovery-book .discovery-cover-action,
#discoverView .monthly-shelf .discovery-book .discovery-cover-action{
  display:flex!important;visibility:visible!important;opacity:1!important;
  transform:none!important;transition:none!important;
  pointer-events:none;z-index:5;
}
#discoverView .discovery-book .discovery-cover-add,
#discoverView .discovery-book .discovery-cover-status{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  transform:none!important;pointer-events:auto;
}

/* Full-width, always visible status ribbon anchored to the cover edge. */
#discoverView .discovery-book .discovery-cover-action,
#discoverView .monthly-shelf .discovery-book .discovery-cover-action{
  left:0;right:0;bottom:0;width:100%;padding:0;
  background:transparent;border-radius:0 0 9px 9px;
}
#discoverView .discovery-book .discovery-cover-add,
#discoverView .discovery-book .discovery-cover-status{
  width:100%;max-width:none;min-width:0;min-height:38px;
  border-radius:0 0 9px 9px;margin:0;
  border:0;box-shadow:none;gap:7px;
  font-size:12px;font-weight:750;letter-spacing:.12px;
  text-align:center;
}
#discoverView .discovery-book .discovery-cover-add{
  background:rgba(0,159,252,.96);color:#fff;
}
#discoverView .discovery-book .discovery-cover-add:hover{
  background:#008add;
}
#discoverView .discovery-book .discovery-cover-status{
  background:rgba(231,247,255,.96);color:#006fae;
}
#discoverView .discovery-book .discovery-cover-status-read{
  background:rgba(226,246,233,.97);color:#126c3e;
}
#discoverView .discovery-book .discovery-cover-status-dnf{
  background:rgba(255,240,230,.97);color:#984321;
}
#discoverView .discovery-book .discovery-cover-status-reading{
  background:rgba(233,233,255,.97);color:#5548b3;
}
@media(max-width:760px){
  #discoverView .discovery-book .discovery-cover-add,
  #discoverView .discovery-book .discovery-cover-status{
    min-height:34px;padding:7px 5px;font-size:11px;border-radius:0 0 9px 9px;
  }
}

/* Show the entire 3:4 cover; attach the status ribbon below the artwork. */
#discoverView .discovery-book .discovery-cover-wrap{
  aspect-ratio:auto;
  overflow:hidden;
  border-radius:9px;
}
#discoverView .discovery-book .discovery-cover-open{
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  border-radius:9px 9px 0 0;
  overflow:hidden;
}
#discoverView .discovery-book .discovery-cover-wrap .catalog-cover{
  height:100%;
  width:100%;
  aspect-ratio:3/4;
  border-radius:9px 9px 0 0;
}
#discoverView .discovery-book .discovery-cover-action,
#discoverView .monthly-shelf .discovery-book .discovery-cover-action{
  position:relative;
  inset:auto;
  width:100%;
  padding:0;
  border-radius:0 0 9px 9px;
  background:transparent;
}

/* Compact book metadata beneath the cover/ribbon. */
#discoverView .discovery-book .discovery-book-info{padding-top:7px}
#discoverView .discovery-book .catalog-title{height:auto;line-height:1.24;margin:0}
#discoverView .discovery-book .catalog-author{height:auto;line-height:1.25;margin:1px 0 0}

/* Keep horizontal swipe shelves, but never display a scrollbar on mobile web or app. */
@media(max-width:760px){
  #discoverView .monthly-shelf .discovery-grid{
    scrollbar-width:none!important;
    -ms-overflow-style:none;
  }
  #discoverView .monthly-shelf .discovery-grid::-webkit-scrollbar{display:none!important;width:0;height:0}
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf .discovery-grid{
  scrollbar-width:none!important;
  -ms-overflow-style:none;
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf .discovery-grid::-webkit-scrollbar{display:none!important;width:0;height:0}

/* Editorial spotlight hero – sourced from the actual first curated shelf. */
#discoverView .discover-spotlight-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(154px,230px);align-items:center;gap:25px;padding:28px clamp(20px,4vw,45px);border-radius:22px;background:linear-gradient(122deg,#e9f8ff 0%,#f4faff 57%,#e6f3fe 100%);border:1px solid #d9eefa;color:#18384e}
#discoverView .discover-spotlight-kicker{font-size:10px;letter-spacing:1.25px;font-weight:800;color:#007fbe}
#discoverView .discover-spotlight-copy h1{font:750 clamp(30px,3.6vw,48px)/1.1 var(--discovery-font,var(--sans));letter-spacing:-1.7px;margin:12px 0 9px;max-width:440px}
#discoverView .discover-spotlight-copy h1 em{font-style:normal;color:#009ffc}
#discoverView .discover-spotlight-copy>p{max-width:450px;color:#607b8c;font-size:13px;line-height:1.7;margin:0 0 22px}
#discoverView .discover-spotlight-feature{display:flex;flex-direction:column;gap:3px;margin-bottom:18px}
#discoverView .discover-spotlight-feature .discover-spotlight-label{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#5a849c}
#discoverView .discover-spotlight-feature strong{font-size:17px;line-height:1.3;color:#18384e}
#discoverView .discover-spotlight-feature>span:last-child{font-size:12px;color:#607b8c}
#discoverView .discover-spotlight-explore{display:inline-flex;gap:15px;align-items:center;text-decoration:none;background:#009ffc;color:white;padding:12px 17px;border-radius:11px;font-size:12px;font-weight:750}
#discoverView .discover-spotlight-explore:focus-visible{outline:3px solid #007fc0;outline-offset:3px}
#discoverView .discover-spotlight-book{width:100%;max-width:210px;justify-self:center}
#discoverView .discover-spotlight-book .discovery-book{width:100%;max-width:none}
#discoverView .discover-spotlight-book .discovery-book-info{display:none}
#discoverView .discover-spotlight-skeleton .discover-spotlight-choice-cover,
#discoverView .discover-spotlight-choice[data-cover-loading]{background:linear-gradient(140deg,#ffffff12,#a17bef14 55%,#48d9e40c);box-shadow:inset 0 0 0 1px #ffffff0d}
#discoverView .discover-spotlight-choice[data-cover-loading] .cover-art{visibility:hidden}
#discoverView .discover-spotlight-skeleton{pointer-events:none}
@keyframes discover-pulse{to{opacity:.6}}
#discoverView .discover-spotlight-hero+.discover-v3-chips{margin-top:20px}
#discoverView .discovery-book .discovery-book-info{display:flex!important;flex-direction:column!important;align-items:stretch;gap:0!important;padding:5px 0 0!important}
#discoverView .discovery-book .discovery-book-info .catalog-title{display:block!important;height:auto!important;margin:0!important;padding:0!important;line-height:1.22!important}
#discoverView .discovery-book .discovery-book-info .catalog-author{display:block!important;height:auto!important;margin:0!important;padding:0!important;line-height:1.2!important}
#discoverView .discover-spotlight-book .discovery-book-info{display:none!important}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero{background:linear-gradient(125deg,#183247,#1b364c);border-color:#36566a;color:#f1f9ff}
html[data-app-theme="dark"] #discoverView .discover-spotlight-copy h1,html[data-app-theme="dark"] #discoverView .discover-spotlight-feature strong{color:#f1f9ff}
@media(max-width:600px){#discoverView .discover-spotlight-hero{grid-template-columns:minmax(0,1fr) 118px;gap:11px;padding:18px 14px;border-radius:15px}#discoverView .discover-spotlight-copy h1{font-size:27px;letter-spacing:-.8px}#discoverView .discover-spotlight-copy>p{font-size:11px;line-height:1.45;margin-bottom:12px}#discoverView .discover-spotlight-feature{margin-bottom:12px}#discoverView .discover-spotlight-feature strong{font-size:12px}#discoverView .discover-spotlight-feature>span:last-child{font-size:10px}#discoverView .discover-spotlight-explore{font-size:10px;padding:9px 10px;gap:6px}#discoverView .discover-spotlight-kicker{font-size:8px;letter-spacing:.45px}#discoverView .discover-spotlight-book{max-width:118px}}
@media(prefers-reduced-motion:reduce){#discoverView .discover-spotlight-placeholder{animation:none}}

/* Spotlight sizing guard: the feature must never expand with generic catalog card rules. */
#discoverView .monthly-explore .discover-spotlight-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 170px!important;
  align-items:center!important;
  width:100%;min-width:0;max-width:100%;
  min-height:0!important;
  padding:24px 28px!important;
  gap:25px!important;
  overflow:hidden;
  border:1px solid #d5eafa!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#eaf8ff,#f4faff)!important;
}
#discoverView .discover-spotlight-copy{min-width:0;max-width:100%}
#discoverView .discover-spotlight-book{
  display:block!important;width:170px!important;min-width:0!important;
  max-width:170px!important;justify-self:end!important;align-self:center!important;
}
#discoverView .discover-spotlight-book .catalog-book{
  display:block!important;width:170px!important;max-width:170px!important;
  min-width:0!important;margin:0!important;padding:0!important;
}
#discoverView .discover-spotlight-book .discovery-cover-wrap{
  display:block!important;width:170px!important;height:auto!important;max-width:170px!important;
}
#discoverView .discover-spotlight-book .discovery-cover-open{
  display:block!important;width:170px!important;height:227px!important;aspect-ratio:3/4!important;
}
#discoverView .discover-spotlight-book .catalog-cover{
  width:100%!important;height:100%!important;max-width:100%!important;
  aspect-ratio:3/4!important;overflow:hidden!important;
}
#discoverView .discover-spotlight-book :is(.cover-art,.cover-art img,.catalog-cover img){
  max-width:100%!important;max-height:100%!important;
}
#discoverView .discover-spotlight-book .discovery-cover-action{width:100%!important}
@media(max-width:600px){
  #discoverView .monthly-explore .discover-spotlight-hero{
    grid-template-columns:minmax(0,1fr) 105px!important;padding:16px!important;gap:12px!important;
  }
  #discoverView .discover-spotlight-book,
  #discoverView .discover-spotlight-book .catalog-book,
  #discoverView .discover-spotlight-book .discovery-cover-wrap{
    width:105px!important;max-width:105px!important;
  }
  #discoverView .discover-spotlight-book .discovery-cover-open{width:105px!important;height:140px!important}
}

/* Borderless, full-bleed editorial spotlight. */
#discoverView .monthly-explore .discover-spotlight-hero{
  width:100%!important;max-width:none!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  padding-left:clamp(12px,3vw,36px)!important;
  padding-right:clamp(12px,3vw,36px)!important;
}

/* Three-cover spotlight accordion, with synchronized book details on the right. */
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  display:grid!important;grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;
  gap:clamp(20px,4vw,55px)!important;align-items:center!important;overflow:hidden;
  padding:25px clamp(12px,3vw,36px)!important;min-height:0!important;
}
#discoverView .discover-spotlight-accordion .discover-spotlight-book{
  width:100%!important;max-width:320px!important;justify-self:start!important;min-width:0!important;
}
#discoverView .discover-spotlight-stack{
  display:flex;align-items:center;justify-content:flex-start;width:100%;height:250px;
  padding:9px 4px;overflow:visible;
}
#discoverView .discover-spotlight-choice{
  position:relative;display:block;flex:0 0 31%;width:31%;height:184px;min-width:0;
  margin-left:-9%;border-radius:9px;background:transparent;border:0;padding:0;
  box-shadow:0 7px 18px #17334e30;opacity:.82;
  transform:scale(.92);transition:flex-basis .22s ease,transform .22s ease,opacity .22s ease;
}
#discoverView .discover-spotlight-choice:first-child{margin-left:0}
#discoverView .discover-spotlight-choice.is-active{
  flex-basis:47%;width:47%;height:225px;z-index:4;opacity:1;transform:scale(1);
  box-shadow:0 15px 28px #15395c35;
}
#discoverView .discover-spotlight-choice:not(.is-active){z-index:2}
#discoverView .discover-spotlight-choice:hover{opacity:1;transform:translateY(-4px)}
#discoverView .discover-spotlight-choice:focus-visible{outline:3px solid #009ffc;outline-offset:4px}
#discoverView .discover-spotlight-choice-cover,#discoverView .discover-spotlight-choice-cover .cover-art{
  display:block;width:100%;height:100%;border-radius:9px;overflow:hidden;
}
#discoverView .discover-spotlight-choice-cover img{display:block;width:100%;height:100%;object-fit:cover}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy{max-width:520px}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy h1{font-size:clamp(25px,3vw,40px);margin:8px 0 17px}
#discoverView .discover-spotlight-accordion .discover-spotlight-feature strong{font-size:clamp(19px,2vw,26px);line-height:1.25}
#discoverView .discover-spotlight-accordion .discover-spotlight-feature{margin:0 0 12px}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy>p{margin-bottom:12px}
#discoverView .discover-spotlight-selected{display:none}
@media(max-width:650px){
 #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
   grid-template-columns:minmax(0,44%) minmax(0,1fr)!important;gap:12px!important;padding:18px 12px!important;
 }
 #discoverView .discover-spotlight-stack{height:164px;padding:3px 0}
 #discoverView .discover-spotlight-choice{height:126px;margin-left:-12%;border-radius:6px}
 #discoverView .discover-spotlight-choice.is-active{height:153px}
 #discoverView .discover-spotlight-choice-cover,#discoverView .discover-spotlight-choice-cover .cover-art{border-radius:6px}
 #discoverView .discover-spotlight-accordion .discover-spotlight-copy h1{font-size:22px;letter-spacing:-.5px;margin:7px 0 12px}
 #discoverView .discover-spotlight-accordion .discover-spotlight-feature strong{font-size:15px}
 #discoverView .discover-spotlight-accordion .discover-spotlight-copy>p{font-size:10px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){#discoverView .discover-spotlight-choice{transition:none}}

/* Mobile/app spotlight: show complete portrait covers rather than narrow slivers. */
@media(max-width:760px){
 #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
   grid-template-columns:minmax(0,1fr)!important;
   gap:15px!important;
   padding:20px 16px!important;
 }
 #discoverView .discover-spotlight-accordion .discover-spotlight-book{
   width:100%!important;
   max-width:380px!important;
   justify-self:center!important;
 }
 #discoverView .discover-spotlight-stack{
   width:100%;
   max-width:360px;
   height:205px;
   margin:0 auto;
   padding:5px 0;
   justify-content:center;
   align-items:center;
 }
 #discoverView .discover-spotlight-choice{
   flex:0 0 31%;
   width:31%;
   height:auto!important;
   aspect-ratio:3/4;
   margin-left:-5%;
   border-radius:8px;
 }
 #discoverView .discover-spotlight-choice.is-active{
   flex:0 0 40%;
   width:40%;
   height:auto!important;
   aspect-ratio:3/4;
 }
 #discoverView .discover-spotlight-choice-cover,
 #discoverView .discover-spotlight-choice-cover .cover-art{
   width:100%;
   height:100%;
   aspect-ratio:3/4;
 }
 #discoverView .discover-spotlight-choice-cover img{
   width:100%;height:100%;object-fit:fill;
 }
 #discoverView .discover-spotlight-accordion .discover-spotlight-copy{
   width:100%;max-width:460px;margin:0 auto;text-align:left;
 }
}
@media(max-width:380px){
 #discoverView .discover-spotlight-stack{height:190px}
}

/* Discover: collection-level See all replaces search and dropdown toolbar. */
#discoverView .monthly-shelf .discovery-shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#discoverView .monthly-shelf .monthly-expand{margin-left:auto;flex-shrink:0}
@media(max-width:760px){
  #discoverView .monthly-shelf.is-expanded .discovery-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    gap:19px 10px!important;
    padding:2px 0 8px!important;
  }
  #discoverView .monthly-shelf.is-expanded .discovery-grid>.discovery-book{
    width:100%!important;
    max-width:none!important;
    flex:auto!important;
    min-width:0!important;
    scroll-snap-align:none!important;
  }
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf.is-expanded .discovery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  gap:19px 9px!important;
  padding:2px 0 8px!important;
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf.is-expanded .discovery-grid>.discovery-book{
  width:100%!important;max-width:none!important;flex:auto!important;min-width:0!important;
}

/* Dark glass spotlight with white type and a blue accent. */
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  background:rgba(14,19,29,.89)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:none!important;
}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy,
#discoverView .discover-spotlight-accordion .discover-spotlight-copy h1,
#discoverView .discover-spotlight-accordion .discover-spotlight-feature strong,
#discoverView .discover-spotlight-accordion .discover-spotlight-feature>span,
#discoverView .discover-spotlight-accordion .discover-spotlight-label{
  color:#fff!important;
}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy h1 em{
  color:#009ffc!important;
}
#discoverView .monthly-shelf .monthly-expand{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  align-items:center;justify-content:center;gap:5px;
  background:transparent!important;border:0!important;
  color:#009ffc!important;font-size:12px!important;font-weight:750!important;
  white-space:nowrap;text-decoration:none;
}
#discoverView .monthly-shelf .monthly-expand:hover{text-decoration:underline}

/* Dedicated Discover collection gallery. */
#discoverView .monthly-collection-page{width:100%;min-width:0;padding:4px 0 30px}
#discoverView .monthly-collection-back{color:var(--accent);font-size:13px;font-weight:750;padding:11px 0;min-height:44px}
#discoverView .monthly-collection-back:hover{text-decoration:underline}
#discoverView .monthly-collection-heading{margin:15px 0 27px}
#discoverView .monthly-collection-heading>span{font-size:10px;letter-spacing:1.2px;font-weight:750;color:var(--accent)}
#discoverView .monthly-collection-heading h1{font-size:clamp(24px,3.4vw,38px);line-height:1.2;letter-spacing:-.9px;margin:8px 0 5px}
#discoverView .monthly-collection-heading p{font-size:12px;color:var(--muted);margin:0}
#discoverView .monthly-collection-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;overflow:visible!important;gap:26px 17px!important;scroll-snap-type:none!important}
#discoverView .monthly-collection-grid>.discovery-book{min-width:0!important;width:100%!important;flex:auto!important;max-width:none!important}
@media(max-width:760px){
 #discoverView .monthly-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 9px!important;padding:0!important}
}
:is(.phone-preview,.app-preview) #discoverView .monthly-collection-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:18px 8px!important;scroll-snap-type:none!important}
:is(.phone-preview,.app-preview) #discoverView .monthly-collection-grid>.discovery-book{min-width:0!important;width:100%!important;flex:auto!important}
/* Wide, translucent smoke-glass backdrop with an underlay to lift cover colors. */
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
 width:100vw!important;
 max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 box-sizing:border-box;
 background:linear-gradient(120deg,rgba(15,28,42,.66),rgba(27,35,53,.49))!important;
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 border:0!important;
 border-radius:0!important;
 padding-left:max(22px,calc((100vw - min(1160px,100vw - 48px))/2))!important;
 padding-right:max(22px,calc((100vw - min(1160px,100vw - 48px))/2))!important;
}
@media(max-width:760px){
 #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
   padding-left:16px!important;padding-right:16px!important;
 }
}

/* Polished edge-to-edge black spotlight: no top gutter, subtle depth behind cover stack. */
.app-shell[data-active-tab="discover"] main{padding-top:0!important}
#discoverView .monthly-explore{margin-top:0!important;padding-top:0!important}
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  margin-top:0!important;
  background:
    radial-gradient(ellipse 36% 78% at 29% 50%,rgba(48,96,145,.24) 0%,transparent 78%),
    radial-gradient(ellipse 48% 95% at 75% 12%,rgba(25,42,68,.23) 0%,transparent 75%),
    linear-gradient(120deg,#05070c 0%,#11151d 49%,#050608 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 -30px 65px rgba(0,0,0,.32)!important;
}
#discoverView .discover-spotlight-choice.is-active{
  z-index:8!important;
  opacity:1!important;
  filter:drop-shadow(0 12px 15px rgba(0,0,0,.62));
}
#discoverView .discover-spotlight-choice:not(.is-active){filter:brightness(.82)}
#discoverView .discover-spotlight-accordion .discover-spotlight-feature strong{
  text-shadow:0 2px 16px rgba(0,0,0,.28);
}

/* Mobile spotlight accordion: horizontal finger swipes, vertical page scrolling preserved. */
#discoverView .discover-spotlight-stack{touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}
#discoverView .discover-spotlight-choice{touch-action:pan-y;-webkit-tap-highlight-color:transparent}

/* Discover spotlight: vibrant Booknook lighting over the rich black surface. */
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 40% 100% at 24% 55%,rgba(0,159,252,.61) 0%,rgba(0,159,252,.32) 36%,rgba(0,159,252,.10) 63%,transparent 84%),
    radial-gradient(ellipse 50% 110% at 88% 27%,rgba(132,74,255,.62) 0%,rgba(107,81,230,.34) 39%,rgba(107,81,230,.10) 65%,transparent 85%),
    radial-gradient(ellipse 34% 67% at 68% 103%,rgba(0,206,226,.24) 0%,transparent 85%),
    linear-gradient(120deg,#030509 0%,#11121b 50%,#050609 100%)!important;
}
#discoverView .discover-spotlight-accordion .discover-spotlight-stack{
  filter:drop-shadow(0 13px 22px rgba(0,0,0,.48));
}
#discoverView .discover-spotlight-accordion .discover-spotlight-choice.is-active{
  box-shadow:0 17px 35px rgba(0,0,0,.7),0 0 24px rgba(0,159,252,.33)!important;
  filter:drop-shadow(0 10px 13px rgba(0,0,0,.4));
}
#discoverView .discover-spotlight-accordion .discover-spotlight-label{
  color:#82d6ff!important;
}
#discoverView .discover-spotlight-accordion .discover-spotlight-copy h1 em{
  color:#009ffc!important;
  text-shadow:0 0 28px rgba(0,159,252,.25);
}

/* Compact collection cards and tight, directly stacked title/author metadata. */
#discoverView .monthly-shelf .discovery-grid{
  grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;
  gap:20px 14px!important;
}
#discoverView .monthly-shelf .discovery-grid>.discovery-book{
  max-width:145px;
  min-width:0;
}
#discoverView .monthly-shelf .discovery-book-info,
#discoverView .monthly-collection-page .discovery-book-info{
  display:flex!important;
  flex-flow:column nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  gap:0!important;
  min-height:0!important;
  height:auto!important;
  padding:4px 0 0!important;
  margin:0!important;
  line-height:1.2!important;
}
#discoverView .monthly-shelf .discovery-book-info .catalog-title,
#discoverView .monthly-collection-page .discovery-book-info .catalog-title{
  display:block!important;flex:none!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  line-height:1.22!important;
}
#discoverView .monthly-shelf .discovery-book-info .catalog-author,
#discoverView .monthly-collection-page .discovery-book-info .catalog-author{
  display:block!important;flex:none!important;
  height:auto!important;min-height:0!important;
  margin:1px 0 0!important;padding:0!important;
  line-height:1.2!important;
}
@media(max-width:760px){
 #discoverView .monthly-shelf .discovery-grid{display:flex!important;gap:11px!important}
 #discoverView .monthly-shelf .discovery-grid>.discovery-book{
   flex:0 0 clamp(102px,30%,130px)!important;
   width:clamp(102px,30%,130px)!important;
   max-width:130px!important;
 }
}
:is(.phone-preview,.app-preview) #discoverView .monthly-shelf .discovery-grid>.discovery-book{
  flex:0 0 32%!important;width:32%!important;max-width:130px!important;
}

/* Refined Booknook Discover book-detail popup: dramatic cover header, calm readable details. */
.discovery-book-dialog{
  padding:0!important;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid rgba(0,159,252,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#090e18 0,#101d2c 245px,#fff 245px,#fff 100%)!important;
  box-shadow:0 27px 90px rgba(2,9,20,.35),0 0 0 1px rgba(255,255,255,.1)!important;
  color:#17283c!important;
}
.discovery-book-dialog::backdrop{background:rgba(3,9,19,.67);backdrop-filter:blur(5px)}
.discovery-book-dialog .discovery-dialog-heading{
  margin:0!important;
  padding:22px 26px 8px!important;
  color:#a9dbff;
}
.discovery-book-dialog .discovery-dialog-heading .discovery-kicker{
  color:#82d6ff!important;
  letter-spacing:1.7px;
  font-size:10px;
  font-weight:800;
}
.discovery-book-dialog .discovery-dialog-heading .icon-button{
  width:35px;min-width:35px;min-height:35px;border-radius:50%;
  color:#fff!important;background:rgba(255,255,255,.12)!important;
  font-size:17px;
}
.discovery-book-dialog .discovery-dialog-heading .icon-button:hover{background:rgba(0,159,252,.36)!important}
.discovery-book-dialog .discovery-detail-top{
  position:relative;
  align-items:center;
  gap:24px;
  margin:0;
  padding:13px 26px 32px;
  color:#fff;
  background:
    radial-gradient(ellipse 48% 100% at 26% 45%,rgba(0,159,252,.39),transparent 80%),
    radial-gradient(ellipse 38% 90% at 86% 40%,rgba(120,82,250,.27),transparent 85%);
}
.discovery-book-dialog .discovery-detail-top>.catalog-cover{
  width:132px!important;max-width:34%!important;aspect-ratio:3/4!important;
  border-radius:8px;
  box-shadow:0 16px 30px rgba(0,0,0,.55),0 0 24px rgba(0,159,252,.22);
}
.discovery-book-dialog .discovery-detail-top h2{
  color:#fff!important;font:750 clamp(21px,3vw,29px)/1.17 var(--discovery-font,var(--sans))!important;
  letter-spacing:-.7px;margin:0 0 7px!important;
}
.discovery-book-dialog .discovery-detail-top p{
  margin:0 0 14px!important;color:#c6d9e9!important;font-size:13px;
}
.discovery-book-dialog .discovery-detail-status{
  border:1px solid rgba(0,159,252,.45)!important;
  border-radius:999px!important;
  background:rgba(0,159,252,.19)!important;
  color:#a9e2ff!important;
  padding:7px 11px!important;
}
.discovery-book-dialog .discovery-detail-genres,
.discovery-book-dialog .discovery-description,
.discovery-book-dialog .discovery-book-facts,
.discovery-book-dialog .discovery-detail-actions,
.discovery-book-dialog .discovery-detail-message,
.discovery-book-dialog .discovery-detail-note{
  margin-left:26px!important;margin-right:26px!important;
}
.discovery-book-dialog .discovery-detail-genres{margin-top:20px!important;margin-bottom:22px!important}
.discovery-book-dialog .discovery-detail-genres span{
  border:1px solid #d2eafd!important;background:#ecf8ff!important;
  color:#1875a8!important;padding:6px 11px!important;font-weight:650;
}
.discovery-book-dialog .discovery-description h3{
  font:750 15px/1.4 var(--discovery-font,var(--sans));color:#16263a;margin:0 0 8px;
}
html[data-app-theme="dark"] .discovery-book-dialog .discovery-description h3{color:var(--ink,#e5edff)!important}
html[data-app-theme="dark"] .discovery-book-dialog{background:var(--paper,#101827)!important;color:var(--ink,#e5edff)!important}
html[data-app-theme="dark"] .discovery-book-dialog .discovery-book-facts{background:var(--surface,#192438);border-color:var(--line,#32415a)!important}
html[data-app-theme="dark"] .discovery-book-dialog .discovery-book-facts dd{color:var(--ink,#e5edff)}
html[data-app-theme="dark"] .discovery-book-dialog .discovery-book-facts dt{color:var(--muted,#aab8ce)}
html[data-app-theme="dark"] .discovery-book-dialog .discovery-description p{color:var(--muted,#aab8ce)!important}
.discovery-book-dialog .discovery-finish-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:12px 0;color:#e5edff}
.discovery-finish-form label{display:grid;gap:5px;font-size:12px;min-width:0}
.discovery-finish-form input{max-width:100%;min-width:0;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px}
.discovery-finish-form small,.discovery-finish-form [role="alert"]{flex-basis:100%;color:inherit;font-size:11px}
.discovery-book-dialog :is(button,a,input):focus-visible{outline:3px solid #9675e5;outline-offset:3px}
.discovery-book-dialog .discovery-description p{color:#526477!important;line-height:1.75!important}
.discovery-book-dialog .discovery-book-facts{
  background:#f4f9fd;border:1px solid #e3edf6!important;border-radius:12px;
  padding:15px!important;gap:15px!important;margin-top:20px!important;margin-bottom:21px!important;
}
.discovery-book-dialog .discovery-book-facts dt{font-weight:650;color:#6b8294}
.discovery-book-dialog .discovery-book-facts dd{font-weight:650;color:#1f354c}
.discovery-book-dialog .discovery-detail-actions{gap:12px;margin-bottom:12px!important}
.discovery-book-dialog .discovery-detail-actions .button.primary{
  background:#009ffc!important;border-color:#009ffc!important;color:white!important;
  border-radius:10px!important;min-height:45px;
  box-shadow:0 7px 19px rgba(0,159,252,.23);
  font-weight:750;
}
.discovery-book-dialog .discovery-detail-actions .button.primary:hover{background:#0085db!important}
.discovery-book-dialog .discovery-detail-actions a{color:#008cd5!important;font-weight:650}
.discovery-book-dialog>:last-child{margin-bottom:25px!important}
@media(max-width:600px){
 .discovery-book-dialog{border-radius:16px!important;background:linear-gradient(180deg,#090e18 0,#101d2c 210px,#fff 210px,#fff 100%)!important}
 .discovery-book-dialog .discovery-dialog-heading{padding:16px 17px 6px!important}
 .discovery-book-dialog .discovery-detail-top{gap:15px;padding:12px 17px 27px}
 .discovery-book-dialog .discovery-detail-top>.catalog-cover{width:96px!important;max-width:34%!important}
 .discovery-book-dialog .discovery-detail-top h2{font-size:20px!important}
 .discovery-book-dialog .discovery-detail-top p{font-size:11px;margin-bottom:8px!important}
 .discovery-book-dialog .discovery-detail-status{font-size:9px;padding:5px 8px!important}
 .discovery-book-dialog .discovery-detail-genres,
 .discovery-book-dialog .discovery-description,
 .discovery-book-dialog .discovery-book-facts,
 .discovery-book-dialog .discovery-detail-actions,
 .discovery-book-dialog .discovery-detail-message,
 .discovery-book-dialog .discovery-detail-note{margin-left:17px!important;margin-right:17px!important}
}

/* Detail dialog: keep the hero color attached to its header, not the scrolling dialog. */
.discovery-book-dialog{
  background:#fff!important;
  background-image:none!important;
}
.discovery-book-dialog .discovery-dialog-heading{
  background:#090e18!important;
}
.discovery-book-dialog .discovery-detail-top{
  background:
    radial-gradient(ellipse 48% 100% at 26% 45%,rgba(0,159,252,.39),transparent 80%),
    radial-gradient(ellipse 38% 90% at 86% 40%,rgba(120,82,250,.27),transparent 85%),
    #101d2c!important;
}
/* The dialog itself scrolls; never give the description a separate scroll area. */
.discovery-book-dialog .discovery-detail-top>div:last-child{min-width:0;flex:1}
.discovery-book-dialog .discovery-detail-top .discovery-detail-actions{gap:8px;margin:16px 0 0!important}
.discovery-book-dialog .discovery-detail-top .discovery-detail-actions .button{width:auto;min-height:40px;padding:9px 12px;font-size:11px;white-space:normal}
.discovery-book-dialog .discovery-detail-top .discovery-detail-actions .button.light{background:#ffffff14!important;border:1px solid #c4b5fd66;color:#fff!important}
.discovery-book-dialog .discovery-detail-top .discovery-detail-actions .button[aria-pressed="true"]{background:#6950bb!important;border-color:#c4b5fd}
.discovery-book-dialog .discovery-detail-top .discovery-detail-message{margin:8px 0 0!important;color:#e2e8f0!important}
.discovery-book-dialog .discovery-detail-top .discovery-detail-actions a{color:#bce7ff!important}
.discovery-book-dialog .discovery-description p{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
.monthly-search-toolbar{min-width:0}
#discoverView .monthly-toolbar.monthly-search-toolbar{grid-template-columns:minmax(0,1fr);margin:20px 0 28px}
#discoverView .discovery-data-credit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:36px;padding-top:16px;color:var(--muted);font-size:12px;line-height:1.5}
#discoverView .discovery-data-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#discoverView .discovery-data-credit .discovery-google-attribution{display:inline;margin:0;font-size:inherit}

/* NovaNook styling is limited to the Discover spotlight hero. */
#discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
 background:radial-gradient(ellipse at 90% 5%,#d946ff18,transparent 50%),radial-gradient(ellipse at 5% 100%,#00e5ff20,transparent 55%),linear-gradient(115deg,#f8faff,#f0ebff)!important;
 color:#0a0f2d;font-family:Inter,"DM Sans",system-ui,sans-serif;
}
#discoverView .discover-spotlight-hero .discover-spotlight-label{
 color:#6541d4;font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:1.6px;
}
#discoverView .discover-spotlight-hero .discover-spotlight-copy h1{
 color:#0a0f2d;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:700;line-height:1.2;
}
#discoverView .discover-spotlight-hero .discover-spotlight-copy h1 em{
 font-style:normal;color:#6541d4;background:linear-gradient(105deg,#a52ce4,#7044ee 45%,#2165d9);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
#discoverView .discover-spotlight-hero .discover-spotlight-feature strong{
 color:#0a0f2d;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.4px;
}
#discoverView .discover-spotlight-hero .discover-spotlight-feature>span{color:#606581;font-family:Inter,system-ui,sans-serif}
#discoverView .discover-spotlight-hero .discover-spotlight-choice{box-shadow:0 7px 18px #6541d426}
#discoverView .discover-spotlight-hero .discover-spotlight-choice.is-active{box-shadow:0 15px 28px #6541d435}
#discoverView .discover-spotlight-hero .discover-spotlight-choice:focus-visible{outline-color:#6541d4}
html[data-app-theme="dark"] #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
 background:radial-gradient(ellipse 38% 110% at 20% 35%,#247fe680 0%,#124d9b55 45%,transparent 80%),radial-gradient(ellipse 30% 90% at 0% 100%,#08a3cc52 0%,transparent 80%),linear-gradient(110deg,#0c2548 0%,#091b37 50%,#0a0f2d 100%)!important;color:#f3efff;
}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero :is(.discover-spotlight-copy h1,.discover-spotlight-feature strong){color:#f3efff}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero .discover-spotlight-label{color:#c4acff}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero .discover-spotlight-feature>span{color:#b9b7d1}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero .discover-spotlight-copy h1 em{background-image:linear-gradient(105deg,#e7a0ff,#ba9bff 45%,#77caff)}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero .discover-spotlight-choice:focus-visible{outline-color:#c4acff}

/* Light appearance: override the older white-on-dark spotlight rules. */
html:not([data-app-theme="dark"]) #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
 background:radial-gradient(ellipse 38% 105% at 20% 35%,#fff 5%,#dceeff 42%,transparent 78%),radial-gradient(ellipse 32% 100% at 0% 100%,#8edfff 0%,transparent 75%),linear-gradient(110deg,#acd3ff 0%,#edf6ff 46%,#fff 72%,#e5faff 100%)!important;
 color:#0a0f2d!important;
}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero :is(.discover-spotlight-copy,.discover-spotlight-copy h1,.discover-spotlight-feature strong){color:#0a0f2d!important}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-feature>span{color:#454b69!important}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-label{color:#5632bc!important}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-copy h1 em{
 color:#6534bd!important;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;
}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-stack{filter:none}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-choice.is-active{box-shadow:0 12px 24px #49328230!important;filter:none}

/* Signature wordmark gradient, with a clean, softly tinted hero surface. */
html #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html #discoverView .discover-spotlight-hero .discover-spotlight-feature strong{text-shadow:none}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero :is(.discover-spotlight-copy h1 em,.discover-spotlight-label),
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero :is(.discover-spotlight-copy h1 em,.discover-spotlight-label){
 display:inline-block;width:fit-content;max-width:100%;
 color:#7b4dff!important;
 background:linear-gradient(100deg,#d946ff 0%,#7b4dff 35%,#3b82ff 68%,#00e5ff 100%);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 text-shadow:none;
}
@media(forced-colors:active){
 html #discoverView .discover-spotlight-hero :is(.discover-spotlight-copy h1 em,.discover-spotlight-label){background:none;-webkit-text-fill-color:CanvasText}
}

/* A softly lit display plinth anchors the featured covers. */
#discoverView .discover-spotlight-hero .discover-spotlight-book{
 position:relative;isolation:isolate;
}
#discoverView .discover-spotlight-hero .discover-spotlight-book::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 left:-8%;right:-8%;bottom:0;height:22%;border-radius:50%;
 background:radial-gradient(ellipse at 50% 30%,#ffffffec 0%,#e0d0ff85 50%,transparent 72%);
 box-shadow:0 14px 22px -18px #532e9e66;
 transform:scaleY(.55);transform-origin:center bottom;
}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-choice:not(.is-active){filter:none;opacity:.95}
html:not([data-app-theme="dark"]) #discoverView .discover-spotlight-hero .discover-spotlight-choice.is-active{
 box-shadow:0 16px 24px -10px #4d258a66,0 3px 8px #2411501a!important;
}
html[data-app-theme="dark"] #discoverView .discover-spotlight-hero .discover-spotlight-book::before{
 background:radial-gradient(ellipse at 50% 30%,#bda3ff66 0%,#7952ce35 48%,transparent 72%);
 box-shadow:0 14px 22px -18px #a885ff66;
}
@media(max-width:760px){
 html:not([data-app-theme="dark"]) #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  background:radial-gradient(ellipse 85% 60% at 50% 15%,#fff 5%,#dceeff 50%,transparent 85%),linear-gradient(155deg,#9dcaff 0%,#e0f5ff 48%,#fff 78%)!important;
 }
 html[data-app-theme="dark"] #discoverView .monthly-explore .discover-spotlight-hero.discover-spotlight-accordion{
  background:radial-gradient(ellipse 85% 65% at 50% 10%,#247fe670 0%,transparent 80%),linear-gradient(155deg,#0c2e57,#0a0f2d 80%)!important;
 }
}