@layer tokens{:root{--bg:#131316;--surface:#222225;--chrome:#0c0c0e;--raised:#35353b;--line:#2e2e33;--ink:#f0eeea;--muted:#9a9aa2;--faint:#71717a;--accent:#f65167;--accent-ink:#f76e80;--on-accent:#fff;--scrim:#000000a8;--on-scrim:#fff;--live:#29a356;--ongoing:#47c274;--ongoing-ink:#73d396;--completed:#8f8f99;--completed-ink:#aeaeb7;--hiatus:#f4ae34;--hiatus-ink:#f8be59;--shadow:0 1px 2px #00000080, 0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-hover:0 8px 30px #0009;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--t-2xs:.75rem;--t-xs:.8125rem;--t-sm:.875rem;--t-base:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.25rem;--tap:44px;--control-h:40px;--nav-h:56px;--r1:8px;--r2:12px;--r3:16px;--r-full:999px;--card-ar:3 / 4;--card-min:120px;--blur-sensitive:20px;--ease:cubic-bezier(.4, 0, .2, 1);--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-data:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--reader-bg:#000;--reader-chrome:#0a0a0aeb;--reader-ink:#ebebeb;--reader-muted:#9e9e9e;--reader-line:#2e2e2e;--reader-hover:#ffffff14}:root[data-theme=light]{--bg:#fbfaf9;--surface:#f2f0ed;--chrome:#fff;--raised:#fff;--line:#e3e1dd;--ink:#1d1d20;--muted:#71717a;--faint:#95959d;--accent:#eb334b;--accent-ink:#d5152f;--ongoing:#2e9e57;--ongoing-ink:#207941;--completed:#7e7e8b;--completed-ink:#5b5b67;--hiatus:#df870c;--hiatus-ink:#b05c11;--shadow:0 1px 2px #211c120d, 0 4px 12px #211c120f;--shadow-lg:0 8px 24px #211c121f;--shadow-hover:0 8px 30px #211c1229}}@layer base{*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{scrollbar-gutter:stable}body{min-height:100dvh;font-family:var(--font);font-size:var(--t-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}img{max-width:100%;display:block}img.is-mature{filter:blur(var(--blur-sensitive))}.shell{max-width:1180px;margin:0 auto}#app{padding:var(--s4) var(--s4) 88px;min-height:60vh}@media (min-width:768px){#app{padding:var(--s5) var(--s5) var(--s6)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1:focus,h2:focus{outline:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}}@layer components{.topbar{z-index:40;background:var(--chrome);position:sticky;top:0}.topbar-inner{align-items:center;gap:var(--s5);height:var(--nav-h);max-width:1180px;padding:0 var(--s4);margin:0 auto;display:flex}.brand{font-weight:800;font-size:var(--t-xl);letter-spacing:-.03em}.brand:after{content:".";color:var(--accent)}.topbar-nav{align-items:center;gap:var(--s2);display:none}@media (min-width:768px){.topbar-nav{display:flex}}.topbar-nav a,.topbar-nav-btn{padding:var(--s2) var(--s3);border-radius:var(--r-full);font-family:inherit;font-size:var(--t-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-weight:600;display:inline-flex}.topbar-nav a:hover,.topbar-nav-btn:hover{color:var(--ink)}.topbar-nav a[aria-current]{color:var(--ink);font-weight:700}.topbar-nav-btn svg{width:14px;height:14px}.nav-menu{width:200px;padding:var(--s2);border-radius:var(--r3);background:var(--bg);box-shadow:var(--shadow-lg);border:none}.nav-menu::backdrop{background:0 0}.nav-menu a{padding:var(--s2) var(--s3);border-radius:var(--r1);font-size:var(--t-sm);color:var(--muted);font-weight:500;display:block}.nav-menu a:hover{background:var(--surface);color:var(--ink)}.topbar-search{flex:0 320px;margin-left:auto;display:none}@media (min-width:768px){.topbar-search{display:block}}@media (max-width:767px){body:has(.page-header) .topbar{display:none}}.tabbar{z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--chrome);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.tabbar{display:none}}.tabbar a,.tabbar button{font-family:inherit;font-size:var(--t-2xs);color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:600;display:flex}.tabbar a[aria-current]{color:var(--ink);font-weight:700}.tabbar-ico{width:22px;height:22px}@media (min-width:768px){.topbar-search{flex-basis:260px}}.search-field{align-items:center;gap:var(--s2);height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--muted);display:flex}.search-field:focus-within{box-shadow:inset 0 0 0 1px var(--faint)}.search-field-ico{flex-shrink:0;width:18px;height:18px}.search-field-input{min-width:0;height:100%;color:var(--ink);font:inherit;font-size:var(--t-sm);background:0 0;border:none;flex:1}.search-field-input:focus{outline:none}.search-field-input::-webkit-search-cancel-button{display:none}.search-clear{border-radius:var(--r-full);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear:hover{color:var(--ink)}.search-clear svg{width:16px;height:16px}.search-clear[hidden]{display:none}.topbar-search{position:relative}.search-drop{top:calc(100% + var(--s2));max-height:70vh;padding:var(--s3);border-radius:var(--r3);background:var(--chrome);box-shadow:var(--shadow-lg);position:absolute;left:0;right:0;overflow-y:auto}.search-modal{background:var(--bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:none;margin:0;padding:0}.search-modal::backdrop{background:0 0}.search-modal-head{align-items:center;gap:var(--s2);height:var(--nav-h);padding:0 var(--s3);background:var(--chrome);display:flex;position:sticky;top:0}.search-field--modal{flex:1}.search-field--modal .search-field-input{font-size:max(16px,1rem)}.search-modal-close{width:var(--control-h);height:var(--control-h);border-radius:var(--r-full);color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-modal-close svg{width:20px;height:20px}.search-modal-body{padding:var(--s4)}.search-section{margin-bottom:var(--s3)}.search-section:last-child{margin-bottom:0}.search-label{margin-bottom:var(--s2);font-family:var(--font-data);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.search-hint{padding:var(--s3) var(--s2);font-size:var(--t-sm);color:var(--faint)}.search-drop .update-list,.search-modal .update-list{gap:var(--s1)}.search-drop .update-row,.search-modal .update-row{padding:var(--s2);border-radius:var(--r1)}.search-drop .update-thumb,.search-modal .update-thumb{width:40px}.search-drop .update-title,.search-modal .update-title{-webkit-line-clamp:1;line-clamp:1}.search-drop .update-row:hover,.search-modal .update-row:hover,.update-row.is-active{background:var(--surface)}.search-viewall{min-height:var(--control-h);margin-top:var(--s2);border-radius:var(--r1);background:var(--surface);font-size:var(--t-xs);color:var(--accent-ink);justify-content:center;align-items:center;font-weight:600;display:flex}.search-viewall:hover,.search-viewall.is-active{background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.page-title{font-size:var(--t-2xl);letter-spacing:-.02em;margin-bottom:var(--s5);font-weight:800}.section{margin-bottom:var(--s6)}.section-head{align-items:center;gap:var(--s3);margin-bottom:var(--s3);display:flex}.section-head>:first-child{margin-right:auto}.rail-title,.section-title{font-size:var(--t-lg);letter-spacing:-.01em;font-weight:700}.see-all{font-size:var(--t-xs);color:var(--muted);font-weight:600}.see-all:hover{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.view-more{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--control-h);margin-top:var(--s3);border-radius:var(--r2);background:var(--surface);font-size:var(--t-xs);color:var(--muted);font-weight:600;display:flex}.view-more:hover{color:var(--ink);background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.view-more svg{width:14px;height:14px}.card-grid{gap:var(--s3) var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@container (width>=520px){.card-grid{gap:var(--s4) var(--s3);grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=720px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (width>=960px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.card{contain:layout;content-visibility:auto;contain-intrinsic-size:auto 250px;display:block;position:relative}.card-img{width:100%;height:auto;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:var(--r1);background:var(--surface);transition:transform .3s var(--ease);clip-path:inset(0 round var(--r1))}.card:hover .card-img{transform:scale(1.03)}.card-rank{top:var(--s2);left:var(--s2);border-radius:var(--r1);background:var(--scrim);color:var(--on-scrim);font-family:var(--font-data);font-size:var(--t-2xs);padding:3px 7px;font-weight:700;line-height:1.2;position:absolute}.card-rank:empty{display:none}.card-meta{justify-content:space-between;gap:var(--s2);margin:var(--s2) 0 0;font-family:var(--font-data);font-size:var(--t-2xs);color:var(--faint);white-space:nowrap;display:flex;overflow:hidden}.card-meta>span{text-overflow:ellipsis;overflow:hidden}.card-title{margin:var(--s1) 0 0;text-align:center;font-size:var(--t-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}@media (min-width:768px){.card-title{font-size:var(--t-sm)}}.chip{height:28px;padding:0 var(--s3);border-radius:var(--r-full);background:var(--surface);color:var(--muted);font-size:var(--t-2xs);transition:background-color .12s var(--ease), color .12s var(--ease);align-items:center;font-weight:600;display:inline-flex}button.chip{cursor:pointer;border:none;font-family:inherit}.chip:hover{color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, var(--ink))}.chip[aria-current]{background:color-mix(in srgb, var(--ink) 12%, var(--surface));color:var(--ink)}.filter-bar{gap:var(--s1);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.detail-badges{gap:var(--s1);flex-wrap:wrap;align-items:center;display:flex}.pager{justify-content:center;gap:var(--s1);margin-top:var(--s5);flex-wrap:wrap;display:flex}.pager-item{min-width:36px;height:36px;padding:0 var(--s2);border-radius:var(--r1);color:var(--muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums;transition:background-color .12s var(--ease), color .12s var(--ease);justify-content:center;align-items:center;font-weight:600;display:inline-flex}@media (hover:hover){.pager-item:hover{color:var(--ink);background:var(--surface)}}.pager-item[aria-current]{background:color-mix(in srgb, var(--ink) 12%, var(--surface));color:var(--ink)}.pager-item:not([href]){opacity:.35;pointer-events:none}.pager-arrow svg{width:16px;height:16px}.pager-gap{min-width:36px;height:36px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.rail-track{gap:var(--s3);scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:var(--s2);scrollbar-width:none;grid-auto-columns:128px;grid-auto-flow:column;display:grid;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}.rail-track>.card{scroll-snap-align:start}@media (min-width:768px){.rail-track{grid-auto-columns:150px}}.rail-track-hero{grid-auto-columns:150px}@media (min-width:768px){.rail-track-hero{grid-auto-columns:168px}}.rail-nav{gap:var(--s2);display:none}@media (hover:hover) and (min-width:768px){.rail-nav{display:flex}}.rail-btn{border-radius:var(--r-full);width:36px;height:36px;color:var(--muted);font:inherit;font-size:var(--t-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.rail-btn:hover{color:var(--ink)}.rail-btn svg{width:18px;height:18px}.rail-btn:not([href]){opacity:.35;pointer-events:none}.update-list{gap:var(--s4);flex-direction:column;display:flex}.update-row{gap:var(--s3);align-items:flex-start;display:flex}.update-thumb{width:64px;height:auto;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:var(--r1);background:var(--surface);clip-path:inset(0 round var(--r1));flex-shrink:0}.update-body{flex-direction:column;gap:3px;min-width:0;padding-top:2px;display:flex}.update-tag{font-family:var(--font-data);font-size:var(--t-2xs);letter-spacing:.12em;color:var(--faint)}.update-title{font-size:var(--t-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.update-row:hover .update-title{color:var(--accent-ink)}.update-meta{gap:var(--s4);font-family:var(--font-data);font-size:var(--t-2xs);color:var(--faint);display:flex}.side-tabs{position:relative}.side-tab-radio{opacity:0;width:1px;height:1px;position:absolute}.tab-head{align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}.tab-link{font-size:var(--t-sm);letter-spacing:-.01em;color:var(--faint);cursor:pointer;font-weight:700}.tab-link:hover{color:var(--muted)}.tab-sep{color:var(--line)}.tab-panel{display:none}#side-tab-recent:checked~[data-tab-panel=recent],#side-tab-complete:checked~[data-tab-panel=complete]{display:block}#side-tab-recent:checked~.tab-head label[for=side-tab-recent],#side-tab-complete:checked~.tab-head label[for=side-tab-complete]{color:var(--ink)}.part-row{align-items:center;gap:var(--s2);min-height:40px;padding:var(--s2) var(--s3);border-radius:var(--r1);background:var(--surface);display:flex}.part-row:hover{background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.part-no{min-width:3.5em;font-family:var(--font-data);font-size:var(--t-xs);flex-shrink:0;font-weight:600}.part-label{min-width:0;color:var(--faint);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.part-label:empty{display:none}.part-langs{color:var(--faint);font-family:var(--font-data);font-size:var(--t-2xs);flex-shrink:0}.part-date{color:var(--faint);font-family:var(--font-data);font-size:var(--t-2xs);flex-shrink:0;margin-left:auto}.chapter-filter{gap:var(--s2);display:flex}.part-row.is-read .part-no{color:var(--faint);font-weight:400}.part-row:not([href]){opacity:.45;pointer-events:none}.part-group{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--faint);font-family:var(--font-data);font-size:var(--t-2xs);flex-shrink:1;overflow:hidden}.part-group:empty{display:none}.notfound,.error{max-width:32rem;margin:var(--s7) auto;text-align:center}.notfound h1,.error h1{font-size:var(--t-2xl);margin-bottom:var(--s3)}.notfound p,.error p{color:var(--muted)}.notfound a,.error a{color:var(--accent-ink);font-weight:600}.notfound a:hover,.error a:hover{text-underline-offset:3px;text-decoration:underline}.select-wrap{display:inline-flex;position:relative}.select-wrap:after{content:"";right:var(--s3);border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:7px;height:7px;margin-top:-5px;position:absolute;top:50%;rotate:45deg}.select-wrap .select{width:100%}.select{appearance:none;height:var(--control-h);padding:0 calc(var(--s5) + 10px) 0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-xs);cursor:pointer;border:none;align-content:center;font-weight:600;line-height:1}.select:hover{background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.genre-btn{appearance:none;padding:0 var(--s3)}@supports (appearance:base-select){select.select{appearance:base-select;align-items:center;display:inline-flex}select.select::picker-icon{display:none}select.select::picker(select){appearance:base-select;margin-top:var(--s2);padding:var(--s2);border-radius:var(--r3);background:var(--bg);box-shadow:var(--shadow-lg);border:none}select.select option{align-items:center;gap:var(--s2);min-height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);font-size:var(--t-xs);color:var(--ink);cursor:pointer;font-weight:500;display:flex}select.select option:hover{background:var(--surface)}select.select option:checked{font-weight:700}select.select option::checkmark{color:var(--accent)}}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--control-h);padding:0 var(--s4);border-radius:var(--r-full);font:inherit;font-size:var(--t-sm);cursor:pointer;transition:transform .12s var(--ease), background-color .12s var(--ease);border:1px solid #0000;font-weight:600;display:inline-flex}@media (pointer:coarse){.btn{min-height:var(--tap)}}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover{background:color-mix(in srgb, var(--surface) 82%, var(--ink))}.btn-bookmark .btn-ico{flex-shrink:0;width:18px;height:18px}.btn-bookmark[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent-ink)}.btn-bookmark[aria-pressed=true]:hover{background:color-mix(in srgb, var(--accent) 20%, var(--surface))}.btn-bookmark[aria-pressed=true] .bookmark-ico{fill:currentColor}.segment{border-radius:var(--r1);background:var(--surface);border:none;gap:2px;margin:0;padding:3px;display:inline-flex}.segment-item input{opacity:0;width:1px;height:1px;position:absolute}.segment-item span{height:34px;padding:0 var(--s3);border-radius:calc(var(--r1) - 2px);font-size:var(--t-xs);color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.segment-item span:hover{color:var(--ink)}.segment-item input:checked+span{background:var(--raised);color:var(--ink)}.segment-item input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.segment-link{height:34px;padding:0 var(--s3);border-radius:calc(var(--r1) - 2px);font-size:var(--t-xs);color:var(--muted);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.segment-link:hover{color:var(--ink)}.segment-link[aria-current]{background:var(--raised);color:var(--ink)}.genre-btn{align-items:center;gap:var(--s2);display:inline-flex}.genre-btn svg{width:16px;height:16px;color:var(--muted)}.genre-btn-count{font-family:var(--font-data);font-size:var(--t-2xs);color:var(--accent-ink)}.genre-btn-count:empty{display:none}.filter-panel{width:min(420px,100vw - 32px);padding:var(--s4);border-radius:var(--r3);background:var(--bg);color:var(--ink);box-shadow:var(--shadow-lg);border:none}.filter-panel::backdrop{background:#0006}.filter-drop{width:min(320px,100vw - 32px);max-height:min(440px,100dvh - 100px);overflow-y:auto}.filter-drop::backdrop{background:0 0}.filter-drop .genre-grid,.filter-drop .term-grid:not(.term-grid-tags){grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.filter-drop .genre-match{width:100%}.term-match{margin-top:var(--s3)}.term-match[hidden]{display:none}.term-match-label{margin-bottom:var(--s2);font-family:var(--font-data);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block}.term-match .genre-match{margin:0}.filter-drop .genre-option,.filter-drop .term-grid:not(.term-grid-tags) .term-chip{border-radius:var(--r1);height:auto;min-height:32px;padding:0 var(--s2);font-size:var(--t-2xs);background:0 0;justify-content:flex-start}.filter-drop .genre-option:hover,.filter-drop .term-grid:not(.term-grid-tags) .term-chip:hover{background:var(--surface);color:var(--ink)}.filter-drop .term-grid:not(.term-grid-tags) .term-chip[data-state=in]{color:var(--ink);background:0 0;font-weight:600}.filter-drop .genre-option:has(input:checked){color:var(--ink);background:0 0;font-weight:600}.filter-drop .term-grid:not(.term-grid-tags) .term-chip[data-state=in]:after{content:"✓";padding-left:var(--s2);color:var(--accent);margin-left:auto;font-weight:700}.filter-drop .genre-option:has(input:checked):after{content:"✓";padding-left:var(--s2);color:var(--accent);margin-left:auto;font-weight:700}.filter-drop .term-grid:not(.term-grid-tags) .term-chip[data-state=ex]{color:var(--muted);background:0 0;font-weight:600;text-decoration:line-through}.filter-sheet{overscroll-behavior:contain;border-radius:var(--r3) var(--r3) 0 0;width:100%;max-height:85dvh;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto}.filter-sheet-head{z-index:2;padding:var(--s2) var(--s4);background:var(--bg);position:sticky;top:0}.filter-sheet-grip{width:36px;height:4px;margin:0 auto var(--s2);border-radius:var(--r-full);background:var(--line);display:block}.filter-sheet-title{text-align:center;font-size:var(--t-sm);margin:0;font-weight:700}.filter-sheet-body{padding:var(--s2) var(--s4) var(--s4)}.filter-sheet-foot{z-index:2;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom,0px));background:var(--bg);display:flex;position:sticky;bottom:0}.filter-sheet-foot .btn-primary{flex:1}@media (prefers-reduced-motion:no-preference){.filter-sheet{transition:translate .28s var(--ease), display .28s allow-discrete, overlay .28s allow-discrete}.filter-sheet:not(:popover-open){translate:0 100%}@starting-style{.filter-sheet:popover-open{translate:0 100%}}.filter-sheet::backdrop{transition:background-color .28s var(--ease), display .28s allow-discrete, overlay .28s allow-discrete}.filter-sheet:not(:popover-open)::backdrop{background:0 0}@starting-style{.filter-sheet:popover-open::backdrop{background:0 0}}}fieldset.genre-grid{border:none;min-width:0;margin:0;padding:0}.genre-grid,.term-grid{gap:var(--s1);flex-wrap:wrap;display:flex}.term-grid:empty{display:none}.genre-option,.term-chip{align-items:center;gap:var(--s1);height:28px;padding:0 var(--s3);border-radius:var(--r-full);background:var(--surface);font-size:var(--t-2xs);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s var(--ease), color .12s var(--ease);font-weight:600;display:inline-flex}.genre-option input,.term-chip input{opacity:0;width:1px;height:1px;position:absolute}.genre-option:hover,.term-chip:hover{color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, var(--ink))}.term-chip[data-state=in]{background:color-mix(in srgb, var(--ink) 12%, var(--surface));color:var(--ink)}.genre-option:has(input:checked){background:color-mix(in srgb, var(--ink) 12%, var(--surface));color:var(--ink)}.term-chip[data-state=ex]{background:var(--surface);color:var(--faint);text-decoration:line-through}:is(.genre-option:has(input:focus-visible),.term-chip:has(input:focus-visible)){outline:2px solid var(--accent);outline-offset:2px}.term-chip[data-removable]:after{content:"×";color:var(--muted);margin-left:2px;font-size:.95em;font-weight:700;line-height:1}.term-chip[data-state=in][data-removable]:after{color:var(--ink);opacity:.55}.tag-block{margin-bottom:var(--s4)}.tag-block>.search-label{margin-bottom:var(--s2)}.tag-picker .search-field{width:100%}.tag-selected{align-items:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:none}.tag-selected:has(.term-chip){display:flex}.term-grid-tags{gap:var(--s1);flex-wrap:wrap;margin:0;display:flex}.tag-clear-all{height:28px;padding:0 var(--s2);border-radius:var(--r-full);font:inherit;font-size:var(--t-2xs);color:var(--muted);cursor:pointer;transition:color .12s var(--ease), background-color .12s var(--ease);background:0 0;border:none;flex-shrink:0;margin:0;font-weight:600}.tag-clear-all:hover{color:var(--ink);background:var(--surface)}.tag-suggest{max-height:200px;margin:var(--s2) 0 0;flex-direction:column;gap:2px;padding:0;display:flex;overflow-y:auto}.tag-suggest[hidden]{display:none}.tag-result{width:100%;min-height:36px;padding:0 var(--s2);border-radius:var(--r1);font:inherit;font-size:var(--t-xs);color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;margin:0;font-weight:600;display:flex}.tag-result:hover,.tag-result.is-active{background:var(--surface);color:var(--ink)}.filter-drop .tag-result.is-active:after{content:"✓";padding-left:var(--s2);color:var(--accent);margin-left:auto;font-weight:700}.filter-sheet .tag-result.is-active{background:var(--surface);color:var(--ink)}.filter-year{align-items:end;gap:var(--s3);grid-template-columns:1fr auto 1fr;display:grid}.filter-year-field{cursor:pointer;min-width:0;margin:0}.filter-year-sep{height:var(--control-h);color:var(--faint);font-size:var(--t-sm);align-self:end;align-items:center;font-weight:600;line-height:1;display:inline-flex}.filter-year-input{appearance:none;box-sizing:border-box;width:100%;min-width:0;height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-xs);font-variant-numeric:tabular-nums;box-shadow:none;outline-offset:0;--moz-outline-radius:var(--r1);border:0 solid #0000;outline:none;margin:0;font-weight:600;line-height:1;display:block}.filter-year-input::placeholder{color:var(--faint);opacity:1;font-weight:600}.filter-year-input:hover{background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.filter-year-input:invalid,.filter-year-input:out-of-range,.filter-year-input:focus,.filter-year-input:focus-visible,.filter-year-input:invalid:focus,.filter-year-input:invalid:focus-visible{background:var(--surface);color:var(--ink);box-shadow:none;border-color:#0000;outline:#0000}.filter-year-input:user-invalid{background:var(--surface);color:var(--ink);box-shadow:none;border-color:#0000;outline:#0000}.filter-year-input:user-invalid:focus{background:var(--surface);color:var(--ink);box-shadow:none;border-color:#0000;outline:#0000}.filter-year-input:user-invalid:focus-visible{background:var(--surface);color:var(--ink);box-shadow:none;border-color:#0000;outline:#0000}.filter-year-input:focus-visible,.filter-year-input:invalid:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1px var(--faint);outline:none}.filter-year-input:user-invalid:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1px var(--faint);outline:none}.filter-year-input::-webkit-outer-spin-button{appearance:none;margin:0}.filter-year-input::-webkit-inner-spin-button{appearance:none;margin:0}.filter-year-input[type=number]{appearance:textfield}.filter-drop .search-label{margin:var(--s4) 0 var(--s2)}.filter-drop .search-label:first-child{margin-top:0}.filter-sheet-body .search-label{margin-top:var(--s4)}.filter-sheet-body .search-label:first-child{margin-top:0}.tag-status,.tag-token{height:28px;padding:0 var(--s3);border-radius:var(--r-full);font-size:var(--t-2xs);align-items:center;font-weight:600;display:inline-flex}.tag-status{gap:var(--s2);padding-left:var(--s2);background:color-mix(in srgb, var(--st,var(--muted)) 14%, var(--surface));color:var(--st-ink,var(--ink))}.tag-status:before{content:"";background:var(--st,var(--muted));border-radius:50%;flex-shrink:0;width:7px;height:7px}.tag-status[data-status=ongoing]{--st:var(--ongoing);--st-ink:var(--ongoing-ink)}.tag-status[data-status=completed]{--st:var(--completed);--st-ink:var(--completed-ink)}.tag-status[data-status=hiatus]{--st:var(--hiatus);--st-ink:var(--hiatus-ink)}a.tag-token{background:var(--surface);color:var(--muted)}a.tag-token:hover{background:color-mix(in srgb, var(--surface) 85%, var(--ink));color:var(--ink)}.tag-quiet{height:26px;padding:0 var(--s2);border-radius:var(--r1);background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--muted);font-size:var(--t-2xs);align-items:center;font-weight:500;display:inline-flex}.empty{padding:var(--s7) var(--s4);text-align:center;color:var(--muted)}.empty h1{font-size:var(--t-2xl);margin-bottom:var(--s2)}.page-header{z-index:40;align-items:center;gap:var(--s2);height:var(--nav-h);margin:calc(-1 * var(--s4)) calc(-1 * var(--s4)) var(--s3);padding:0 var(--s2);background:var(--chrome);display:flex;position:sticky;top:0}@media (min-width:768px){.page-header{display:none}}.page-header-back{width:var(--control-h);height:var(--control-h);border-radius:var(--r-full);color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header-back svg{width:20px;height:20px}.page-header-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--t-lg);flex:1;font-weight:700;overflow:hidden}.topbar-settings{width:var(--control-h);height:var(--control-h);margin-left:var(--s2);border-radius:var(--r-full);color:var(--muted);cursor:pointer;transition:color .12s var(--ease), background .12s var(--ease);flex:none;justify-content:center;align-items:center;display:flex}.topbar-settings svg{width:19px;height:19px}@media (hover:hover){.topbar-settings:hover{color:var(--ink);background:var(--surface)}}@media (max-width:767px){.topbar-settings{margin-left:auto}}.settings-menu{inset:auto;top:calc(var(--nav-h) + var(--s2));right:var(--s3);width:min(268px, calc(100vw - var(--s5)));padding:var(--s4);border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);margin:0;position:fixed}.settings-menu:not(:popover-open){display:none}.setting{gap:var(--s2);flex-direction:column;display:flex}.setting+.setting{margin-top:var(--s4)}.setting-label{font-size:var(--t-sm);color:var(--ink);font-weight:600}.settings-menu .select-wrap{display:flex}.settings-menu .select{width:100%}.seg{border-radius:var(--r1);background:var(--bg);gap:2px;padding:3px;display:flex}.seg-btn{border-radius:calc(var(--r1) - 2px);height:32px;color:var(--muted);cursor:pointer;transition:color .12s var(--ease), background .12s var(--ease);flex:1;justify-content:center;align-items:center;display:flex}.seg-btn svg{width:17px;height:17px}@media (hover:hover){.seg-btn:hover{color:var(--ink)}}.seg-btn[aria-pressed=true]{background:var(--raised);color:var(--ink);box-shadow:var(--shadow)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer pages{.home-main{container-type:inline-size}.home-side{flex-direction:column;display:flex}.home-side .section{margin-bottom:var(--s5)}[data-feed-scope]{scroll-margin-top:calc(var(--nav-h) + var(--s3))}@media (min-width:1024px){.page-home{gap:var(--s6);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.home-side{top:calc(var(--nav-h) + var(--s4));position:sticky}}.page-detail{max-width:920px;margin-inline:auto}@media (min-width:1024px){.page-detail:has(.detail-aside){max-width:none}.page-detail:has(.detail-aside) .detail-body{gap:var(--s6);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.detail-aside{top:calc(var(--nav-h) + var(--s4));position:sticky}}.detail-hero{text-align:center;align-items:center;gap:var(--s5);margin-bottom:var(--s6);flex-direction:column;display:flex}@media (min-width:768px){.detail-hero{text-align:left;align-items:flex-start;gap:var(--s6);flex-direction:row}}.detail-side{gap:var(--s3);flex-direction:column;flex-shrink:0;width:170px;display:flex}@media (min-width:768px){.detail-side{width:220px}}.detail-actions{gap:var(--s2);flex-direction:column;display:flex}.detail-actions .btn{width:100%}.detail-cover{width:100%;height:auto;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:var(--r3);box-shadow:var(--shadow-lg);outline:1px solid var(--line);outline-offset:-1px;background:var(--surface);clip-path:inset(0 round var(--r3));flex-shrink:0}.detail-info{text-align:left;align-self:stretch;align-items:flex-start;gap:var(--s3);flex-direction:column;display:flex}.title-name{font-size:var(--t-2xl);letter-spacing:-.02em;text-wrap:balance;font-weight:800}@media (min-width:768px){.title-name{font-size:var(--t-3xl)}}.detail-alt{color:var(--muted);font-size:var(--t-sm);margin:0}.detail-alt:empty{display:none}.detail-tags{gap:var(--s2);flex-wrap:wrap;justify-content:flex-start;align-self:stretch;display:flex}.detail-facts{gap:var(--s3);text-align:left;flex-direction:column;width:100%;display:flex}.detail-fact{font-size:var(--t-base);color:var(--ink);margin:0;line-height:1.35}.detail-fact-label{min-width:7em;color:var(--faint);font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--s3);font-weight:600;display:inline-block}.detail-fact-links{display:inline}.detail-fact-link{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.detail-fact-link:hover{color:var(--accent-ink)}.detail-fact-link:not(:last-child):after{content:" · ";color:var(--faint);margin-inline:2px;text-decoration:none;display:inline-block}.detail-desc{max-width:62ch;color:var(--muted);line-height:1.65;font-size:var(--t-sm);margin:0}.chapter-section{margin-bottom:var(--s6)}.chapter-section .section-head{top:var(--nav-h);z-index:1;background:var(--bg);padding-block:var(--s2);position:sticky}.chapter-list{gap:var(--s2);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.chapter-list{column-gap:var(--s3);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.chapter-filter{flex-wrap:wrap;justify-content:flex-end}:is(body:has(.reader) .topbar,body:has(.reader) .tabbar){display:none}body:has(.reader) .shell{max-width:none}body:has(.reader) #app{padding:0}.reader{background:var(--reader-bg);min-height:100dvh}.reader-top{z-index:30;align-items:center;gap:var(--s3);min-height:var(--tap);padding:0 var(--s4);background:var(--reader-chrome);color:var(--reader-ink);transition:transform .2s var(--ease);display:flex;position:sticky;top:0}.reader[data-chrome-hidden] .reader-top{transform:translateY(-100%)}.reader-back{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--t-sm);font-weight:600;overflow:hidden}.reader-chap{color:var(--reader-muted);font-size:var(--t-xs);flex-shrink:0;margin-left:auto}.reader-pages{max-width:760px;margin:0 auto}@media (min-width:1024px){.reader-pages{max-width:var(--reader-zoom-w,760px)}}.reader-page{background:var(--reader-line);width:100%;height:auto;display:block}.reader-page.is-loaded{animation:reader-page-in .24s var(--ease)}@keyframes reader-page-in{0%{opacity:0}}.reader-end{justify-content:center;gap:var(--s3);max-width:760px;padding:var(--s6) var(--s4) calc(var(--s6) + 64px);flex-wrap:wrap;margin:0 auto;display:flex}.reader-nav{z-index:30;justify-content:space-between;align-items:center;gap:var(--s2);height:calc(52px + env(safe-area-inset-bottom,0px));padding:0 var(--s3) env(safe-area-inset-bottom,0px);background:var(--reader-chrome);border-top:1px solid var(--reader-line);transition:transform .2s var(--ease);display:flex;position:fixed;bottom:0;left:0;right:0}.reader[data-chrome-hidden] .reader-nav{transform:translateY(100%)}.reader-nav-btn{justify-content:center;align-items:center;gap:var(--s2);min-width:72px;min-height:var(--tap);color:var(--reader-ink);font-size:var(--t-sm);font-weight:600;display:flex}.reader-ico{width:18px;height:18px}.reader-nav-btn:not([href]){opacity:.35;pointer-events:none}.reader-nav-chap{align-items:center;gap:var(--s1);min-width:0;min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r1);color:var(--reader-ink);font-family:var(--font-data);font-size:var(--t-sm);display:flex}@media (hover:hover){.reader-nav-chap:hover,.rail-tool:hover,.rail-step-btn:hover,.rail-step-label:hover{background:var(--reader-hover)}}.reader-nav-chap b{font-weight:700}.reader-nav-chap span{color:var(--reader-muted)}.reader-nav-chap .reader-ico{width:14px;height:14px;color:var(--reader-muted)}.reader-rail,.reader-zoom{display:none}@media (min-width:1024px){.reader-top,.reader-nav{display:none}.reader-rail{top:var(--s4);right:var(--s4);z-index:30;align-items:flex-end;gap:var(--s3);flex-direction:column;display:flex;position:fixed}.rail-step{align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r2);background:var(--reader-chrome);color:var(--reader-ink);font-family:var(--font-data);font-size:var(--t-xs);display:flex}.rail-step-label{padding:var(--s1) var(--s2);border-radius:var(--r1);color:var(--reader-ink)}.rail-step-label b{font-weight:700}.rail-step-label span{color:var(--reader-muted)}.rail-step-btn{border-radius:var(--r1);width:32px;height:32px;color:var(--reader-ink);justify-content:center;align-items:center;display:flex}.rail-step-btn:not([href]){opacity:.35;pointer-events:none}.rail-tools{gap:var(--s1);padding:var(--s2);border-radius:var(--r2);background:var(--reader-chrome);flex-direction:column;display:flex}.reader-zoom{right:var(--s4);bottom:var(--s4);z-index:30;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);border-radius:var(--r2);background:var(--reader-chrome);display:flex;position:fixed}.reader-zoom-value{text-align:center;min-width:44px;color:var(--reader-muted);font-family:var(--font-data);font-size:var(--t-2xs)}}.rail-tool{border-radius:var(--r1);width:36px;height:36px;color:var(--reader-ink);font-size:var(--t-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.reader-panel{width:min(600px, calc(100vw - var(--s5)));border-radius:var(--r2);background:var(--bg);max-height:75dvh;color:var(--ink);border:none;flex-direction:column;margin:auto;padding:0;display:none}.reader-panel[open]{display:flex}.reader-panel::backdrop{background:#0000008c}.panel-head{padding:var(--s3) var(--s3) var(--s1) var(--s4);justify-content:space-between;align-items:center;display:flex}.panel-head .rail-tool{color:var(--ink)}.panel-head .rail-tool:hover{background:var(--surface)}.panel-title{font-size:var(--t-lg);font-weight:700}.panel-controls{gap:var(--s2);padding:0 var(--s4) var(--s3);display:flex}.panel-controls .search-field{flex:1}.panel-controls .rail-tool{color:var(--ink)}.panel-controls .rail-tool:hover{background:var(--surface)}.panel-list{padding:var(--s1) var(--s3) var(--s3);flex-direction:column;display:flex;overflow-y:auto}.panel-list.is-reversed{flex-direction:column-reverse}.panel-list .part-row{content-visibility:auto;contain-intrinsic-size:auto 36px;min-height:36px;padding:var(--s1) var(--s3);background:0 0}.panel-list .part-row:hover{background:var(--surface)}.panel-list .part-row[aria-current]{background:var(--raised)}.panel-list .part-row[aria-current] .part-no{color:var(--ink);font-weight:700}.reader-skeleton{max-width:760px;margin:0 auto}.reader-skeleton-page{aspect-ratio:2/3;background:var(--reader-line);width:100%;position:relative;overflow:hidden}.reader-skeleton-page+.reader-skeleton-page{margin-top:2px}.reader-skeleton-page:after{content:"";animation:reader-shimmer 1.4s var(--ease) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}@keyframes reader-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.reader-skeleton-page:after{animation:none}}.reader-retry{width:100%;min-height:50dvh;padding:var(--s6) var(--s4);color:var(--reader-muted);font-size:var(--t-sm);text-align:center;display:block}@media (hover:hover){.reader-retry:hover{color:var(--reader-ink)}}.reader-page.is-failed{cursor:pointer;background:repeating-linear-gradient(45deg, var(--reader-line), var(--reader-line) 12px, var(--reader-bg) 12px, var(--reader-bg) 24px)}@media (max-width:640px){.reader-panel{border-radius:var(--r2) var(--r2) 0 0;width:100%;max-width:none;max-height:80dvh;margin:auto 0 0}}.panel-list{gap:2px}.panel-list .part-row{min-height:44px}.panel-controls .select-wrap{flex-shrink:0;max-width:45%}.page-browse{container-type:inline-size}.page-browse .browse-summary{margin:0 0 var(--s5);color:var(--muted)}.browse-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);display:flex}.browse-count{font-size:var(--t-xs);color:var(--faint);white-space:nowrap}.browse-filters{align-items:center;gap:var(--s2);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.browse-apply{min-height:40px;padding:0 var(--s4)}.browse-reset{cursor:pointer;font-family:inherit;font-size:var(--t-xs);color:var(--muted);padding:var(--s2);background:0 0;border:none;font-weight:600}.browse-reset:hover{color:var(--ink)}[data-reset]:not([href]){visibility:hidden}.browse-filters-desktop{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}.browse-field{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.browse-field .select,.browse-field .select-wrap{width:100%}.browse-field .select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browse-field .genre-btn{justify-content:space-between;overflow:hidden}.browse-field .genre-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-filters-desktop .browse-reset{min-height:var(--control-h);place-self:end start;align-items:center;display:inline-flex}.browse-filters-desktop .genre-form{display:contents}.browse-filters-mobile{display:none}@media (max-width:767px){.page-browse .page-title,.browse-filters-desktop{display:none}.browse-filters-mobile{flex-wrap:nowrap;display:flex}.browse-filters-mobile>.select{flex:1;min-width:0}.browse-filters-mobile>.genre-btn{flex:none}}.library-body{gap:var(--s4);flex-direction:column;display:flex}.library-rail{gap:var(--s3);flex-direction:column;display:flex}.library-tabs{width:100%}.library-tabs .segment-link{flex:1;justify-content:center}.library-main{min-width:0}.library-head{max-width:640px;min-height:28px;margin-bottom:var(--s3);justify-content:space-between;align-items:center;display:flex}.library-count{font-size:var(--t-xs);color:var(--faint);font-weight:600}.library-list{max-width:640px}@media (min-width:1280px){.library-head{max-width:none}.library-list{column-gap:var(--s7);grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;display:grid}}.library-row{align-items:center;gap:var(--s2);display:flex}.library-row .update-row{flex:1;min-width:0}.row-action{width:32px;height:32px;color:var(--faint);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.row-action svg{width:16px;height:16px}@media (hover:hover){.library-row .row-action{opacity:0}.library-row:hover .row-action,.library-row .row-action:focus-visible{opacity:1}.row-action:hover{color:var(--ink)}}@media (max-width:767px){.page-library .page-title{display:none}}@media (min-width:768px){.library-body{gap:var(--s6);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.library-rail{top:calc(var(--nav-h) + var(--s4));gap:var(--s4);position:sticky}.library-tabs{background:0 0;flex-direction:column;gap:2px;padding:0}.library-tabs .segment-link{height:38px;padding:0 var(--s3);border-radius:var(--r1);flex:none;justify-content:flex-start}.library-tabs .segment-link[aria-current]{background:var(--surface)}}.library-clear{font-size:var(--t-xs);color:var(--muted);padding:var(--s1) var(--s2);border-radius:var(--r1);font-weight:600}@media (hover:hover){.library-clear:hover{color:var(--ink);background:var(--surface)}}.library-clear[data-confirm]{color:var(--accent-ink)}.update-row[data-new] .update-title:after{content:"";width:6px;height:6px;margin-left:var(--s2);border-radius:var(--r-full);background:var(--accent);vertical-align:middle;display:inline-block}}