:root{--hero-shade:#141416;--hover-border:#8b5968}
.main-navigation>a[aria-current=page]{color:var(--accent)}
.studio-head .main-navigation{flex-wrap:nowrap;float:none}
.studio-head .main-navigation>.nav-entry{display:flex;position:static;float:none;flex:0 0 auto;width:auto;margin:0;clear:none}
.studio-head .main-navigation>.nav-reading{margin-left:auto}
.studio-head .main-navigation .mega-discover{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-content:start}
.studio-head .main-navigation .mega-discover a{display:flex;position:static;float:none;clear:both;width:100%;min-height:48px;white-space:normal;margin:0;padding:10px 0}
.mega-genres a{color:var(--foreground)}
.app-head.studio-head .header-search{height:44px}
.mobile-nav-toggle:focus-visible,.search-submit:focus-visible,.header-search input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.feature>picture{position:absolute;inset:0;display:block}
.feature>picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% 48%}
.home .feature{min-height:480px;isolation:isolate}
.feature:after{background:linear-gradient(90deg,#141416f5 0%,#141416d9 22%,#14141625 53%,transparent 70%)}
.feature .feature-copy{z-index:2;position:relative;padding:52px 0;max-width:420px}
.feature-copy h2{font-size:42px;line-height:1.4}
.feature-copy>p:not(.eyebrow){max-width:390px}
.home-cover{overflow:hidden;background:var(--surface);position:relative}
.home-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}
.home-card:hover .home-cover img{transform:scale(1.035)}
.home-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.home-categories a{min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.home-grid{align-items:start}
.home-card h3{line-height:1.7;min-height:2.9em}
.home-cover .card-status{background:#141416df;color:var(--foreground);border:1px solid #f1f0f347}
.home-cover .card-status:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px;vertical-align:middle}
.home-cover>span:not(.card-status){background:#141416d9;color:var(--foreground)}
.update-item:hover{border-color:var(--hover-border)}
.genre-directory.visual-genres img{object-position:center 23%;filter:none}
.genre-directory.visual-genres a{overflow:hidden}
.cover-unavailable{position:relative;background:var(--surface);border:1px solid var(--border)}
.cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--secondary-text);font-size:14px;text-align:center;position:absolute;inset:0}
.cover-fallback svg{width:36px;height:36px;color:var(--accent)}
section[id],.home-bottom[id]{scroll-margin-top:108px}
.reader .strip{aspect-ratio:auto;overflow:visible;background:var(--surface)}.reader .strip img{display:block;width:100%;height:auto;object-fit:contain;filter:none}.reader .reader-copy{font-size:18px;line-height:1.8;color:var(--foreground);background:var(--hero-shade)}
.result div{min-width:0}.result small{display:block;font-size:14px;color:var(--secondary-text);margin-top:4px}.result b{font-size:18px;line-height:1.7}.result p{overflow-wrap:anywhere}
.series-cover{margin:0;width:100%;aspect-ratio:2/3;position:relative;align-self:start;border-radius:4px;overflow:hidden}.series-hero .series-cover img{width:100%;height:auto;aspect-ratio:2/3;display:block;object-fit:cover;border-radius:4px}.big-search:focus-within{border-color:var(--accent)}.big-search input:focus-visible{outline:0}
.continue-grid h2{font-size:22px;line-height:1.7}
@media(max-width:1250px){.studio-head .main-navigation>.nav-updates{display:none}}
@media(max-width:950px){.studio-head .main-navigation>.nav-new{display:none}}
@media(min-width:1600px){.home .feature{min-height:500px}.feature>picture img{object-position:75% 48%}}
@media(max-width:760px){
 .studio-head .main-navigation{flex-direction:column;overflow-x:hidden;overscroll-behavior:contain}
 .studio-head .main-navigation>.nav-entry{display:block;position:static;float:none;clear:both;width:100%;margin:0;padding:12px 8px;font-size:16px;line-height:1.7;min-height:52px}
 .studio-head .main-navigation>.nav-reading{margin:0}
 .studio-head .main-navigation .mega-discover a{display:flex;width:100%;padding:10px 0;min-height:48px;font-size:16px}
 .studio-head .mega-genres a{display:flex;position:static;float:none;font-size:16px;min-height:48px;line-height:1.7}
 .studio-head .main-navigation>.nav-dropdown{width:100%}
 .studio-head .nav-dropdown>button{font-size:16px;min-height:52px}
 .home .feature{min-height:420px}
 .feature .feature-copy{max-width:45%;padding:30px 0;margin-left:24px}
 .feature-copy h2{font-size:34px}
 .feature-copy>p:not(.eyebrow){font-size:16px}
}
@media(max-width:600px){
 .home .feature{min-height:0;display:flex;flex-direction:column;background:var(--hero-shade);padding-top:0;margin-top:-16px;margin-bottom:14px}
 .feature>picture{position:relative;inset:auto;width:100%;height:290px;flex-shrink:0}
 .feature>picture img{object-position:center 40%}
 .feature:after{inset:160px 0 auto;height:130px;background:linear-gradient(0deg,var(--hero-shade),transparent);pointer-events:none}
 .feature .feature-copy{margin:0;padding:4px 24px 28px;max-width:100%;width:100%;align-self:auto}
 .feature-copy h2{font-size:31px;line-height:1.4}
 .feature-copy .eyebrow{margin-top:0;margin-bottom:8px}
 .feature-copy>p:not(.eyebrow){margin:12px 0 18px;max-width:340px;line-height:1.8}
 .feature-actions{gap:10px;flex-wrap:wrap}
 .feature-actions a{min-height:46px}
 .home-categories a{font-size:16px}
 .home-card h3{font-size:16px}
 .series-hero .series-cover{grid-column:1;grid-row:1/4}.series-hero .label{font-size:14px;line-height:1.7}.series-hero .series-score{flex-wrap:wrap}
 .home-card p,.lib-card p,.result p,.continue-grid p{font-size:16px;line-height:1.7}
 .home-bottom .update-meta,.update-info>p,.update-info time,.ranking-panel .ranking small{font-size:14px;line-height:1.75}
 .home .shelf-title p{font-size:16px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.home-cover img{transition:none}.home-card:hover .home-cover img{transform:none}}
