.site-header[data-astro-cid-qmpwvs2w]{--shell-h: 72px;--shell-bg: color-mix(in srgb, var(--color-bg-base) 78%, transparent);position:sticky;top:0;z-index:40;background:var(--shell-bg);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border-bottom:1px solid transparent;transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease}.site-header[data-astro-cid-qmpwvs2w]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),rgba(147,51,234,.5),rgba(37,99,235,.5),transparent);opacity:.7}.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true]{--shell-h: 60px;--shell-bg: color-mix(in srgb, var(--color-bg-base) 90%, transparent);box-shadow:0 8px 24px #0000002e}.shell-bar[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:clamp(16px,3vw,40px);max-width:1360px;height:var(--shell-h);margin:0 auto;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));transition:height .24s cubic-bezier(.2,.8,.2,1)}.brand-link[data-astro-cid-qmpwvs2w]{display:inline-flex;flex:none;align-items:center}.brand-link[data-astro-cid-qmpwvs2w] img{width:auto;height:50px;max-height:none;transition:height .24s cubic-bezier(.2,.8,.2,1)}.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true] .brand-link[data-astro-cid-qmpwvs2w] img{height:40px}.shell-nav[data-astro-cid-qmpwvs2w] ul[data-astro-cid-qmpwvs2w]{display:flex;gap:4px;margin:0;padding:0;list-style:none}.shell-nav-link[data-astro-cid-qmpwvs2w]{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;color:var(--color-text-secondary);font:750 .95rem/1 var(--font-sans);letter-spacing:.01em;text-decoration:none;transition:color .16s ease,background-color .16s ease}.shell-nav-link[data-astro-cid-qmpwvs2w]:after{content:"";position:absolute;right:14px;bottom:6px;left:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--color-brand-pink),var(--color-brand-purple),var(--color-brand-blue));transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.shell-nav-link[data-astro-cid-qmpwvs2w]:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.shell-nav-link[data-astro-cid-qmpwvs2w]:hover:after{transform:scaleX(.4)}.shell-nav-link[data-astro-cid-qmpwvs2w].active{color:var(--color-text-primary)}.shell-nav-link[data-astro-cid-qmpwvs2w].active:after{transform:scaleX(1)}.shell-utils[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:8px;margin-left:auto}.shell-lang[data-astro-cid-qmpwvs2w]{display:flex;padding:3px;border:1px solid var(--color-border-subtle);border-radius:999px;background:color-mix(in srgb,var(--color-text-primary) 4%,transparent)}.shell-lang[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{min-width:40px;min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--color-text-secondary);font:800 .76rem/1 var(--font-sans);letter-spacing:.06em;cursor:pointer}.shell-lang[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w][aria-pressed=true]{background:var(--color-text-primary);color:var(--color-bg-base)}.shell-icon-btn[data-astro-cid-qmpwvs2w]{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border-subtle);border-radius:14px;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.shell-icon-btn[data-astro-cid-qmpwvs2w]:hover,.shell-icon-btn[data-astro-cid-qmpwvs2w][aria-expanded=true]{border-color:var(--color-border-hover);background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.shell-icon-btn[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w],.shell-account[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w],.shell-drawer[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w]{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-glyph[data-astro-cid-qmpwvs2w]{display:none}#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=system] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=system],#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=light] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=light],#theme-toggle-btn[data-astro-cid-qmpwvs2w][data-current=dark] .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=dark],#theme-toggle-btn[data-astro-cid-qmpwvs2w]:not([data-current]) .theme-glyph[data-astro-cid-qmpwvs2w][data-glyph=system]{display:block}.theme-selector-wrapper[data-astro-cid-qmpwvs2w]{position:relative}.shell-account[data-astro-cid-qmpwvs2w]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--color-border-subtle);border-radius:999px;background:transparent;color:var(--color-text-primary);font:750 .88rem/1 var(--font-sans);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.shell-account[data-astro-cid-qmpwvs2w]:hover{border-color:var(--color-border-hover);background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.shell-menu-btn[data-astro-cid-qmpwvs2w]{display:none}.dropdown-menu[data-astro-cid-qmpwvs2w]{position:absolute;top:calc(100% + 8px);right:0;z-index:100;display:grid;gap:2px;min-width:180px;padding:6px;border:1px solid var(--color-border-hover);border-radius:16px;background:var(--color-bg-elevated);box-shadow:0 18px 40px #00000047}.dropdown-menu[data-astro-cid-qmpwvs2w].hidden{display:none}.dropdown-label[data-astro-cid-qmpwvs2w]{margin:4px 10px 6px;color:var(--color-text-secondary);font:800 .66rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.menu-option[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--color-text-primary);font:650 .9rem/1 var(--font-sans);text-align:left;cursor:pointer}.menu-option[data-astro-cid-qmpwvs2w]:hover{background:color-mix(in srgb,var(--color-text-primary) 7%,transparent)}.menu-option[data-astro-cid-qmpwvs2w][aria-checked=true]{color:var(--color-brand-purple);font-weight:800}.menu-option[data-astro-cid-qmpwvs2w][aria-checked=true]:after{content:"✓";margin-left:auto}.shell-drawer-backdrop[data-astro-cid-qmpwvs2w]{position:fixed;inset:0;z-index:60;background:#03060e8c;backdrop-filter:blur(3px)}.shell-drawer[data-astro-cid-qmpwvs2w]{position:fixed;top:0;right:0;bottom:0;z-index:61;display:flex;flex-direction:column;gap:18px;width:min(400px,100vw);overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 18px;background:var(--color-bg-base);box-shadow:-20px 0 50px #00000059;animation:shell-drawer-in .26s cubic-bezier(.2,.8,.2,1) both}.shell-drawer[data-astro-cid-qmpwvs2w].hidden,.shell-drawer-backdrop[data-astro-cid-qmpwvs2w].hidden,.shell-continue[data-astro-cid-qmpwvs2w].hidden{display:none}.shell-drawer-head[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;justify-content:space-between}.shell-drawer-head[data-astro-cid-qmpwvs2w] img{height:44px;width:auto}.shell-continue[data-astro-cid-qmpwvs2w]{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-border-accent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-purple) 16%,var(--color-bg-card)),var(--color-bg-card));color:var(--color-text-primary);text-decoration:none}.shell-continue[data-astro-cid-qmpwvs2w] img[data-astro-cid-qmpwvs2w]{width:48px;height:64px;border-radius:8px;object-fit:cover}.shell-continue[data-astro-cid-qmpwvs2w] span[data-astro-cid-qmpwvs2w]{display:grid;gap:2px;min-width:0}.shell-continue[data-astro-cid-qmpwvs2w] small[data-astro-cid-qmpwvs2w]{color:var(--color-brand-purple);font:800 .66rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.shell-continue[data-astro-cid-qmpwvs2w] strong[data-astro-cid-qmpwvs2w]{overflow:hidden;font:1.1rem/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.shell-continue[data-astro-cid-qmpwvs2w] em[data-astro-cid-qmpwvs2w]{color:var(--color-text-secondary);font:650 .82rem/1.2 var(--font-sans);font-style:normal}.shell-drawer-nav[data-astro-cid-qmpwvs2w]{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mobile-nav-link[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 14px;border-radius:14px;color:var(--color-text-primary);font:1.15rem/1 var(--font-display);text-decoration:none}.mobile-nav-link[data-astro-cid-qmpwvs2w] svg[data-astro-cid-qmpwvs2w]{color:var(--color-text-secondary)}.mobile-nav-link[data-astro-cid-qmpwvs2w]:hover{background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.mobile-nav-link[data-astro-cid-qmpwvs2w].active{background:color-mix(in srgb,var(--color-brand-purple) 14%,transparent)}.mobile-nav-link[data-astro-cid-qmpwvs2w].active svg[data-astro-cid-qmpwvs2w]{color:var(--color-brand-purple)}.shell-drawer-group[data-astro-cid-qmpwvs2w]{padding-top:16px;border-top:1px solid var(--color-border-subtle)}.shell-drawer-label[data-astro-cid-qmpwvs2w]{margin:0 0 10px;color:var(--color-text-secondary);font:800 .7rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.shell-options[data-astro-cid-qmpwvs2w]{display:flex;flex-wrap:wrap;gap:8px}.shell-options[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{flex:1 1 auto;min-height:44px;padding:0 14px;border:1px solid var(--color-border-hover);border-radius:999px;background:transparent;color:var(--color-text-primary);font:700 .9rem/1 var(--font-sans);cursor:pointer}.shell-options[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w][aria-pressed=true]{border-color:transparent;background:var(--color-text-primary);color:var(--color-bg-base)}.shell-account-wide[data-astro-cid-qmpwvs2w]{width:100%;justify-content:center}.shell-drawer-parent[data-astro-cid-qmpwvs2w]{display:flex;align-items:center;justify-content:center;gap:4px;margin:auto 0 0;padding-top:18px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font:700 .8rem/1 var(--font-sans)}.shell-drawer-parent[data-astro-cid-qmpwvs2w] img[data-astro-cid-qmpwvs2w]{width:120px;height:auto;border-radius:8px}.brand-on-dark[data-astro-cid-qmpwvs2w],[data-theme=dark] .brand-on-light[data-astro-cid-qmpwvs2w]{display:none}[data-theme=dark] .brand-on-dark[data-astro-cid-qmpwvs2w]{display:block}@media(prefers-color-scheme:dark){[data-theme=system] .brand-on-light[data-astro-cid-qmpwvs2w]{display:none}[data-theme=system] .brand-on-dark[data-astro-cid-qmpwvs2w]{display:block}}@keyframes shell-drawer-in{0%{transform:translate(100%)}to{transform:none}}@media(max-width:1023px){.shell-bar[data-astro-cid-qmpwvs2w]>.shell-utils[data-astro-cid-qmpwvs2w]>.shell-account[data-astro-cid-qmpwvs2w] span[data-astro-cid-qmpwvs2w]{display:none}.shell-bar[data-astro-cid-qmpwvs2w]>.shell-utils[data-astro-cid-qmpwvs2w]>.shell-account[data-astro-cid-qmpwvs2w]{width:44px;padding:0;justify-content:center}}@media(max-width:760px){.site-header[data-astro-cid-qmpwvs2w],.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true]{--shell-h: 58px}.shell-bar[data-astro-cid-qmpwvs2w]{padding-inline:max(14px,env(safe-area-inset-left))}.brand-link[data-astro-cid-qmpwvs2w] img,.site-header[data-astro-cid-qmpwvs2w][data-scrolled=true] .brand-link[data-astro-cid-qmpwvs2w] img{height:40px}.shell-nav[data-astro-cid-qmpwvs2w],.shell-lang[data-astro-cid-qmpwvs2w],.theme-selector-wrapper[data-astro-cid-qmpwvs2w],.shell-bar[data-astro-cid-qmpwvs2w] .shell-account[data-astro-cid-qmpwvs2w]{display:none}.shell-menu-btn[data-astro-cid-qmpwvs2w]{display:inline-grid}}@media(prefers-reduced-motion:reduce){.site-header[data-astro-cid-qmpwvs2w],.shell-bar[data-astro-cid-qmpwvs2w],.brand-link[data-astro-cid-qmpwvs2w] img,.shell-nav-link[data-astro-cid-qmpwvs2w]:after,.shell-drawer[data-astro-cid-qmpwvs2w]{transition:none;animation:none}}.dayaid-dialog[data-astro-cid-qmpwvs2w]{padding:0;border:none;border-radius:var(--radius-2xl);background:transparent;max-width:520px;width:90vw;margin:auto}.dayaid-dialog[data-astro-cid-qmpwvs2w]::backdrop{background:#000000a6;backdrop-filter:blur(6px)}.dialog-card[data-astro-cid-qmpwvs2w]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-accent);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-xl),var(--shadow-glow-blue);display:flex;flex-direction:column;gap:var(--space-6)}.dialog-header[data-astro-cid-qmpwvs2w]{text-align:center}.dialog-badge[data-astro-cid-qmpwvs2w]{display:inline-block;background:#2563eb26;color:var(--color-brand-blue);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-full);padding:2px 10px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.dialog-title[data-astro-cid-qmpwvs2w]{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1)}.dialog-subtitle[data-astro-cid-qmpwvs2w]{font-size:var(--text-sm);color:var(--color-text-secondary)}.dialog-body[data-astro-cid-qmpwvs2w]{display:flex;flex-direction:column;gap:var(--space-4)}.dialog-feature-item[data-astro-cid-qmpwvs2w]{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.dialog-feature-item[data-astro-cid-qmpwvs2w] strong[data-astro-cid-qmpwvs2w]{display:block;font-size:var(--text-sm);color:var(--color-text-primary)}.dialog-feature-item[data-astro-cid-qmpwvs2w] p[data-astro-cid-qmpwvs2w]{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.feature-icon[data-astro-cid-qmpwvs2w]{font-size:20px;line-height:1}.dialog-status-notice[data-astro-cid-qmpwvs2w]{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-primary);align-items:center}.notice-icon[data-astro-cid-qmpwvs2w]{font-size:18px;flex-shrink:0}.dialog-footer[data-astro-cid-qmpwvs2w]{display:flex;justify-content:flex-end}.dialog-footer[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{width:100%}@media(min-width:480px){.dialog-footer[data-astro-cid-qmpwvs2w] button[data-astro-cid-qmpwvs2w]{width:auto}}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LilitaOne-Regular.woff2) format("woff2")}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ComicNeue-Bold.woff2) format("woff2")}:root{--font-display: "Lilita One", "Fredoka", "Bungee", cursive, system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-dialogue: "Comic Neue", "Comic Sans MS", cursive, sans-serif;--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-5xl: 3rem;--color-brand-blue: #2563EB;--color-brand-blue-hover: #1D4ED8;--color-brand-indigo: #4F46E5;--color-brand-purple: #9333EA;--color-brand-pink: #EC4899;--color-brand-coral: #F43F5E;--color-brand-orange: #F97316;--color-brand-amber: #F59E0B;--color-brand-yellow: #EAB308;--grad-brand-hero: linear-gradient(135deg, #1E1B4B 0%, #312E81 40%, #4C1D95 100%);--grad-brand-accent: linear-gradient(90deg, #F43F5E, #9333EA, #2563EB);--grad-brand-gold: linear-gradient(135deg, #F59E0B, #EA580C);--grad-brand-light-hero: linear-gradient(135deg, #EFF6FF 0%, #F5F3FF 50%, #FFF1F2 100%);--hero-title: #FFFFFF;--hero-copy: #E2E8F0;--hero-muted: #94A3B8;--hero-card-bg: rgba(255, 255, 255, .08);--hero-card-border: rgba(255, 255, 255, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--width-container: 1200px;--width-reader: 768px;--width-reader-comfortable: 680px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--focus-ring: 2px solid var(--color-brand-blue);--focus-offset: 2px;--badge-overlay-surface: rgba(11, 15, 25, .9);--badge-overlay-border: rgba(255, 255, 255, .22);--badge-overlay-shadow: 0 2px 6px rgba(0, 0, 0, .45);--badge-overlay-shadow-raised: 0 4px 12px rgba(0, 0, 0, .5);--badge-overlay-text: #F8FAFC;--badge-overlay-free-accent: #6EE7B7;--badge-overlay-premium-accent: #C4B5FD;--badge-overlay-availability-surface: rgba(248, 250, 252, .94);--badge-overlay-availability-text: #1E293B;--badge-overlay-availability-border: rgba(15, 23, 42, .18);--cover-badge-scrim: linear-gradient( to bottom, rgba(2, 6, 18, .45) 0%, rgba(2, 6, 18, .16) 40%, rgba(2, 6, 18, 0) 72% )}:root,[data-theme=dark]{--color-bg-base: #0B0F19;--color-bg-surface: #111827;--color-bg-elevated: #1F2937;--color-bg-subtle: #374151;--color-bg-card: #151D2F;--color-bg-reader: #06090F;--color-header-bg: rgba(11, 15, 25, .88);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .18);--color-border-accent: rgba(147, 51, 234, .4);--color-text-primary: #F9FAFB;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-text-inverse: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-comic: 3px 3px 0px rgba(0, 0, 0, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .25);--shadow-glow-blue: 0 0 24px rgba(37, 99, 235, .25);--badge-free-bg: rgba(16, 185, 129, .15);--badge-free-text: #34D399;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .15);--badge-premium-text: #FBBF24;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .15);--badge-canon-text: #C084FC;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #D1D5DB;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .15);--badge-format-text: #F472B6;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .15);--badge-genre-text: #A5B4FC;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(148, 163, 184, .16);--badge-availability-text: #E2E8F0;--badge-availability-border: rgba(148, 163, 184, .38);--color-accent-interactive: #60A5FA}[data-theme=light]{--color-bg-base: #FAF7F0;--color-bg-surface: #FFFFFF;--color-bg-elevated: #F4ECE1;--color-bg-subtle: #E8DECE;--color-bg-card: #FFFFFF;--color-bg-reader: #F5EFE6;--color-header-bg: rgba(250, 247, 240, .92);--color-border-subtle: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .18);--color-border-accent: rgba(147, 51, 234, .3);--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-inverse: #F9FAFB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-comic: 3px 3px 0px rgba(30, 41, 59, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .15);--shadow-glow-blue: 0 0 24px rgba(37, 99, 235, .15);--badge-free-bg: rgba(16, 185, 129, .12);--badge-free-text: #047857;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .12);--badge-premium-text: #B45309;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .12);--badge-canon-text: #7E22CE;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #4B5563;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .12);--badge-format-text: #BE185D;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .12);--badge-genre-text: #4338CA;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(71, 85, 105, .1);--badge-availability-text: #334155;--badge-availability-border: rgba(71, 85, 105, .32);--color-accent-interactive: #1D4ED8}@media(prefers-color-scheme:light){[data-theme=system]{--color-bg-base: #FAF7F0;--color-bg-surface: #FFFFFF;--color-bg-elevated: #F4ECE1;--color-bg-subtle: #E8DECE;--color-bg-card: #FFFFFF;--color-bg-reader: #F5EFE6;--color-header-bg: rgba(250, 247, 240, .92);--color-border-subtle: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .18);--color-border-accent: rgba(147, 51, 234, .3);--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-inverse: #F9FAFB;--shadow-comic: 3px 3px 0px rgba(30, 41, 59, .8);--shadow-glow: 0 0 24px rgba(147, 51, 234, .15);--badge-free-bg: rgba(16, 185, 129, .12);--badge-free-text: #047857;--badge-free-border: rgba(16, 185, 129, .3);--badge-premium-bg: rgba(245, 158, 11, .12);--badge-premium-text: #B45309;--badge-premium-border: rgba(245, 158, 11, .3);--badge-canon-bg: rgba(147, 51, 234, .12);--badge-canon-text: #7E22CE;--badge-canon-border: rgba(147, 51, 234, .3);--badge-audience-bg: rgba(156, 163, 175, .15);--badge-audience-text: #4B5563;--badge-audience-border: rgba(156, 163, 175, .3);--badge-format-bg: rgba(236, 72, 153, .12);--badge-format-text: #BE185D;--badge-format-border: rgba(236, 72, 153, .3);--badge-genre-bg: rgba(99, 102, 241, .12);--badge-genre-text: #4338CA;--badge-genre-border: rgba(99, 102, 241, .3);--badge-availability-bg: rgba(71, 85, 105, .1);--badge-availability-text: #334155;--badge-availability-border: rgba(71, 85, 105, .32);--color-accent-interactive: #1D4ED8}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.container{width:100%;max-width:var(--width-container);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.site-header{position:sticky;top:0;z-index:40;background-color:var(--color-bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-normal)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand-link{display:inline-flex;align-items:center;gap:var(--space-2)}.brand-logo{height:42px;width:auto;object-fit:contain}@media(max-width:640px){.brand-logo{height:34px}}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--color-brand-cyan)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge-free{background-color:var(--badge-free-bg);color:var(--badge-free-text);border-color:var(--badge-free-border)}.badge-premium{background-color:var(--badge-premium-bg);color:var(--badge-premium-text);border-color:var(--badge-premium-border)}.badge-canon{background-color:var(--badge-canon-bg);color:var(--badge-canon-text);border-color:var(--badge-canon-border)}.badge-audience{background-color:var(--badge-audience-bg);color:var(--badge-audience-text);border-color:var(--badge-audience-border)}.badge-format{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.badge-genre{background-color:#ffffff0d;color:var(--theme-accent, var(--color-text-primary));border-color:var(--theme-accent, var(--color-border-subtle))}.badge-story{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.badge-availability{background-color:var(--badge-availability-bg);color:var(--badge-availability-text);border-color:var(--badge-availability-border)}.cover-badge-stack{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);pointer-events:none;z-index:2}.badge-overlay{background-color:var(--badge-overlay-surface);color:var(--badge-overlay-text);border:1px solid var(--badge-overlay-border);box-shadow:var(--badge-overlay-shadow);border-radius:var(--radius-full);padding:4px 10px 4px 8px;gap:5px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1.3;max-width:100%;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@supports (backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px)){.badge-overlay{-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}}.badge-overlay .badge-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-overlay .badge-icon{flex:none;width:12px;height:12px}.badge-overlay.badge-free .badge-icon{color:var(--badge-overlay-free-accent)}.badge-overlay.badge-premium .badge-icon{color:var(--badge-overlay-premium-accent)}.badge-overlay.badge-availability{background-color:var(--badge-overlay-availability-surface);color:var(--badge-overlay-availability-text);border-color:var(--badge-overlay-availability-border)}.badge-overlay.badge-availability .badge-icon{color:var(--badge-overlay-availability-text);opacity:.75}.cover-badge-scrim{position:absolute;inset:0 0 auto;height:42%;background:var(--cover-badge-scrim);pointer-events:none;z-index:1}@media(max-width:480px){.badge-overlay{font-size:.625rem;padding:3px 8px 3px 7px}.badge-overlay .badge-icon{width:11px;height:11px}.cover-badge-stack{top:var(--space-2);left:var(--space-2);right:var(--space-2)}}.comic-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:13px;font-family:var(--font-sans);font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;text-decoration:none;border:1px solid var(--color-border-hover);box-shadow:0 3px 10px #0712261a;min-height:44px}.comic-btn:focus-visible{outline:3px solid var(--theme-accent, var(--color-brand-blue));outline-offset:2px}.comic-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #07122614}.comic-btn:hover:not(:disabled){transform:translateY(-1px)}.comic-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.comic-btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.comic-btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.comic-btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.comic-btn-full{width:100%}.comic-btn-primary,.comic-btn-primary:visited{background:var(--theme-accent, var(--color-brand-blue));color:var(--theme-text-on-accent, #ffffff);border-color:var(--theme-accent, var(--color-brand-blue))}.comic-btn-primary:hover:not(:disabled){background:var(--theme-accent-secondary, var(--color-brand-blue-hover));box-shadow:0 6px 16px #0712262b}.comic-btn-secondary,.comic-btn-secondary:visited{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-hover)}.comic-btn-secondary:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border-strong, var(--color-border-hover))}.comic-btn-outline,.comic-btn-outline:visited{background:transparent;color:var(--theme-accent, var(--color-accent-interactive));border-color:var(--theme-accent, var(--color-accent-interactive))}.comic-btn[aria-pressed=true] .comic-btn-icon{color:var(--color-brand-amber)}.comic-btn-outline:hover:not(:disabled){background:var(--color-bg-subtle)}.comic-btn-outline:active{box-shadow:0 1px 4px #07122614}.comic-btn-save,.comic-btn-save:visited{background:color-mix(in srgb,var(--color-brand-amber) 12%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-brand-amber) 52%,var(--color-border-hover));color:var(--color-text-primary);box-shadow:0 3px 10px #4d350717}.comic-btn-save .comic-btn-icon{color:#9a5700}.comic-btn-save:hover:not(:disabled){background:color-mix(in srgb,var(--color-brand-amber) 20%,var(--color-bg-surface))}.comic-btn-save[aria-pressed=true]{background:color-mix(in srgb,var(--color-brand-amber) 25%,var(--color-bg-surface));border-color:var(--color-brand-amber)}.comic-btn-ghost,.comic-btn-ghost:visited{background:transparent;color:var(--color-text-secondary);border-color:transparent;box-shadow:none}.comic-btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text-primary)}.comic-btn-ghost:active{transform:translateY(1px)}.comic-btn-danger,.comic-btn-danger:visited{background:var(--color-error, #ef4444);color:#fff;border-color:var(--color-error, #ef4444)}.comic-btn-danger:hover:not(:disabled){background:#dc2626}.site-footer{margin-top:auto;border-top:1px solid var(--color-border-subtle);background-color:#080c14;padding-block:var(--space-10) var(--space-6)}.footer-content{display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{max-width:320px}.footer-brand-logo{height:36px;width:auto;margin-bottom:var(--space-3)}.footer-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-links-group{display:flex;gap:var(--space-12);flex-wrap:wrap}.footer-col h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-3)}.footer-nav{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-text-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{outline:3px solid var(--color-brand-blue);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary,.btn-primary:visited{background-color:var(--color-brand-blue);border-color:var(--color-brand-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-blue-hover);border-color:var(--color-brand-blue-hover);color:#fff}.btn-secondary,.btn-secondary:visited{background-color:var(--color-bg-elevated);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-surface);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-ghost,.btn-ghost:visited{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);min-height:36px;font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);min-height:48px;font-size:var(--text-base)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.content-section{margin-bottom:var(--space-10)}.section-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--story-accent, var(--color-brand-purple))}.meta-section{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.meta-heading{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.meta-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.meta-list dt,.meta-list dd{margin:0}.meta-item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm)}.meta-label{flex:none;color:var(--color-text-muted);font-weight:600}.meta-value{min-width:0;color:var(--color-text-primary);font-weight:500;text-align:right;overflow-wrap:anywhere}.meta-item-vertical{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.meta-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.meta-chip{font-size:11px;font-weight:600;padding:2px 8px;background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full)}.highlights-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.highlight-chip{font-size:var(--text-xs);font-weight:600;background-color:var(--color-bg-subtle);color:var(--story-accent, var(--color-brand-purple));padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);overflow-wrap:anywhere}.characters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.characters-grid{grid-template-columns:repeat(2,1fr)}}.character-card{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:flex-start}.char-avatar{width:72px;height:96px;object-fit:contain;object-position:center;border-radius:var(--radius-md);flex-shrink:0;background-color:var(--color-bg-subtle)}.char-details{display:flex;flex-direction:column;gap:2px;min-width:0}.char-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.char-name{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.char-role-tag{font-size:11px;font-weight:700;padding:2px 8px;background:var(--color-bg-elevated);color:var(--story-accent, var(--color-brand-purple));border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);text-transform:capitalize}.char-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.char-lore-link{font-size:var(--text-xs);font-weight:600;color:var(--story-accent, var(--color-brand-purple));margin-top:4px}.char-lore-link:hover{text-decoration:underline}.restart-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 15px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);font:750 .9rem/1.2 var(--font-sans);cursor:pointer}.restart-trigger:hover{border-color:var(--color-accent-interactive)}.restart-overlay{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:16px;background:#081122b8}.restart-dialog{width:min(100%,440px);max-height:min(90dvh,600px);overflow-y:auto;padding:clamp(20px,4vw,28px);border:1px solid var(--color-border-subtle);border-radius:20px;background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 20px 60px #0000004d;text-align:center}.restart-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--color-accent-interactive) 15%,var(--color-bg-surface));color:var(--color-accent-interactive);font-size:1.7rem}.restart-dialog h2{margin:12px 0 8px;font:1.55rem/1.15 var(--font-display)}.restart-dialog p{margin:0;color:var(--color-text-secondary);font:.95rem/1.55 var(--font-sans)}.restart-dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.restart-dialog-actions button{min-width:124px;min-height:44px;padding:9px 17px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);font:750 .9rem var(--font-sans);cursor:pointer}.restart-dialog-actions .restart-confirm{background:var(--color-accent-interactive);border-color:var(--color-accent-interactive);color:#fff}.restart-trigger:focus-visible,.restart-dialog button:focus-visible{outline:3px solid #ffbf34;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.restart-dialog{animation:restart-enter .18s ease-out both}}@keyframes restart-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}