.genre-page .genre-hero{color:#f7eadf;border-bottom:1px solid color-mix(in srgb, var(--genre-glow) 55%, #4b3a44);background:#090d1b;border-radius:0;min-height:390px;margin-bottom:16px;padding-block:36px}.genre-page .genre-hero__backdrop img{filter:blur(12px)saturate(.8);opacity:.35}.genre-page .genre-hero__backdrop:after{background:linear-gradient(90deg,#060b17f7 0%,#080c1dd9 28%,#090d2040 65%,#080c159c),linear-gradient(#0000 55%,#080b18b0)}.genre-page .genre-hero__art{opacity:1;width:65%;left:35%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 90%,#0000)}.genre-page .genre-hero__art img{object-position:50% 23%}.genre-page .genre-hero__text{max-width:640px}.genre-page .genre-hero__title{text-wrap:balance;color:#ffebdf;text-shadow:0 2px 20px #000;max-width:610px;font-size:clamp(36px,4.4vw,66px);font-weight:500;line-height:.98}.genre-page .genre-hero__tagline{color:#d2b7bd;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.genre-page .genre-hero__lead{color:#c2bccd;font-size:15px}.genre-page .genre-hero :is(.page-hero__crumbs,.genre-hero__count){color:#b7aec4}.genre-page .genre-hero .genre-signs{color:#e5cfda;gap:24px}.genre-page .genre-hero__quote{color:#ead9e8;text-shadow:0 2px 10px #000;background:0 0;border:0;max-width:220px}.genre-page .genre-hero__script{color:#d1a1c6}.genre-intro-grid{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1.25fr);gap:18px;padding:12px 0 22px;display:grid}.genre-intro-grid>article{border:1px solid color-mix(in srgb,var(--genre-glow) 30%,var(--color-border));background:var(--color-surface);border-radius:7px;min-width:0;padding:16px}.genre-intro-grid h2{font:11px var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 16px}.genre-featured .shelf-card{max-width:295px;margin:auto}.genre-featured .shelf-card__title{font-family:var(--font-display)}.genre-author-portrait{text-align:center;flex-direction:column;align-items:center;display:flex}.genre-author-portrait h2{text-align:left;align-self:stretch}.genre-author-portrait .laurel{width:180px;height:180px;margin-top:3px}.genre-author-portrait h3{font:27px var(--font-display);margin:15px 0 5px}.genre-author-portrait h3 a{color:var(--color-text);text-decoration:none}.genre-author-portrait>p{max-width:25ch;color:var(--color-text-muted);font-size:12px;line-height:1.5}.genre-author-portrait dl{justify-content:center;gap:16px;margin:12px 0 18px;display:flex}.genre-author-portrait dd{font:21px var(--font-display);color:var(--genre-ink);margin:0}.genre-author-portrait dt{color:var(--color-text-muted);font-size:10px}.genre-author-portrait .btn{border-radius:6px;margin-top:8px}.genre-atmosphere ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.genre-atmosphere li{min-height:100px;color:var(--genre-ink);text-align:center;border:1px solid color-mix(in srgb,var(--genre-glow) 16%,var(--color-border));border-radius:6px;justify-items:center;gap:10px;padding:10px;display:grid}.genre-atmosphere li span{font-size:12px}.genre-atmosphere blockquote{font:italic 20px var(--font-display);text-align:center;color:var(--genre-ink);margin:14px}.genre-atmosphere__palette{justify-content:center;gap:10px;margin-top:20px;display:flex}.genre-atmosphere__palette span{border:1px solid #8885;border-radius:50%;width:26px;height:26px}.genre-atmosphere__script{font:italic 23px var(--font-display);text-align:center;color:var(--genre-ink);margin-bottom:5px}.genre-page[data-genre=dark-romance] .genre-hero{background:#0b080b}.genre-page[data-genre=dark-romance] .genre-hero__backdrop:after{background:linear-gradient(90deg,#10090efa 0%,#170b12de 33%,#14070e30 70%,#140710a0)}.genre-page[data-genre=historical-romance] .genre-hero__tagline{color:#e0bf95}.genre-invitation{color:#f4e3df;border-radius:5px;align-items:end;min-height:390px;display:grid;position:relative;overflow:hidden}.genre-invitation>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.genre-invitation>div{background:linear-gradient(#0000,#110c19ee 28%);padding:22px;position:relative}.genre-invitation h3{font:31px var(--font-display);margin:10px 0}.genre-invitation p{color:#d4c3d3;font-size:12px}.genre-author-portrait--invitation .laurel>svg:not(.laurel__wreath){color:var(--genre-ink)}.genre-page .genre-hero .genre-signs li{color:#d4bccd}.genre-page .genre-hero .genre-signs__icon{color:#e8bad9}@media (max-width:900px){.genre-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-atmosphere{grid-column:1/-1}.genre-atmosphere ul{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-page .genre-hero__quote{display:none}}@media (max-width:600px){.genre-page .genre-hero{min-height:400px;padding-block:26px}.genre-page .genre-hero__art{opacity:.45;width:100%;left:0}.genre-page .genre-hero__title{max-width:90%;font-size:43px}.genre-page .genre-hero .genre-signs{gap:12px}.genre-intro-grid{grid-template-columns:minmax(0,1fr)}.genre-intro-grid>article{padding:14px}.genre-atmosphere{grid-column:auto}.genre-atmosphere ul{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-featured .shelf-card{max-width:270px}}
.hub-subgenres{scroll-snap-type:x proximity;gap:14px;padding:4px 0 16px;display:flex;overflow-x:auto}.hub-subgenres>a{border:1px solid var(--color-border);min-width:0;color:var(--color-text);background:var(--color-surface);scroll-snap-align:start;border-radius:16px;flex:0 0 calc(16.6667% - 11.6667px);align-content:start;gap:10px;padding:20px 12px;text-decoration:none;display:grid}.hub-subgenres span{color:var(--color-text-muted);font-size:12px}.hub-top-controls{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 0;display:flex}.hub-top-controls nav{flex-wrap:wrap;gap:6px;display:flex}.hub-empty{border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:12px;padding:22px}.hub-author-list,.hub-catalog{grid-template-columns:repeat(auto-fill,minmax(240px,320px));gap:24px;padding:0;list-style:none;display:grid}.hub-author-list>li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;align-content:start;gap:16px;min-width:0;padding:16px;display:grid}.hub-author-list .shelf-card{width:min(114px,100%)}.hub-catalog-cta{text-align:center}.hub-metric-note{color:var(--color-text-muted);font-size:13px}.hub-chart-empty{border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:12px;max-width:64ch;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}@media (max-width:900px){.hub-subgenres>a{flex-basis:calc(33.3333% - 9.33333px)}.hub-author-list,.hub-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hub-subgenres>a{flex-basis:42%}.hub-author-list,.hub-catalog{grid-template-columns:1fr}.hub-top-controls{display:grid}.hub-top-controls .filter-chip{font-size:13px}}.subgenre-showcase{width:100%;min-width:0;max-width:100%;padding-block:32px;overflow:hidden}.subgenre-showcase>header{margin-bottom:20px}.subgenre-showcase h2{font:600 clamp(24px,3vw,34px)/1.15 var(--font-display);margin:0}.subgenre-track{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-y;cursor:grab;gap:14px;width:100%;max-width:100%;padding:4px 2px 16px;display:flex;overflow-x:auto}.subgenre-track:active{cursor:grabbing}.subgenre-track::-webkit-scrollbar{display:none}.subgenre-tile{aspect-ratio:1;background:var(--color-surface-2);color:#fff;isolation:isolate;border-radius:18px;flex:0 0 176px;text-decoration:none;position:relative;overflow:hidden}.subgenre-tile img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.subgenre-tile>span{background:linear-gradient(#0000 10%,#0f0a1aeb);flex-direction:column;justify-content:end;gap:8px;padding:16px;line-height:1.2;display:flex;position:absolute;inset:0}.subgenre-tile strong{font:600 18px/1.18 var(--font-display)}.subgenre-tile small{font-size:11px}.subgenre-tile b{float:right}.subgenre-tile:hover img{transform:scale(1.05)}.subgenre-tile:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}.hub-reading-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;display:grid}.hub-reading-main{min-width:0}.hub-reading-main .rail--books{scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:clamp(94px,7.2vw,114px);grid-auto-flow:column;gap:16px;margin:0;padding:4px 0 16px;display:grid;overflow-x:auto}.hub-reading-main .rail--books>li{min-width:0;display:list-item}.hub-sidebar{gap:16px;min-width:0;padding-top:40px;display:grid}.hub-sidebar-widget{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;padding:22px}.hub-sidebar-widget h2{margin:0 0 14px;font-size:18px;line-height:1.3}.hub-sidebar-widget p{color:var(--color-text-muted);margin:0 0 14px;font-size:12px;line-height:1.5}.hub-sidebar-widget nav{gap:14px;display:grid}.hub-sidebar-widget nav a{color:var(--color-text);justify-content:space-between;gap:10px;font-size:14px;text-decoration:none;display:flex}.hub-popular-tags ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hub-popular-tags a{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);overflow-wrap:anywhere;border-radius:20px;padding:6px 9px;font-size:11px;text-decoration:none;display:block}.hub-sidebar a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:1100px){.hub-reading-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.hub-sidebar-widget{padding:16px}.hub-reading-main .rail--books{grid-auto-columns:clamp(94px,13.2vw,108px)}}@media (max-width:900px){.hub-reading-layout{flex-direction:column;display:flex}.hub-reading-main,.hub-sidebar{width:100%}.hub-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}}@media (max-width:600px){.subgenre-tile{border-radius:14px;flex-basis:144px}.subgenre-tile>span{padding:12px}.subgenre-tile strong{font-size:16px}.subgenre-showcase h2{font-size:24px}.hub-sidebar{grid-template-columns:1fr}.hub-reading-main .rail--books{grid-auto-columns:clamp(85px,24vw,95px);gap:14px}}@media (prefers-reduced-motion:reduce){.subgenre-tile img{transition:none}.subgenre-tile:hover img{transform:none}}.genre-page[data-genre] .genre-hero{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border);border-radius:24px;padding-inline:clamp(20px,3vw,44px);overflow:hidden}.genre-page[data-genre] .genre-hero__backdrop:after{background:linear-gradient(90deg,var(--color-bg) 0%,color-mix(in srgb,var(--color-bg) 96%,transparent) 35%,color-mix(in srgb,var(--color-bg) 55%,transparent) 65%,color-mix(in srgb,var(--color-bg) 20%,transparent)),linear-gradient(0deg,var(--color-bg),transparent 60%)}.genre-page[data-genre] .genre-hero__backdrop img{filter:saturate(.72);opacity:.18;transform:scale(1.04)}.genre-page .genre-hero .genre-card-gallery{background:0 0}.genre-page .genre-hero .genre-card-gallery:before{background:radial-gradient(ellipse at 75% 48%,color-mix(in srgb,var(--genre-glow) 18%,transparent),transparent 72%);filter:none;opacity:1;inset:0;transform:none}.genre-page .genre-hero__title{color:var(--color-text);text-shadow:none;line-height:1.05}.genre-page[data-genre] .genre-hero :is(.genre-hero__tagline,.genre-hero__lead,.page-hero__crumbs,.genre-hero__count,.genre-hero__quote,.genre-hero__script,.genre-signs li){color:var(--color-text-muted)}.genre-page .genre-hero .genre-signs__icon{color:var(--color-text)}.genre-page .genre-hero__art{width:min(54%,1050px);left:auto;right:0}.genre-page .genre-hero__art img{object-fit:contain;object-position:right center}.genre-page .genre-hero__text{max-width:55%}@media (min-width:2200px){.genre-page[data-genre] .genre-hero{min-height:clamp(620px,15vw,760px);padding-inline:clamp(64px,4vw,184px)}.genre-page .genre-hero__art{width:min(46%,1400px)}.genre-page .genre-hero__text{width:min(48vw,1900px);max-width:none}.genre-page .genre-hero__title{max-width:18ch;font-size:clamp(4.25rem,2vw,6.25rem)}.genre-page .genre-hero__lead{max-width:62ch;font-size:clamp(1.25rem,.48vw,1.55rem);line-height:1.5}.genre-page .genre-hero__tagline{font-size:clamp(.8rem,.32vw,1rem)}}@media (max-width:900px){.genre-page .genre-hero__text{max-width:100%}.genre-page .genre-hero__art{opacity:.18;width:70%;left:30%}.genre-page .genre-hero__script{display:none}}@media (max-width:600px){.genre-page[data-genre] .genre-hero{border-radius:18px}.genre-page .genre-hero__title{max-width:100%;font-size:clamp(30px,8vw,43px)}.genre-page .genre-hero__art{width:100%;left:0}}.hub-sidebar-widget a{transition:background-color .18s,border-color .18s}.subgenre-tile:focus-visible img{transform:scale(1.035)}@media (prefers-reduced-motion:reduce){.hub-sidebar-widget a{transition:none}.subgenre-tile:focus-visible img{transform:none}}.genre-page .genre-hero__kicker{color:var(--color-text-muted)}.genre-page .genre-hero__quote p{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);text-shadow:none;border-radius:12px;padding:12px 16px}.hub-compact-links{flex-wrap:wrap;gap:10px;display:flex}.spotlight-save,.follow-action{flex-direction:column;align-items:flex-start;gap:6px;display:inline-flex}.spotlight-save small,.follow-action small{max-width:28ch}.author-card__action{justify-self:start}.hub-popular-tags{padding:14px}.hub-popular-tags>h2{margin:0 0 8px;font-size:15px}.hub-popular-tags>p{margin:0 0 10px;font-size:12px;line-height:1.45}.hub-popular-tags .rotating-tags--compact{flex-wrap:wrap;gap:4px 8px;display:flex}.hub-popular-tags .rotating-tags--compact li{min-width:0;max-width:100%}.hub-popular-tags .rotating-tags--compact a{color:var(--color-text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;background:0 0;border:0;border-radius:3px;min-height:0;padding:4px 0;font-size:12px;line-height:1.4;display:block}.hub-popular-tags .rotating-tags--compact a:hover{color:var(--color-text);text-decoration-color:currentColor}.hub-popular-tags .rotating-tags--compact a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hub-popular-tags .rotating-tags--compact a>span{opacity:1}.subgenre-track{overflow-anchor:none}.subgenre-track:after{content:"";flex:0 0 0}.genre-page[data-genre] .genre-hero__text>.btn{justify-self:start;width:auto;max-width:100%;min-height:40px;margin-top:8px;padding:9px 18px;font-size:14px;line-height:1.35}.genre-page[data-genre] .genre-hero__lead{max-width:46ch;font-size:clamp(20px,1.25vw,28px);line-height:1.55}.genre-page[data-genre] .genre-hero__tagline{letter-spacing:.12em;font-size:clamp(13px,.75vw,17px);line-height:1.5}.genre-page[data-genre] .genre-hero__art{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000000f 7%,#00000040 17%,#0000008c 28%,#000000d4 40%,#000 55%);mask-image:linear-gradient(90deg,#0000 0%,#0000000f 7%,#00000040 17%,#0000008c 28%,#000000d4 40%,#000 55%)}@media (min-width:2200px){.genre-page[data-genre] .genre-hero__lead{font-size:clamp(26px,.7vw,36px)}}@media (max-width:900px){.genre-page[data-genre] .genre-hero__art{-webkit-mask-image:linear-gradient(#000 20%,#0000);mask-image:linear-gradient(#000 20%,#0000)}.genre-page[data-genre] .genre-hero__lead{max-width:40ch;font-size:20px}}.genre-page[data-genre] .genre-hero__art:after{content:"";pointer-events:none;background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 12%,color-mix(in srgb,var(--color-bg) 92%,transparent) 22%,color-mix(in srgb,var(--color-bg) 55%,transparent) 38%,transparent 68%);position:absolute;inset:0}.hub-reading-main .section{margin-block:0;padding-block:20px}.hub-reading-main .section .empty-book-shelf{padding-bottom:8px}.hub-reading-main .section .empty-book-shelf>div{grid-auto-columns:clamp(85px,7.2vw,114px)}.hub-reading-main .rail--books{grid-auto-columns:var(--shelf-cover);gap:var(--shelf-gap)}@media (max-width:1023px){.hub-reading-layout{flex-direction:column;gap:8px;display:flex}.hub-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding-top:8px;display:grid}}@media (min-width:1024px){.hub-reading-layout{grid-template-columns:minmax(0,1fr) 248px;gap:28px;display:grid}}@media (min-width:1280px){.hub-reading-layout{grid-template-columns:minmax(0, 1fr) var(--rail-w);gap:40px}.hub-sidebar-widget{padding:20px}}.hub-author-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}@media (max-width:599px){.hub-author-list{scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);grid-template-columns:none;grid-auto-columns:min(78vw,300px);grid-auto-flow:column;gap:12px;overflow-x:auto}.hub-author-list::-webkit-scrollbar{display:none}.hub-author-list>li{scroll-snap-align:start}}.genre-page .spotlight--rail{width:fit-content;min-width:min(100%,360px);max-width:100%}
