:root{--color-paper:oklch(12% .014 35);--color-paper-1:oklch(16% .016 35);--color-paper-2:oklch(20% .018 35);--color-paper-3:oklch(25% .02 35);--color-ink:oklch(95% .012 55);--color-ink-2:oklch(76% .018 55);--color-ink-3:oklch(61% .018 45);--color-accent:oklch(62% .17 25);--color-accent-hover:oklch(70% .16 25);--color-accent-subtle:oklch(20% .055 25);--color-on-accent:oklch(97% .01 55);--color-focus:oklch(82% .13 78);--color-border:oklch(34% .02 35);--color-border-subtle:oklch(26% .018 35);--color-success:oklch(65% .13 150);--color-error:oklch(63% .18 25);--color-warning:oklch(80% .13 78);--color-glow:oklch(62% .17 25/.25);--color-hero-image-wash:oklch(14% .016 35/.16);--color-hero-text-wash:oklch(14% .016 35/.34);--color-hero-mid-wash:oklch(14% .016 35/.22);--color-hero-bottom-mid-wash:oklch(14% .016 35/.36);--color-hero-bottom-wash:oklch(14% .016 35/.92);--color-hero-accent-wash:oklch(62% .17 25/.12);--color-hero-cool-wash:oklch(22% .06 255/.2);--color-hero-vignette:oklch(5% .014 35/.34);--color-header-surface:oklch(12% .018 35/.96);--color-header-line:oklch(39% .024 35);--color-card-surface:oklch(18% .018 35);--color-card-hover:oklch(23% .022 35);--color-card-shadow:oklch(3% .012 35/.55);--color-detail-cool-wash:oklch(22% .06 255/.24);--color-detail-vignette:oklch(5% .014 35/.4);--color-surface-overlay:oklch(10% .016 35/.82);--color-reader-surface:oklch(12% .014 35);--color-reader-rule:oklch(25% .016 35);--color-reader-ink:oklch(90% .012 55);--color-reader-muted:oklch(70% .018 45);--font-body:"EB Garamond", Georgia, serif;--font-display:"Cormorant Garamond", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-display:3rem;--type-card-title:.9375rem;--type-meta:.8125rem;--type-label:.75rem;--type-micro:.6875rem;--leading-display:1.08;--leading-title:1.25;--leading-body:1.65;--leading-compact:1.35;--tracking-display:-.025em;--tracking-label:.045em;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-xs:640px;--container-sm:768px;--container-md:1024px;--container-lg:1280px;--container-xl:1440px;--dur-instant:0s;--dur-fast:.15s;--dur-base:.3s;--dur-slow:.5s;--dur-dramatic:.8s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px 0 oklch(0% 0 0/.2);--shadow-md:0 4px 12px -2px oklch(0% 0 0/.3);--shadow-lg:0 12px 24px -4px oklch(0% 0 0/.35);--shadow-glow:0 0 20px -4px var(--color-glow);--shadow-card:0 2px 8px -2px oklch(0% 0 0/.25), 0 0 0 1px var(--color-border-subtle);--z-base:1;--z-nav:100;--z-drawer:200;--z-modal:300;--z-toast:400}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:oklch(97% .012 55);--color-paper-1:oklch(95% .012 55);--color-paper-2:oklch(92% .014 55);--color-paper-3:oklch(87% .018 55);--color-ink:oklch(19% .018 35);--color-ink-2:oklch(38% .018 35);--color-ink-3:oklch(52% .018 35);--color-accent:oklch(46% .17 25);--color-accent-hover:oklch(40% .17 25);--color-accent-subtle:oklch(92% .045 25);--color-on-accent:oklch(97% .012 55);--color-border:oklch(84% .014 55);--color-border-subtle:oklch(89% .012 55);--color-glow:oklch(46% .17 25/.14);--color-hero-image-wash:oklch(97% .012 55/.08);--color-hero-text-wash:oklch(97% .012 55/.78);--color-hero-bottom-wash:oklch(97% .012 55/.96);--color-hero-light-left:oklch(97% .012 55/.86);--color-hero-light-mid:oklch(97% .012 55/.52);--color-hero-light-soft:oklch(97% .012 55/.08);--color-surface-overlay:oklch(97% .012 55/.78);--color-reader-paper:oklch(12% .012 35);--color-reader-surface:oklch(17% .014 35);--color-reader-rule:oklch(30% .016 35);--color-reader-ink:oklch(92% .012 55);--color-reader-muted:oklch(72% .018 45)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:clip}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:auto;scrollbar-gutter:stable;background:var(--color-paper);font-size:16px;line-height:1.5}body{background:var(--color-paper);color:var(--color-ink);min-height:100dvh;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:600;line-height:1.08}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:1.6}a{color:var(--color-accent);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-accent);color:var(--color-on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-3)}input,textarea{caret-color:var(--color-accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:var(--z-toast);min-height:44px;padding-inline:var(--space-md);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);transform:translateY(calc(-100% - var(--space-lg)));transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;font-weight:700;display:inline-flex;position:fixed}.skip-link:focus,.skip-link:focus-visible{color:var(--color-on-accent);box-shadow:var(--shadow-glow);transform:translateY(0)}#main-content:focus{outline:none}.route-error,.app-error{justify-content:center;align-items:center;gap:var(--space-md);min-height:100dvh;padding:var(--space-2xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.route-error{color:var(--color-ink-2)}.route-error h1,.app-error h1{color:var(--color-ink);font-size:var(--text-3xl)}.route-error__code{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-display);font-weight:700;line-height:1}.app-error{background:var(--color-paper);color:var(--color-ink-2)}.app-error__panel{align-items:center;gap:var(--space-md);flex-direction:column;width:min(100%,520px);display:flex}.app-error__mark{border-radius:var(--radius-lg);background:var(--color-accent-subtle);width:64px;height:64px;color:var(--color-accent);place-items:center;display:grid}.app-error__actions,.route-error__actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.app-error__button{min-height:44px;padding-inline:var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:700}.app-error__button--primary{background:var(--color-accent);color:var(--color-on-accent)}.app-error__button--primary:hover{background:var(--color-accent-hover)}.app-error__button--secondary{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-border)}.app-error__button--secondary:hover{background:var(--color-paper-3);border-color:var(--color-ink-3)}.empty-state-action{min-height:44px;margin-top:var(--space-md);padding-inline:var(--space-lg);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.empty-state-action:hover{background:var(--color-accent-hover);color:var(--color-on-accent);box-shadow:var(--shadow-glow)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:var(--container-lg);padding-inline:clamp(var(--space-md), 4vw, var(--space-xl));margin-inline:auto}body{background-image:linear-gradient(oklch(100% 0 0/.015),#0000 30rem)}.empty-state-action,.app-error__button,.pagination__btn{border-radius:var(--radius-sm)}@media (width>=768px){.container{padding-inline:var(--space-xl)}}.skeleton{background:linear-gradient(90deg, var(--color-paper-2) 0%, var(--color-paper-3) 50%, var(--color-paper-2) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-paper-3);animation:none}}@keyframes fade-in-up{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-in-up{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-in-down{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-in-left{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-in-right{0%{opacity:0}to{opacity:1}}@keyframes anim-scale-in{0%{opacity:0}to{opacity:1}}.animate-in{opacity:0;will-change:opacity}.animate-in--up{animation:anim-fade-in-up var(--anim-duration,.5s) var(--ease-out) var(--anim-delay,0s) both}.animate-in--down{animation:anim-fade-in-down var(--anim-duration,.5s) var(--ease-out) var(--anim-delay,0s) both}.animate-in--left{animation:anim-fade-in-left var(--anim-duration,.5s) var(--ease-out) var(--anim-delay,0s) both}.animate-in--right{animation:anim-fade-in-right var(--anim-duration,.5s) var(--ease-out) var(--anim-delay,0s) both}.animate-in--scale{animation:anim-scale-in var(--anim-duration,.5s) var(--ease-out) var(--anim-delay,0s) both}@keyframes reader-page-enter{0%{opacity:0}to{opacity:1}}.reader-page{animation:reader-page-enter .4s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.animate-in{opacity:1;animation:none}.reader-page{animation:none}}@media (width<=767px){.tab-bar,.header,.reader-nav__bar{-webkit-backdrop-filter:blur(8px)!important}}.theme-toggle{background:var(--color-paper-2);width:44px;height:44px;color:var(--color-ink-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--color-paper-3);color:var(--color-ink)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.theme-toggle__icon{transition:transform var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-toggle.is-spinning .theme-toggle__icon{animation:theme-spin .4s var(--ease-out)}@keyframes theme-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.7)}to{transform:rotate(360deg)scale(1)}}.theme-toggle.is-spinning{animation:theme-toggle-pulse .4s var(--ease-out)}@keyframes theme-toggle-pulse{0%{transform:scale(1)}30%{transform:scale(.88)}60%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle__icon{transition:none;animation:none!important}.theme-toggle:hover,.theme-toggle:active,.theme-toggle:active .theme-toggle__icon{transform:none}.theme-toggle.is-spinning,.theme-toggle.is-spinning .theme-toggle__icon{animation:none!important}}.header{z-index:var(--z-nav);background:color-mix(in oklch, var(--color-paper) 94%, transparent);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(18px);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);height:64px;display:flex}.header__logo{align-items:center;gap:var(--space-sm);min-height:44px;color:var(--color-ink);flex:none;text-decoration:none;display:inline-flex}.header__logo-image{object-fit:contain;flex:none;width:42px;height:42px;display:block}.header__brand-name{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.035em;white-space:nowrap;font-weight:700;line-height:1}.header__brand-name span{color:var(--color-accent)}.header__nav{flex:1;justify-content:flex-end;align-items:center;gap:2px;margin-left:auto;display:none}.header__link{min-height:40px;padding:8px var(--space-md);border-radius:var(--radius-sm);color:var(--color-ink-3);font-size:var(--text-sm);letter-spacing:.01em;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);font-weight:600;text-decoration:none}.header__link:hover{color:var(--color-ink);background:var(--color-paper-2)}.header__link.active{color:var(--color-accent-hover);background:var(--color-accent-subtle)}@media (width>=768px){.header__nav{display:flex}}@media (width<=767px){.header__inner{height:56px}.header__logo-image{width:36px;height:36px}.header__brand-name{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.header__link{transition:none}}.tab-bar{right:var(--space-md);bottom:var(--space-md);left:var(--space-md);z-index:var(--z-nav);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in oklch, var(--color-paper-2) 94%, transparent);box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);display:flex;position:fixed;overflow:hidden}.tab-bar__item{min-height:60px;color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-weight:500;text-decoration:none;display:flex;position:relative}.tab-bar__item:hover{color:var(--color-ink-2);background:var(--color-paper-3)}.tab-bar__item.active{color:var(--color-accent-hover);background:var(--color-accent-subtle)}.tab-bar__item.active:before{content:"";background:var(--color-accent);width:28px;height:2px;position:absolute;top:0}@media (width>=768px){.tab-bar{display:none}}@media (prefers-reduced-motion:reduce){.tab-bar__item{transition:none}}.comic-card{border-radius:var(--radius-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);opacity:0;animation:card-enter .45s var(--ease-out) calc(var(--stagger,0) * 55ms) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.comic-card__link{color:inherit;flex-direction:column;text-decoration:none;display:flex}@keyframes card-enter{0%{opacity:0}to{opacity:1}}.comic-card:active{transform:translateY(-1px)}.comic-card__cover{aspect-ratio:2/3;background:var(--color-paper-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.comic-card__cover:after{content:"";border-radius:var(--radius-sm);pointer-events:none;background:linear-gradient(#0000 36%,oklch(0% 0 0/.08) 58%,oklch(0% 0 0/.62));position:absolute;inset:0}.comic-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.comic-card:hover .comic-card__cover img{transform:scale(1.04)}.comic-card__status{top:var(--space-sm);left:var(--space-sm);z-index:2;padding:3px var(--space-sm);border-radius:var(--radius-sm);color:oklch(95% 0 0);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.03em;text-transform:uppercase;background:oklch(0% 0 0/.52);font-weight:500;position:absolute}.comic-card__bookmark{z-index:3;border-radius:var(--radius-sm);color:oklch(90% 0 0);cursor:pointer;opacity:0;width:44px;height:44px;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);background:oklch(0% 0 0/.42);place-items:center;display:grid;position:absolute;top:2px;right:2px}.comic-card:hover .comic-card__bookmark,.comic-card__bookmark.is-bookmarked,.comic-card__bookmark:focus-visible{opacity:1}.comic-card__bookmark:hover{background:var(--color-accent);color:var(--color-on-accent);transform:scale(1.04)}.comic-card__bookmark:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.comic-card__bookmark:active{transform:scale(.96)}.comic-card__bookmark.is-bookmarked{background:var(--color-accent);color:var(--color-on-accent)}.comic-card__overlay{bottom:var(--space-sm);left:var(--space-sm);z-index:2;align-items:center;gap:var(--space-xs);display:flex;position:absolute}.comic-card__overlay-rating{color:var(--color-warning);font-family:var(--font-mono);font-size:var(--type-label);text-shadow:0 1px 3px oklch(0% 0 0/.5);font-weight:500}.comic-card__info{padding:var(--space-sm) 2px var(--space-xs);flex-direction:column;gap:4px;display:flex}.comic-card__title{min-height:calc(2em * var(--leading-compact));color:var(--color-ink);font-family:var(--font-body);font-size:var(--type-card-title);font-weight:600;line-height:var(--leading-compact);letter-spacing:0;text-overflow:ellipsis;-webkit-line-clamp:2;transition:color var(--dur-fast) var(--ease-out);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comic-card:hover .comic-card__title{color:var(--color-accent-hover)}.comic-card__meta{justify-content:space-between;align-items:center;gap:var(--space-xs);color:var(--color-ink-3);font-size:var(--type-meta);display:flex}.comic-card__genre-tag{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.comic-card__views{color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--type-micro);font-variant-numeric:tabular-nums;white-space:nowrap}@media (hover:none){.comic-card__bookmark{opacity:1}.comic-card:hover,.comic-card:active{box-shadow:none;transform:none}.comic-card:hover .comic-card__cover img{transform:none}}@media (prefers-reduced-motion:reduce){.comic-card{opacity:1;transition:none;animation:none}.comic-card__cover img,.comic-card__bookmark,.comic-card__title{transition:none}.comic-card:hover,.comic-card:hover .comic-card__cover img{box-shadow:none;transform:none}.comic-card__bookmark{opacity:1}.comic-card:hover .comic-card__title{color:var(--color-ink)}}html:not([data-theme=light]) .comic-card__info{padding-top:var(--space-md)}html:not([data-theme=light]) .comic-card:hover .comic-card__cover{box-shadow:0 10px 28px -14px var(--color-card-shadow)}html:not([data-theme=light]) .comic-card:hover .comic-card__title{color:var(--color-accent-hover)}html:not([data-theme=light]) .home__continue-card:hover,html:not([data-theme=light]) .chapter-item:hover{background:var(--color-card-hover)}.comic-card{transition:transform var(--dur-base) var(--ease-out);border-radius:0;overflow:visible}.comic-card:hover{box-shadow:none;transform:translateY(-5px)}.comic-card__cover{border:1px solid var(--color-border-subtle);box-shadow:0 8px 20px -14px var(--color-card-shadow);border-radius:2px}.comic-card__cover:after{background:linear-gradient(#0000 48%,oklch(0% 0 0/.66))}.comic-card:hover .comic-card__cover img{filter:saturate(1.08);transform:scale(1.045)}.comic-card__status{background:var(--color-paper);color:var(--color-ink-2);border-radius:2px}.comic-card__status--completed{background:var(--color-accent);color:var(--color-on-accent)}.comic-card__bookmark{background:oklch(10% .014 35/.72);border-radius:2px}.comic-card__info{padding:var(--space-md) 0 var(--space-xs);gap:6px}.comic-card__title{font-size:var(--text-base)}.comic-card__meta{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-xs)}@media (hover:none){.comic-card:hover{transform:none}.comic-card:hover .comic-card__cover img{filter:none;transform:none}}.comic-grid__header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle);display:flex}.comic-grid__header-left{align-items:center;gap:var(--space-sm);display:flex}.comic-grid__accent{background:var(--color-accent);flex-shrink:0;width:1px;height:24px}.comic-grid__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);font-weight:600}.comic-grid__see-all{min-height:44px;padding-inline:var(--space-xs);color:var(--color-accent-hover);font-size:var(--text-sm);white-space:nowrap;transition:gap var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.comic-grid__see-all:hover{gap:var(--space-sm);color:var(--color-ink)}.comic-grid{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=420px){.comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.comic-grid{gap:var(--space-xl) var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1100px){.comic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.comic-grid__see-all{transition:none}}.comic-grid-container{margin-bottom:var(--space-4xl)}.comic-grid__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom-color:var(--color-border)}.comic-grid__header-left{gap:var(--space-md)}.comic-grid__accent{background:var(--color-accent);height:30px}.comic-grid__title{font-size:clamp(var(--text-2xl), 4vw, var(--text-3xl));letter-spacing:var(--tracking-display)}.comic-grid__see-all{color:var(--color-ink-2)}.comic-grid__see-all:hover{color:var(--color-accent-hover)}.comic-grid{gap:var(--space-2xl) var(--space-lg)}@media (width>=768px){.comic-grid{gap:var(--space-3xl) var(--space-xl)}}.home{padding-bottom:calc(64px + var(--space-xl))}.home__hero{border-bottom:1px solid var(--color-border);align-items:flex-end;min-height:520px;display:flex;position:relative;overflow:hidden}.home__hero-bg,.home__hero-orbs{pointer-events:none;position:absolute;inset:0}.home__hero-bg{contain:paint}.home__hero-bg img{object-fit:cover;filter:blur(24px)brightness(.42)saturate(.95);width:100%;height:100%;transform:scale(1.18)}.home__hero-bg:after{content:"";background:radial-gradient(ellipse 60% 90% at 72% 34%, var(--color-hero-cool-wash), transparent 70%), radial-gradient(ellipse 55% 80% at 8% 62%, var(--color-hero-accent-wash), transparent 72%), linear-gradient(90deg, var(--color-hero-text-wash) 0%, var(--color-hero-mid-wash) 48%, transparent 100%), linear-gradient(to bottom, var(--color-hero-image-wash) 0%, var(--color-hero-bottom-mid-wash) 54%, var(--color-hero-bottom-wash) 100%), radial-gradient(ellipse 100% 100% at 50% 42%, transparent 46%, var(--color-hero-vignette) 100%);position:absolute;inset:0}html[data-theme=light] .home__hero-bg img{filter:blur(28px)brightness(.78)saturate(.92)}html[data-theme=light] .home__hero-bg:after{background:linear-gradient(90deg, var(--color-hero-light-left) 0%, var(--color-hero-light-mid) 35%, var(--color-hero-light-soft) 72%, transparent 100%), linear-gradient(to bottom, transparent 0%, var(--color-hero-image-wash) 48%, var(--color-paper) 100%)}.home__hero-orbs{contain:paint;overflow:hidden}.home__orb{filter:blur(72px);opacity:.22;border-radius:50%;position:absolute}.home__orb--1{background:var(--color-accent);width:340px;height:340px;top:10%;left:-8%}.home__orb--2{display:none}.home__orb--3{background:var(--color-warning);opacity:.1;width:180px;height:180px;bottom:12%;left:42%}.home__hero-content{z-index:1;gap:var(--space-xl);padding-top:var(--space-4xl);padding-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid;position:relative}.home__hero-info{gap:var(--space-md);animation:fade-in-up var(--dur-dramatic) var(--ease-out) both;flex-direction:column;display:flex}.home__hero-meta-row{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-wrap:wrap;display:flex}.home__hero-rating{color:var(--color-warning)}.home__hero-dot{color:var(--color-ink-3)}.home__hero-genres-text{color:var(--color-ink-2)}.home__hero-status-text{color:var(--color-accent-hover)}.home__hero-title{max-width:12ch;color:var(--color-ink);font-size:clamp(var(--text-3xl), 6vw, var(--text-display));font-weight:600;line-height:var(--leading-display)}.home__hero-desc{max-width:42ch;color:var(--color-ink-2);font-size:var(--text-lg);line-height:var(--leading-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home__hero-actions{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.home__hero-btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding:10px var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}.home__hero-btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.home__hero-btn--primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.home__hero-btn--ghost{color:var(--color-ink);border:1px solid var(--color-border);background:0 0}.home__hero-btn--ghost:hover{background:var(--color-paper-2);color:var(--color-ink);border-color:var(--color-ink-3)}.home__hero-visual{animation:fade-in-up var(--dur-dramatic) var(--ease-out) .15s both;justify-content:center;display:flex}.home__hero-stack{aspect-ratio:2/3;perspective:800px;width:180px;position:relative}.home__hero-main-cover{border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:var(--shadow-lg), 0 0 40px -12px var(--color-glow);z-index:3;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);display:block;position:relative;overflow:hidden}.home__hero-main-cover:hover{box-shadow:var(--shadow-lg), 0 8px 48px -8px var(--color-glow);transform:translateY(-5px)}.home__hero-main-cover img{object-fit:cover;width:100%;height:100%}.home__hero-stack-card{border-radius:var(--radius-sm);transform:translateX(calc(var(--depth) * 24px + 24px)) translateY(calc(var(--depth) * -5px - 5px)) scale(calc(1 - var(--depth) * .06 - .06)) rotateY(-4deg);opacity:calc(.7 - var(--depth) * .15);z-index:calc(2 - var(--depth));box-shadow:var(--shadow-md);pointer-events:none;position:absolute;inset:0;overflow:hidden}.home__hero-stack-card img{object-fit:cover;width:100%;height:100%}.home__hero-stack:hover .home__hero-stack-card{transform:translateX(calc(var(--depth) * 32px + 32px)) translateY(calc(var(--depth) * -7px - 7px)) scale(calc(1 - var(--depth) * .06 - .06)) rotateY(-5deg)}.home__continuation,.home__rail-section{margin-bottom:var(--space-3xl)}.home__section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.home__section-title{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-title)}.home__section-note{color:var(--color-ink-2);font-size:var(--type-meta);margin-top:4px}.home__section-link{min-height:44px;padding:0 var(--space-xs);color:var(--color-accent-hover);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.home__section-link:hover{color:var(--color-ink);gap:var(--space-sm)}.home__continuation-list{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home__continue-card{gap:var(--space-sm);min-width:0;padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-paper-1);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.home__continue-card:hover{border-color:var(--color-accent);background:var(--color-paper-2);color:var(--color-ink);transform:translateY(-2px)}.home__continue-cover{aspect-ratio:2/3;border-radius:var(--radius-sm);background:var(--color-paper-3);flex:0 0 56px;width:56px;overflow:hidden}.home__continue-cover img{object-fit:cover;width:100%;height:100%}.home__continue-body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.home__continue-body h3{color:var(--color-ink);font-family:var(--font-body);font-size:var(--type-card-title);font-weight:600;line-height:var(--leading-compact);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home__continue-body p{color:var(--color-ink-2);font-size:var(--type-meta)}.home__continue-progress{border-radius:var(--radius-full);background:var(--color-border);height:3px;margin-top:4px;overflow:hidden}.home__continue-progress span{width:var(--progress);background:var(--color-accent);height:100%;display:block}.home__continue-action{color:var(--color-accent-hover);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.02em}.home__rail{gap:var(--space-md);overscroll-behavior-inline:contain;padding:2px 2px var(--space-sm);scrollbar-width:thin;scroll-snap-type:inline proximity;grid-auto-columns:142px;grid-auto-flow:column;display:grid;overflow-x:auto}.home__rail .comic-card{scroll-snap-align:start;min-width:0}@media (width>=768px){.home{padding-bottom:var(--space-xl)}.home__hero{min-height:560px}.home__hero-content{grid-template-columns:1fr auto;align-items:end}.home__hero-stack{width:240px}.home__continuation-list{grid-template-columns:repeat(4,minmax(0,1fr))}.home__rail{gap:var(--space-lg);grid-auto-columns:178px}}@media (width<=480px){.home__hero{min-height:440px}.home__hero-desc{font-size:var(--text-base)}.home__hero-stack{width:150px}.home__hero-orbs,.home__hero-stack{perspective:none}}@media (width<=540px){.home__section-header{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.home__section-link{min-height:32px}}@media (prefers-reduced-motion:reduce){.home__hero-info,.home__hero-visual{animation:none}.home__hero-main-cover,.home__continue-card,.home__section-link{transition:none}.home__hero-main-cover:hover,.home__continue-card:hover{transform:none}}.home__hero{border-bottom-color:var(--color-border);align-items:center;min-height:620px}.home__hero-bg img{filter:blur(34px)brightness(.28)saturate(.7);transform:scale(1.22)}.home__hero-bg:after{background:linear-gradient(90deg, var(--color-paper) 0%, oklch(12% .014 35/.88) 42%, oklch(12% .014 35/.3) 100%), linear-gradient(to bottom, transparent 20%, var(--color-paper) 100%)}.home__hero-content{align-items:center;gap:var(--space-4xl);padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}.home__hero-info{gap:var(--space-lg)}.home__hero-meta-row{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.home__hero-title{letter-spacing:-.045em;max-width:14ch;font-size:clamp(3.25rem,6vw,5.25rem)}.home__hero-desc{max-width:36ch;font-size:var(--text-xl)}.home__hero-btn{border-radius:2px}.home__hero-visual{justify-content:flex-end}.home__hero-stack{width:290px}.home__hero-main-cover{box-shadow:22px 28px 60px -28px var(--color-card-shadow);border-radius:2px}.home__hero-stack-card{border-radius:2px}.home__sections{padding-top:var(--space-4xl)}.home__section-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);align-items:baseline}.home__section-title{font-size:var(--text-3xl);letter-spacing:-.035em}.home__section-note{color:var(--color-ink-3)}.home__section-link{color:var(--color-ink-2)}.home__continuation{padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-paper-1)}.home__continuation .home__section-header{border-bottom-color:var(--color-border-subtle)}.home__continue-card{border-color:var(--color-border-subtle);background:var(--color-paper-2);border-radius:2px}.home__rail-section{margin-bottom:var(--space-4xl)}.home__rail{gap:var(--space-lg);grid-auto-columns:164px}@media (width>=768px){.home__hero{min-height:620px}.home__hero-content{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.home__rail{gap:var(--space-xl);grid-auto-columns:204px}}@media (width<=767px){.home__hero-content{gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-xl);flex-direction:column-reverse;display:flex}.home__hero-visual{justify-content:center}.home__hero-stack{width:130px}.home__hero-title{max-width:12ch;font-size:clamp(2.75rem,13vw,4rem)}.home__hero-desc{font-size:var(--text-lg)}.home__sections{padding-top:var(--space-3xl)}.home__continuation{padding:var(--space-md)}}.browse__header{padding:var(--space-3xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-subtle)}.browse__title{font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));color:var(--color-ink);letter-spacing:var(--tracking-display);font-weight:600}.browse__subtitle{margin-top:var(--space-xs);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.pagination{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;display:flex}.pagination__btn{padding:12px var(--space-xl);background:var(--color-accent);color:var(--color-on-accent);font-weight:700;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);letter-spacing:-.01em}.pagination__btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pagination__btn:disabled{opacity:.2;cursor:not-allowed}.pagination__info{font-weight:600;font-size:var(--text-sm);color:var(--color-ink-3);text-align:center;font-variant-numeric:tabular-nums;min-width:60px}@media (width>=768px){.browse{padding-bottom:var(--space-xl)}.browse__title{font-size:var(--text-4xl)}}.browse{padding-bottom:calc(64px + var(--space-4xl))}.browse__header{padding:var(--space-3xl) 0 var(--space-xl);border-bottom-color:var(--color-border)}.browse__title{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}.browse__subtitle{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-accent);color:var(--color-ink-2);display:inline-flex}.browse .comic-grid-container{margin-top:var(--space-xl)}.browse .comic-grid{row-gap:var(--space-2xl)}.pagination{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border);justify-content:space-between}.pagination__btn{border:1px solid var(--color-border);background:var(--color-paper-2);min-height:44px;color:var(--color-ink);box-shadow:none;border-radius:2px}.pagination__btn:hover:not(:disabled){background:var(--color-accent);box-shadow:none}.pagination__info{color:var(--color-accent-hover);font-family:var(--font-mono)}@media (width<=767px){.browse__header{padding:var(--space-2xl) 0 var(--space-lg)}.browse__title{font-size:clamp(2.75rem,13vw,4rem)}}.search-page{padding-bottom:calc(64px + var(--space-xl))}.search-page__header{padding:var(--space-3xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-subtle)}.search-page__title{font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));color:var(--color-ink);letter-spacing:var(--tracking-display);font-weight:600}.search-form{gap:var(--space-sm);margin:var(--space-xl) 0 var(--space-2xl);display:flex}.search-form__field{flex:1;align-items:center;display:flex;position:relative}.search-form__icon{left:var(--space-md);color:var(--color-ink-3);pointer-events:none;flex-shrink:0;position:absolute}.search-form__input{width:100%;padding:13px var(--space-md) 13px calc(var(--space-md) + 26px);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper-1);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-lg);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.search-form__input::placeholder{color:var(--color-ink-3)}.search-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px oklch(from var(--color-accent) l c h / .16);outline:none}.search-form__btn{min-height:44px;padding:10px var(--space-lg);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:600}.search-form__btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.search-form__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.search-page__results{margin-bottom:var(--space-lg);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.search-page__empty{align-items:center;gap:var(--space-sm);padding:var(--space-4xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.search-page__empty-icon{width:64px;height:64px;margin-bottom:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-3);place-items:center;display:grid}.search-page__empty p{color:var(--color-ink-2);font-size:var(--text-lg);font-weight:600}.search-page__empty-hint{color:var(--color-ink-3)!important;font-size:var(--text-sm)!important;font-weight:400!important}@media (width<=480px){.search-form{flex-direction:column;align-items:stretch}.search-form__btn{width:100%}}@media (width>=768px){.search-page{padding-bottom:var(--space-xl)}}.search-page__header{padding:var(--space-3xl) 0 var(--space-lg);border-bottom-color:var(--color-border);text-align:center}.search-page__title{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}.search-form{width:min(100%,900px);max-width:900px;margin:var(--space-xl) auto;gap:var(--space-md)}.search-page__results{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle);text-align:center}.search-page__empty{min-height:0;padding:var(--space-2xl) 0 var(--space-4xl);text-align:center;align-items:center}.search-page__empty-icon{width:44px;height:44px;margin-bottom:var(--space-sm);border-radius:2px}.search-page__empty p{font-family:var(--font-display);font-size:var(--text-2xl)}.search-page__empty-hint{font-family:var(--font-body)}@media (width<=480px){.search-page__header{padding-top:var(--space-2xl)}.search-form{margin-top:var(--space-lg)}.search-form__input,.search-form__btn{min-height:48px}.search-page__empty{padding-top:var(--space-xl);padding-bottom:var(--space-3xl)}}@media (width<=480px) and (height<=500px){.search-page__header{padding-top:var(--space-lg);padding-bottom:var(--space-sm)}.search-form{margin-top:var(--space-md);flex-direction:row;align-items:center}.search-form__btn{width:auto;padding-inline:var(--space-md)}.search-page__empty{justify-content:center;align-items:center;column-gap:var(--space-sm);padding-top:var(--space-lg);padding-bottom:var(--space-xl);text-align:left;grid-template-columns:auto minmax(0,auto);display:grid}.search-page__empty-icon{grid-row:span 2;width:36px;height:36px;margin-bottom:0}.search-page__empty p{font-size:var(--text-lg)}.search-page__empty-hint{font-size:var(--type-label)!important}}.bookmarks-page{padding-bottom:calc(64px + var(--space-xl))}.bookmarks-page__header{padding:var(--space-3xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-subtle)}.bookmarks-page__title{color:var(--color-ink);font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));letter-spacing:var(--tracking-display);font-weight:600}.bookmarks-page__subtitle{margin-top:var(--space-xs);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.bookmarks-page__empty{align-items:center;gap:var(--space-sm);padding:var(--space-4xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.bookmarks-page__empty-icon{width:64px;height:64px;margin-bottom:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-3);place-items:center;display:grid}.bookmarks-page__empty p{color:var(--color-ink-2);font-size:var(--text-lg);font-weight:600}.bookmarks-page__empty-hint{color:var(--color-ink-3)!important;font-size:var(--text-sm)!important;font-weight:400!important}@media (width>=768px){.bookmarks-page{padding-bottom:var(--space-xl)}}.bookmarks-page__header{padding:var(--space-3xl) 0 var(--space-lg);border-bottom-color:var(--color-border);text-align:center}.bookmarks-page__title{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}.bookmarks-page__subtitle{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-accent);display:inline-block}.bookmarks-page__empty{min-height:0;padding:var(--space-2xl) 0 var(--space-4xl);text-align:center;align-items:center}.bookmarks-page__empty-icon{width:44px;height:44px;margin-bottom:var(--space-sm);border-radius:2px}.bookmarks-page__empty p{font-family:var(--font-display);font-size:var(--text-2xl)}.bookmarks-page__empty-hint{font-family:var(--font-body)}@media (width<=767px){.bookmarks-page__header{padding-top:var(--space-lg);padding-bottom:var(--space-sm)}.bookmarks-page__title{font-size:clamp(2.25rem,11vw,3rem)}.bookmarks-page__subtitle{margin-top:var(--space-sm);padding-top:5px}.bookmarks-page__empty{padding-top:var(--space-lg);padding-bottom:var(--space-xl);gap:2px}.bookmarks-page__empty-icon{width:36px;height:36px;margin-bottom:2px}.bookmarks-page__empty p{font-size:var(--text-lg);line-height:1.2}.bookmarks-page__empty-hint{font-size:var(--type-label)!important}.bookmarks-page__empty .empty-state-action{min-height:36px;margin-top:var(--space-xs)}}.history-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);padding:var(--space-3xl) 0 var(--space-xl);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.history-page__title{min-width:min(100%,8ch);color:var(--color-ink);font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));letter-spacing:var(--tracking-display);flex:8ch;font-weight:600}.history-page__subtitle{margin-top:var(--space-xs);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.history-page__clear{max-width:100%;min-height:44px;padding:10px var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;font-weight:600}.history-page__clear:hover{border-color:var(--color-error);background:var(--color-error);color:#fff}.history-list{gap:var(--space-sm);flex-direction:column;display:flex}.history-item{gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-paper-1);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.history-item:hover{background:var(--color-paper-2);border-color:var(--color-border);transform:translate(3px)}.history-item__action{color:var(--color-accent-hover);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;align-self:center;font-weight:600}.history-item__cover{flex-shrink:0;width:56px}.history-item__cover img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm)}.history-item__info{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.history-item__title{color:var(--color-ink);font-size:var(--type-card-title);font-weight:600;line-height:var(--leading-title);overflow-wrap:anywhere}.history-item__chapter{color:var(--color-ink-2);font-size:var(--type-meta)}.history-item__progress{color:var(--color-accent-hover);font-size:var(--type-label);font-variant-numeric:tabular-nums;font-weight:600}.history-item__time{color:var(--color-ink-3);font-size:var(--type-label);font-variant-numeric:tabular-nums}.history-page__empty{align-items:center;gap:var(--space-sm);padding:var(--space-4xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.history-page__empty-icon{width:64px;height:64px;margin-bottom:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-3);place-items:center;display:grid}.history-page__empty p{color:var(--color-ink-2);font-size:var(--text-lg);font-weight:600}.history-page__empty-hint{color:var(--color-ink-3)!important;font-size:var(--text-sm)!important;font-weight:400!important}@media (width<=540px){.history-item__action{align-self:flex-end;margin-left:auto}}@media (width>=768px){.history-page{padding-bottom:var(--space-xl)}}@media (prefers-reduced-motion:reduce){.history-item{transition:none}.history-item:hover{transform:none}}.history-page{padding-bottom:calc(64px + var(--space-4xl))}.history-page__header{padding:var(--space-3xl) 0 var(--space-lg);border-bottom-color:var(--color-border)}.history-page__title{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}.history-page__subtitle{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-accent)}.history-page__clear{border-radius:2px}.history-page__clear:hover{border-color:var(--color-error);color:var(--color-error);background:0 0}.history-list{max-width:860px;margin-top:var(--space-xl);border-top:1px solid var(--color-border);gap:0}.history-item{padding:var(--space-lg) 0;border-width:0 0 1px;border-color:var(--color-border-subtle);background:0 0;border-radius:0}.history-item:hover{background:var(--color-paper-2);transform:translate(6px)}.history-item__cover{width:64px}.history-item__cover img{box-shadow:none;border-radius:2px}.history-item__chapter{font-family:var(--font-mono);font-size:var(--type-label)}.history-item__progress{color:var(--color-accent-hover)}.history-item__time{font-family:var(--font-mono)}.history-page__empty{min-height:0;padding:var(--space-2xl) 0 var(--space-4xl);text-align:left;align-items:flex-start}.history-page__empty-icon{width:44px;height:44px;margin-bottom:var(--space-sm);border-radius:2px}.history-page__empty p{font-family:var(--font-display);font-size:var(--text-2xl)}.history-page__empty-hint{font-family:var(--font-body)}@media (width<=540px){.history-page__header{padding-top:var(--space-2xl);flex-direction:column;align-items:flex-start}.history-page__clear{width:100%}.history-item{gap:var(--space-sm)}}.genre-page{padding-bottom:calc(64px + var(--space-4xl))}.genre-page__header{padding:var(--space-3xl) 0 var(--space-lg);border-bottom-color:var(--color-border)}.genre-page__eyebrow{display:none}.genre-page__title{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}.genre-page__subtitle{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-accent)}.genre-page__filters{margin:var(--space-xl) 0 var(--space-xl);padding-bottom:var(--space-md);border-bottom-color:var(--color-border)}.genre-page__search-label{margin-bottom:var(--space-xs);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.genre-page__search{border-radius:2px}.genre-page__filter-list{margin-top:var(--space-sm);max-height:118px;padding-right:var(--space-xs);scrollbar-width:thin;gap:6px;overflow-y:auto}.genre-page__filter{min-height:36px;padding:6px var(--space-sm);font-size:var(--type-label);border-radius:2px}.genre-page__filter.is-active{box-shadow:none}.genre-page__pagination{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border)}@media (width<=480px){.genre-page__header{padding-top:var(--space-2xl)}.genre-page__filters{margin-top:var(--space-lg)}.genre-page__filter-list{display:none}}.comic-detail__banner{contain:paint;height:280px;margin-top:-68px;position:relative;overflow:hidden}.comic-detail__banner-img{object-fit:cover;filter:blur(22px)brightness(.4)saturate(.95);width:100%;height:100%;transform:scale(1.14)}.comic-detail__banner-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.comic-detail__orb{filter:blur(65px);opacity:.2;border-radius:50%;position:absolute}.comic-detail__orb--1{background:var(--color-accent);width:280px;height:280px;top:20%;left:10%}.comic-detail__orb--2{display:none}.comic-detail__banner:after{content:"";background:radial-gradient(ellipse 60% 90% at 70% 30%, var(--color-detail-cool-wash), transparent 70%), linear-gradient(to bottom, var(--color-hero-image-wash) 0%, var(--color-hero-bottom-mid-wash) 54%, var(--color-hero-bottom-wash) 100%), radial-gradient(ellipse 100% 100% at 50% 42%, transparent 46%, var(--color-detail-vignette) 100%);z-index:1;position:absolute;inset:0}.comic-detail__header{gap:var(--space-xl);z-index:1;margin-top:-140px;display:grid;position:relative}.comic-detail__cover{width:190px;margin:0 auto}.comic-detail__cover img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-lg), 0 0 48px -10px var(--color-glow)}.comic-detail__info{gap:var(--space-md);flex-direction:column;display:flex}.comic-detail__title{color:var(--color-ink);font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));font-weight:600;line-height:var(--leading-display)}.comic-detail__meta{align-items:center;gap:var(--space-sm);color:var(--color-ink-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.comic-detail__status,.comic-detail__type{border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent-hover);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:4px 10px;font-weight:500}.comic-detail__type{background:var(--color-paper-2);color:var(--color-ink-2)}.comic-detail__rating{color:var(--color-warning);font-family:var(--font-mono);font-size:var(--type-meta)}.comic-detail__views,.comic-detail__followers{color:var(--color-ink-3)}.comic-detail__genres{gap:var(--space-sm);flex-wrap:wrap;display:flex}.comic-detail__genre{padding:5px var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;font-weight:500}.comic-detail__genre:hover{background:var(--color-accent-subtle);color:var(--color-accent-hover)}.comic-detail__description{max-width:65ch;color:var(--color-ink-2);font-size:var(--text-lg);line-height:var(--leading-body)}.comic-detail__facts{gap:var(--space-sm) var(--space-xl);max-width:680px;padding:var(--space-md) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comic-detail__facts>div{min-width:0}.comic-detail__facts dt{color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.comic-detail__facts dd{color:var(--color-ink);font-size:var(--text-sm);overflow-wrap:anywhere;margin-top:2px}.comic-detail__actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.comic-detail__actions .btn{min-height:48px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding:10px var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--secondary{border-color:var(--color-border);background:var(--color-paper-2);color:var(--color-ink)}.btn--secondary:hover{border-color:var(--color-ink-3);background:var(--color-paper-3)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.comic-detail__chapters-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle);display:flex}.comic-detail__chapters-accent{background:var(--color-accent);flex-shrink:0;width:1px;height:24px}.comic-detail__chapters-title{color:var(--color-ink);font-size:var(--text-2xl);font-weight:600}.comic-detail__chapters-note{margin:calc(var(--space-sm) * -1) 0 var(--space-md);color:var(--color-ink-2);font-size:var(--type-meta)}.chapter-list{gap:var(--space-xs);flex-direction:column;display:flex}.chapter-item{justify-content:space-between;align-items:center;gap:var(--space-md);min-width:0;min-height:68px;padding:14px var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-paper-1);opacity:0;animation:chapter-enter .4s var(--ease-out) calc(var(--stagger,0) * 40ms) both;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.chapter-item:hover{background:var(--color-paper-2);border-color:var(--color-border);transform:translate(3px)}.chapter-item.is-last-read{border-color:var(--color-accent);background:var(--color-accent-subtle)}.chapter-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chapter-item__title{color:var(--color-ink);font-size:var(--type-card-title);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chapter-item__meta{color:var(--color-ink-3);font-size:var(--type-meta)}.chapter-item__badge{border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;padding:4px 10px;font-weight:500}@keyframes chapter-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width>=768px){.comic-detail{padding-bottom:var(--space-xl)}.comic-detail__banner{height:380px}.comic-detail__header{grid-template-columns:240px 1fr;margin-top:-200px}.comic-detail__cover{width:100%}}@media (width<=540px){.comic-detail__facts{grid-template-columns:1fr}.comic-detail__actions{flex-direction:column;align-items:stretch}.comic-detail__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.btn,.chapter-item,.comic-detail__genre{transition:none}.chapter-item{opacity:1;animation:none}.btn--primary:hover,.chapter-item:hover{transform:none}}html[data-theme=light] .comic-detail__banner-img{filter:blur(24px)brightness(.78)saturate(.92)}html[data-theme=light] .comic-detail__banner:after{background:linear-gradient(90deg, var(--color-hero-light-left) 0%, var(--color-hero-light-mid) 38%, var(--color-hero-light-soft) 72%, transparent 100%), linear-gradient(to bottom, transparent 0%, var(--color-hero-image-wash) 48%, var(--color-paper) 100%)}.comic-detail{padding-bottom:calc(64px + var(--space-4xl))}.comic-detail__banner{height:340px}.comic-detail__banner-img{filter:blur(30px)brightness(.3)saturate(.72);transform:scale(1.18)}.comic-detail__banner:after{background:linear-gradient(to bottom, oklch(12% .014 35/.12), var(--color-paper) 100%)}.comic-detail__header{gap:var(--space-2xl)}.comic-detail__cover img{box-shadow:18px 24px 48px -24px var(--color-card-shadow);border-radius:2px}.comic-detail__title{letter-spacing:-.05em;max-width:13ch;font-size:clamp(2.75rem,6vw,5rem)}.comic-detail__meta{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.comic-detail__facts{border-color:var(--color-border);max-width:760px}.comic-detail__chapters{margin-top:var(--space-4xl)}.comic-detail__chapters-header{margin-bottom:var(--space-xl)}.chapter-item{border-color:var(--color-border-subtle);background:var(--color-paper-1);border-radius:2px}.chapter-item:hover{background:var(--color-paper-2);transform:translate(4px)}@media (width>=768px){.comic-detail__banner{height:420px}.comic-detail__header{margin-top:-220px}}@media (width<=767px){.comic-detail__banner{height:250px}.comic-detail__header{margin-top:-118px}.comic-detail__title{max-width:14ch;font-size:clamp(2.35rem,10vw,3.5rem)}.comic-detail__actions{margin-top:0}.comic-detail__genres{margin-top:var(--space-xs)}}.reader{background:var(--color-reader-paper);min-height:100dvh;color:var(--color-reader-ink)}.reader-nav{z-index:var(--z-nav);transition:transform var(--dur-base) var(--ease-out);position:fixed;inset:0 0 auto;transform:translateY(-100%)}.reader-nav.is-visible{transform:translateY(0)}.reader-nav__bar{background:var(--color-reader-surface);border-bottom:1px solid var(--color-reader-rule);box-shadow:0 8px 24px oklch(0% 0 0/.22)}.reader-nav__inner{justify-content:space-between;align-items:center;gap:var(--space-md);height:56px;padding:0 var(--space-md);display:flex}.reader-nav__back{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-reader-ink);font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);font-weight:600;text-decoration:none;display:flex}.reader-nav__back:hover{color:var(--color-accent-hover)}.reader-nav__info{flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;display:flex}.reader-nav__title{max-width:100%;color:var(--color-reader-ink);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reader-nav__chapter{color:var(--color-reader-muted);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.02em}.reader-nav__controls{gap:var(--space-sm);display:flex}.reader-nav__btn{border:1px solid var(--color-reader-rule);border-radius:var(--radius-sm);background:var(--color-reader-surface);width:44px;height:44px;color:var(--color-reader-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);place-items:center;display:grid}.reader-nav__btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-accent)}.reader-nav__btn:disabled{opacity:.2;cursor:not-allowed}.reader-nav__progress-track{background:var(--color-reader-rule);height:2px}.reader-nav__progress{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--dur-fast) linear;box-shadow:0 0 12px var(--color-glow)}.reader-pages{width:100%;min-height:100dvh;padding-top:calc(60px + env(safe-area-inset-top));flex-direction:column;align-items:center;display:flex}.reader-page{background:var(--color-reader-surface);width:100%;max-width:920px;height:auto;display:block}.reader-footer{padding:var(--space-3xl) var(--space-md);border-top:1px solid var(--color-reader-rule);background:var(--color-reader-surface)}.reader-footer__inner{gap:var(--space-xl);text-align:center;flex-direction:column;max-width:600px;margin:0 auto;display:flex}.reader-footer__inner h2{color:var(--color-reader-ink);font-size:var(--text-2xl);font-weight:600}.reader-footer__actions{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.reader-error{justify-content:center;align-items:center;gap:var(--space-lg);min-height:100dvh;padding:var(--space-xl);background:var(--color-reader-paper);color:var(--color-reader-ink);text-align:center;flex-direction:column;display:flex}.reader-image-status{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-reader-surface);color:var(--color-reader-muted);font-size:var(--text-sm);text-align:center;display:flex}.reader-image-status .btn{min-height:40px}@media (width<=480px){.reader-image-status{flex-direction:column;align-items:stretch}}@media (width>=768px){.reader-nav__title{font-size:var(--text-base)}.reader-nav__chapter{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.reader-nav,.reader-nav__progress{transition:none}}.reader-nav__bar{background:color-mix(in oklch, var(--color-reader-surface) 94%, transparent);border-bottom-color:var(--color-reader-rule);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px oklch(0% 0 0/.28)}.reader-nav__inner{max-width:var(--container-lg);margin-inline:auto}.reader-nav__back{color:var(--color-reader-muted);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase}.reader-nav__title{font-size:var(--text-base);letter-spacing:-.015em}.reader-nav__chapter{color:var(--color-accent-hover)}.reader-nav__btn{background:0 0;border-radius:2px}.reader-nav__btn:hover:not(:disabled){background:var(--color-accent)}.reader-nav__progress{box-shadow:none}.reader-page{max-width:920px}.reader-footer{padding-block:var(--space-4xl);border-top-color:var(--color-reader-rule)}.reader-footer__inner h2{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));letter-spacing:-.04em}@media (width<=600px){.reader-nav__inner{gap:var(--space-sm);padding-inline:var(--space-sm)}.reader-nav__title{max-width:38vw;font-size:var(--text-sm)}.reader-nav__chapter{font-size:.625rem}.reader-nav__controls{gap:2px}}.reader-nav__back:focus-visible,.reader-nav__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=600px){.reader-nav__bar{padding-top:env(safe-area-inset-top)}.reader-nav__inner{height:auto;min-height:56px}.reader-nav__back{flex:none;min-width:62px}.reader-nav__back span{display:inline}.reader-nav__info{justify-content:center;align-self:stretch}.reader-nav__controls{flex:none}.reader-nav__btn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.reader-nav__progress{transition:none}}