.site-header.site-header-capsule{isolation:isolate;z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111e8;border:1px solid #ffffff24;border-radius:999px;gap:22px;width:fit-content;max-width:calc(100% - 24px);height:64px;margin:16px auto;padding:6px 10px 6px 20px;position:sticky;top:16px;box-shadow:0 8px 30px #0004}.site-header-capsule .brand{flex:none;gap:7px;font-size:22px}.site-header-capsule .brand .brand-icon{width:29px;height:29px}.site-header-capsule .main-nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:3px;padding:0}.site-header-capsule .main-nav>a{color:#bdbdbd;border-radius:999px;gap:7px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:600;transition:background .18s,color .18s}html .site-header-capsule .main-nav>a[aria-current=page]{color:#111;background:#f0efed}.site-header-capsule .main-nav>a[aria-current=page]:after{display:none}.site-header-capsule .main-nav>a:hover:not([aria-current]){color:#fff;background:#ffffff0c}.site-header-capsule .nav-count{min-width:17px;color:inherit;background:#ffffff16;font-size:10px}.site-header-capsule .main-nav>a[aria-current] .nav-count{background:#00000015}.site-header-capsule .header-tools{border-left:1px solid #ffffff17;gap:2px;padding-left:9px}.site-header-capsule .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile){color:#c9c9c9;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:inline-flex}.site-header-capsule .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile):hover{color:#fff;background:#ffffff0e}.site-header-capsule .header-tools :is(.search-launch>span,.nav-settings>span,.notifications-nav-label),.site-header-capsule .header-tools .search-launch>svg:last-child:not(:first-child){display:none}.site-header-capsule .search-launch>svg:first-child{display:block}.site-header-capsule .nav-profile{margin-left:3px}.site-header-capsule .nav-notifications{position:relative}.site-header-capsule .notification-count{top:1px;right:1px}.site-header-capsule :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #fff}.manga-search-dialog>a{color:#b9b9b9;justify-self:start;align-items:center;gap:8px;font-size:13px;display:inline-flex}.manga-search-dialog .expanded-search-form{margin-top:10px}.featured-title .artwork-title-logo.hero-title-logo,.manga-featured-title.has-logo .artwork-title-logo.manga-title-logo{width:min(100%,var(--title-logo-width,540px),calc(var(--title-logo-height,205px)*var(--title-logo-ratio,3.2)));object-fit:initial;filter:drop-shadow(0 3px 10px #0008);max-width:100%;height:auto;max-height:none;display:block;position:relative;inset:auto;transform:none}.featured-title:not(.has-logo) .artwork-title-logo.hero-title-logo{visibility:hidden;pointer-events:none;position:absolute}.featured-title.has-logo,.detail-feature .featured-title.has-logo{height:auto;min-height:0;margin:0 0 22px;display:block}.featured-title.has-logo>h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.manga-featured-title.has-logo .artwork-title-logo.is-dark{filter:brightness(0)invert()drop-shadow(0 3px 8px #0008)}.catalog-home .spotlight-content{width:min(760px,65%);max-width:none;padding-top:170px;padding-bottom:112px}.catalog-home .spotlight .spotlight-synopsis{-webkit-line-clamp:3;max-width:570px;height:auto;min-height:0;max-height:none;margin:18px 0 0;font-size:15px;line-height:1.65}.catalog-home .spotlight .spotlight-actions{margin-top:24px}.catalog-home .spotlight .spotlight-actions [data-slot=button]{min-height:49px;box-shadow:none;border-radius:999px;padding-inline:24px}.catalog-home .spotlight .spotlight-actions .hero-save{width:49px;padding:0}.catalog-home .spotlight-art :is(.hero-landscape-art,.hero-banner-art){object-position:62% 38%}.catalog-home .spotlight-scrim{background:linear-gradient(90deg,#080808d4 0%,#08080892 30%,#08080822 62%,#0000 85%),linear-gradient(#08080855,#0000 28%,#08080810 72%,#08080885)}.catalog-home .catalog-ambience .ambient-images{opacity:.22}.catalog-home .catalog-ambience:after{background:linear-gradient(#08080866,#080808ad 45%,#080808dd)}.manga-home-hero .manga-featured-copy{width:min(760px,65%)}.manga-home-hero .manga-featured{padding-top:200px;padding-bottom:112px}.manga-home-hero .manga-featured-copy .manga-featured-synopsis{-webkit-line-clamp:3;max-width:570px;margin:18px 0 24px;font-size:15px;line-height:1.65}.manga-home-hero .manga-featured-art.is-landscape img{object-position:62% 38%}.manga-home-hero .manga-featured-title{margin-bottom:22px}@media (max-width:1000px) and (min-width:641px){.site-header.site-header-capsule{gap:10px;padding-left:12px}.site-header-capsule .brand-wordmark{display:none}.site-header-capsule .main-nav>a{padding-inline:12px}.site-header-capsule .header-tools{padding-left:5px}.catalog-home .spotlight-content{width:78%}}@media (max-width:640px){.site-header.site-header-capsule{width:100%;max-width:100%;height:76px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:auto;background:0 0;border:0;border-radius:0;justify-content:space-between;gap:8px;margin:0;padding:0;position:relative;top:auto}.site-header-capsule .brand{font-size:23px}.site-header-capsule .brand .brand-icon{width:31px;height:31px}.site-header-capsule .header-tools{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101010aa;border:1px solid #ffffff16;border-radius:999px;gap:0;padding:4px}.site-header-capsule .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile){width:36px;min-width:36px;height:38px;min-height:38px}.site-header.site-header-capsule .main-nav{inset:auto 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151515ed;border:1px solid #ffffff26;border-radius:25px;gap:3px;width:auto;max-width:440px;margin-inline:auto;padding:5px;display:grid;position:fixed;transform:none;box-shadow:0 8px 28px #0007;grid-template-columns:repeat(4,minmax(0,1fr))!important}.site-header-capsule .main-nav>a{border-radius:19px;flex-direction:column;gap:4px;min-height:49px;padding:5px;font-size:10px}.site-header-capsule .main-nav>a>svg{width:19px;height:19px;display:block}.site-header-capsule .nav-count{display:none}.catalog-home .spotlight-content,.manga-home-hero .manga-featured{width:100%;padding-top:210px;padding-bottom:152px}.catalog-home .spotlight .spotlight-synopsis,.manga-home-hero .manga-featured-copy .manga-featured-synopsis{margin-top:16px;font-size:14px;line-height:1.6}.catalog-home .spotlight .spotlight-actions{flex-wrap:wrap;margin-top:21px}.catalog-home .spotlight .spotlight-actions [data-slot=button]{height:46px;min-height:46px;padding-inline:18px;font-size:13px}.catalog-home .spotlight .spotlight-actions .hero-save{width:46px;padding:0}.featured-title .artwork-title-logo.hero-title-logo,.manga-featured-title.has-logo .artwork-title-logo.manga-title-logo{--title-logo-width:390px;--title-logo-height:145px;max-width:100%}.catalog-home .spotlight-art :is(.hero-landscape-art,.hero-banner-art){object-position:64% 32%}.manga-home-hero .manga-featured-copy{width:100%}.manga-home-hero .manga-featured-art.is-landscape img{object-position:64% 32%}}@media (max-width:360px){.site-header-capsule .brand-wordmark{display:none}.site-header-capsule .brand{padding-right:8px}}@media (prefers-reduced-motion:reduce){.site-header-capsule *{transition:none!important}}html[data-reduced-motion=true] .site-header-capsule *{transition:none!important}html[data-high-contrast=true] .site-header.site-header-capsule{background:#080808;border-color:#ffffff90}@media (min-width:641px){.site-header.site-header-capsule{will-change:transform;transition:transform .24s,opacity .2s}.site-header.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true]{background:#111111f2;gap:14px;height:56px;margin-bottom:24px;padding:4px 8px 4px 14px;box-shadow:0 5px 22px #0005}.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true] .brand-wordmark{display:none}.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true] .brand .brand-icon{width:27px;height:27px}.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true] .main-nav>a{min-height:44px;padding:9px 12px}.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true] .header-tools :is(.search-launch,.nav-settings,.nav-notifications,.nav-profile){width:44px;min-width:44px;height:44px;min-height:44px}.site-header-capsule:not(.site-header-topbar)[data-scroll-compact=true] .header-tools-pending>span{width:36px;height:36px}.site-header.site-header-capsule[data-scroll-hidden=true]{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 24px))}.site-header.site-header-capsule:focus-within{opacity:1;pointer-events:auto;transform:none}}@media (prefers-reduced-motion:reduce){.site-header.site-header-capsule{transition:none}}html[data-reduced-motion=true] .site-header.site-header-capsule{transition:none}body .site-header-capsule .main-nav{isolation:isolate}@media (min-width:641px){body .site-header-capsule .main-nav{position:relative}}.main-nav .nav-active-indicator{z-index:-1;width:var(--nav-indicator-width,0px);height:var(--nav-indicator-height,0px);transform:translate(var(--nav-indicator-x,0px),var(--nav-indicator-y,0px));pointer-events:none;opacity:0;background:#f0efed;border-radius:999px;position:absolute;top:0;left:0}.main-nav[data-indicator-visible=true] .nav-active-indicator{opacity:1}.main-nav[data-indicator-animate=true] .nav-active-indicator{transition:transform var(--motion-normal) var(--motion-ease),width var(--motion-normal) var(--motion-ease),height var(--motion-normal) var(--motion-ease),opacity var(--motion-fast)}html body .site-header-capsule .main-nav[data-indicator-ready=true]>a[aria-current=page]{background:0 0}body .site-header-capsule .main-nav>a{transition:color var(--motion-fast),background-color var(--motion-fast);position:relative}body .site-header-capsule .main-nav>a:active>svg{scale:.9}.main-nav>a>svg{transition:scale var(--motion-press,.12s) var(--motion-ease)}@media (max-width:640px){.main-nav .nav-active-indicator{border-radius:17px}}@media (prefers-reduced-motion:reduce){.main-nav .nav-active-indicator,.main-nav>a>svg{transition:none!important}.main-nav>a:active>svg{scale:none}}html[data-reduced-motion=true] .main-nav .nav-active-indicator,html[data-reduced-motion=true] .main-nav>a>svg{transition:none!important}html[data-reduced-motion=true] .main-nav>a:active>svg{scale:none}@media (min-width:641px){html body .site-header.site-header-capsule.site-header-topbar{z-index:auto;isolation:auto;width:100%;max-width:none;height:96px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;opacity:1;pointer-events:auto;will-change:auto;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none;display:block;position:relative;top:auto;transform:none}html body .site-header-topbar{--topbar-top:16px;--topbar-center:50%;--topbar-text-shadow:0 1px 2px #000,0 0 5px #000c}html body .site-header-topbar>.brand,html body .site-header-topbar>.main-nav,html body .site-header-topbar>.header-tools{top:var(--topbar-top);z-index:40;transition:translate .24s var(--motion-ease,ease),opacity .18s ease;position:fixed;translate:0}html body .site-header-topbar>.brand{left:var(--gutter);color:#fff;mix-blend-mode:normal;height:48px;text-shadow:var(--topbar-text-shadow);filter:drop-shadow(0 1px 2px #0009);gap:8px;right:auto}html[dir=rtl] body .site-header-topbar>.brand{left:auto;right:var(--gutter)}html body .site-header-topbar>.brand .brand-wordmark{font-size:23px;display:block}html body .site-header-topbar>.brand .brand-icon{width:30px;height:30px}html body .site-header-topbar>.main-nav{left:var(--topbar-center);width:max-content;max-width:calc(100vw - 2 * var(--gutter) - 516px);height:48px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:auto;mix-blend-mode:normal;background:0 0;border:0;border-radius:0;flex:none;gap:2px;margin:0;padding:0;display:flex;bottom:auto;right:auto;transform:translate(-50%)}html body .site-header-topbar .main-nav>a{color:#fff;letter-spacing:-.005em;white-space:nowrap;min-width:0;min-height:48px;text-shadow:var(--topbar-text-shadow);background:0 0;border-radius:0;flex-direction:row;flex:0 auto;gap:6px;padding:0 12px;font-size:14px;font-weight:700;line-height:1.3;position:relative}html body .site-header-topbar .main-nav>a>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html body .site-header.site-header-topbar .main-nav>a:is(:hover,:focus-visible,[aria-current=page]){color:#fff;box-shadow:none;background:0 0}html body .site-header-topbar .main-nav>a>svg{display:none}html body .site-header-topbar .main-nav>a[aria-current=page]:after{content:"";background:#fff;border-radius:2px;height:2px;display:block;position:absolute;inset:auto 12px 6px}html body .site-header-topbar .nav-active-indicator{z-index:0;width:max(0px,calc(var(--nav-indicator-width,0px) - 24px));height:2px;transform:translate(calc(var(--nav-indicator-x,0px) + 12px),calc(var(--nav-indicator-y,0px) + var(--nav-indicator-height,48px) - 8px));background:#fff;border-radius:2px}html body .site-header-topbar .nav-active-indicator,html body .site-header-topbar .main-nav>a[aria-current=page]:after{box-shadow:0 1px 2px #000c,0 0 4px #0009}html body .site-header-topbar .main-nav[data-indicator-animate=true] .nav-active-indicator{transition:transform .55s var(--topbar-glide-ease,cubic-bezier(.22,1.2,.36,1)),width .55s var(--topbar-glide-ease,cubic-bezier(.22,1.2,.36,1)),opacity .18s ease}html body .site-header-topbar>.header-tools{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:7px;min-height:48px;padding:2px 0;inset-inline-end:var(--gutter)}html body .site-header-topbar .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile){-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);color:#f4f4f5;width:42px;min-width:42px;height:42px;min-height:42px;transition:background .16s ease,border-color .16s ease,scale var(--motion-press) var(--motion-ease);background:#16171e52;border:1px solid #ffffff20;border-radius:12px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff09}html body .site-header-topbar .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile):hover{color:#fff;background:#ffffff1b;border-color:#ffffff40}html body .site-header-topbar .header-tools .nav-profile{border-radius:50%}html body .site-header-topbar .header-tools :is(.search-launch>span,.search-launch>kbd,.nav-settings>span,.notifications-nav-label){display:none}html body .site-header-topbar .header-tools .search-launch>svg:first-child{flex:none;display:block}html body .site-header-topbar .header-tools-pending>span{background:#ffffff08;border:1px solid #ffffff15;border-radius:12px;width:42px;height:42px;margin:0}html body .site-header-topbar .header-tools-pending>span:last-child{border-radius:50%}html body .site-header-topbar[data-scroll-hidden=true]>:is(.brand,.main-nav,.header-tools){opacity:0;pointer-events:none;translate:0 calc(-100% - 32px)}html body .site-header-topbar:focus-within>:is(.brand,.main-nav,.header-tools){opacity:1;pointer-events:auto;translate:0}}html body .site-header .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications)>svg:first-child{stroke-width:1.8px;flex:none;width:20px;height:20px}html body .site-header-topbar .header-tools .nav-settings>svg{transform-origin:50%}html body .site-header-topbar .header-tools .nav-settings:is(:hover,:focus-visible)>svg{animation:.7s cubic-bezier(.22,.8,.36,1) topbar-cog-spin}@keyframes topbar-cog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (transition-timing-function:linear(0,1)){html body .site-header-topbar{--topbar-glide-ease:linear(0,.034,.119,.234,.362,.49,.611,.718,.81,.885,.944,.988,1.018,1.038,1.049,1.054,1.054,1.05,1.044,1.037,1.03,1.024,1.017,1.012,1.008,1.004,1.002,1,1)}}@media (min-width:1280px){html body .site-header-topbar{--topbar-search-width:clamp(160px,calc(50vw - 450px),300px)}html body .site-header-topbar>.main-nav{max-width:calc(100vw - 2 * var(--gutter) - 2 * var(--topbar-search-width) - 432px)}html body .site-header-topbar .header-tools .search-launch{width:var(--topbar-search-width);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffc7;background:#0006;border:0;border-radius:10px;justify-content:flex-start;gap:10px;padding-block:0;padding-inline:13px 7px;box-shadow:inset 0 0 0 1px #ffffff20}html body .site-header-topbar .header-tools .search-launch:hover{color:#fff;background:#0008;box-shadow:inset 0 0 0 1px #ffffff38}html body .site-header-topbar .header-tools .search-launch>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:500;display:block;overflow:hidden}html body .site-header-topbar .header-tools .search-launch>kbd{color:#ffffffb3;white-space:nowrap;background:#0005;border:0;border-radius:6px;flex:none;margin-inline-start:auto;padding:4px 6px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;display:block}html body .site-header-topbar .header-tools-pending>span:first-child{width:var(--topbar-search-width);border-radius:10px}}@media (min-width:641px) and (max-width:1023px){html body .site-header-topbar{--topbar-center:calc(50% - 58px)}html[dir=rtl] body .site-header-topbar{--topbar-center:calc(50% + 58px)}html body .site-header-topbar>.brand .brand-wordmark{display:none}html body .site-header-topbar .main-nav{gap:0;max-width:calc(100vw - 390px);padding-inline:4px}html body .site-header-topbar .main-nav>a{padding-inline:8px;font-size:12px}html body .site-header-topbar .main-nav>a[aria-current=page]:after{inset-inline:8px}html body .site-header-topbar .nav-active-indicator{width:max(0px,calc(var(--nav-indicator-width,0px) - 16px));transform:translate(calc(var(--nav-indicator-x,0px) + 8px),calc(var(--nav-indicator-y,0px) + var(--nav-indicator-height,48px) - 8px))}html body .site-header-topbar>.header-tools{gap:2px}html body .site-header-topbar .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile),html body .site-header-topbar .header-tools-pending>span{width:38px;min-width:38px}}@media (max-width:640px){html body .site-header-topbar .header-tools{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#11141b40;border-color:#ffffff26}html body .site-header-topbar .search-launch>kbd{display:none}}@media (max-width:440px){html body .site-header-topbar>.brand .brand-wordmark{display:none}}@media (prefers-reduced-motion:reduce){html body .site-header-topbar>:is(.brand,.main-nav,.header-tools),html body .site-header-topbar .main-nav>a>span{transition:none}html body .site-header-topbar .header-tools .nav-settings:is(:hover,:focus-visible)>svg{animation:none}}html[data-reduced-motion=true] body .site-header-topbar>:is(.brand,.main-nav,.header-tools),html[data-reduced-motion=true] body .site-header-topbar .main-nav>a>span{transition:none}html[data-reduced-motion=true] body .site-header-topbar .header-tools .nav-settings:is(:hover,:focus-visible)>svg{animation:none}@media (min-width:641px){html[data-large-text=true] body .site-header-topbar .main-nav>a{font-size:16px}html[data-high-contrast=true] body .site-header-topbar{--topbar-text-shadow:none}html[data-high-contrast=true] body .site-header-topbar>.brand{filter:none}html[data-high-contrast=true] body .site-header-topbar .header-tools :is(.search-launch,.nav-community,.nav-settings,.nav-notifications,.nav-profile){-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;background:#080808;border-color:#fff;box-shadow:inset 0 0 0 1px #fff}html[data-high-contrast=true] body .site-header-topbar>:is(.brand,.main-nav){background:#080808;border-radius:8px;padding:6px}}@media (forced-colors:active){html body .site-header-topbar{--topbar-text-shadow:none}html body .site-header-topbar>:is(.brand,.main-nav){mix-blend-mode:normal;color:canvastext;filter:none;background:canvas}html body .site-header.site-header-topbar .main-nav>a:is(a,:hover,:focus-visible,[aria-current=page]){color:canvastext}html body .site-header-topbar .nav-active-indicator,html body .site-header-topbar .main-nav>a[aria-current=page]:after{box-shadow:none;background:canvastext}}
