@layer tokens{:root{--bg:#fbfaf9;--surface:#f2f0ed;--chrome:#fff;--raised:#fff;--line:#e3e1dd;--ink:#1d1d20;--muted:#71717a;--faint:#95959d;--accent:#eb334b;--accent-ink:#d5152f;--on-accent:#fff;--scrim:#000000a8;--on-scrim:#fff;--live:#29a356;--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;--r1:8px;--r2:12px;--r3:16px;--r-full:999px;--shadow:0 1px 2px #211c120d, 0 4px 12px #211c120f;--shadow-lg:0 8px 24px #211c121f;--shadow-hover:0 8px 30px #211c1229;--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;--nav-h:56px;--blur-sensitive:20px;--card-min:120px;--card-ar:3 / 4;--reader-bg:#000;--reader-chrome:#0a0a0aeb;--reader-ink:#ebebeb;--reader-muted:#9e9e9e;--reader-line:#2e2e2e}@media (prefers-color-scheme:dark){:root{--bg:#131316;--surface:#222225;--chrome:#0c0c0e;--raised:#35353b;--line:#2e2e33;--ink:#f0eeea;--muted:#9a9aa2;--faint:#71717a;--accent:#f65167;--accent-ink:#f76e80;--shadow:0 1px 2px #00000080, 0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-hover:0 8px 30px #0009}}}@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 (width>=768px){#app{padding:var(--s5) var(--s5) 40px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1:focus,h2:focus{outline:none}}@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 (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 (width>=768px){.topbar-search{display:block}}@media (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 (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 (width>=768px){.topbar-search{flex-basis:260px}}.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,1fr);display:grid}@container (width>=520px){.card-grid{gap:var(--s4) var(--s3);grid-template-columns:repeat(4,1fr)}}@container (width>=720px){.card-grid{grid-template-columns:repeat(5,1fr)}}@container (width>=960px){.card-grid{grid-template-columns:repeat(6,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)}.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 (width>=768px){.card-title{font-size:var(--t-sm)}}.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);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}.chip{height:36px;padding:0 var(--s3);border-radius:var(--r-full);background:var(--surface);color:var(--muted);font-size:var(--t-xs);align-items:center;font-weight:600;display:inline-flex}button.chip{cursor:pointer;border:none;font-family:inherit}.chip:hover{color:var(--ink)}.chip[aria-current]{background:var(--ink);color:var(--bg)}.filter-bar{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.detail-badges{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.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{background:var(--ink);color:var(--bg)}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{color:var(--faint);font-family:var(--font-data);font-size:var(--t-2xs)}.tag-quiet:not(:last-child):after{content:" · ";color:var(--faint)}.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-row:hover .part-no{color:var(--accent-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{color:var(--faint);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;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}.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)}}.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 (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}.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))}.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{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.genre-match{margin-bottom:var(--s3)}.filter-drop .genre-match{width:100%}.filter-drop .genre-option,.filter-drop .term-chip{border-radius:var(--r1);padding:0 var(--s2);background:0 0;justify-content:flex-start}.filter-drop .genre-option:hover,.filter-drop .term-chip:hover{background:var(--surface);color:var(--ink)}.filter-drop .term-chip[data-state=in],.filter-drop .term-chip[data-state=ex]{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-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-chip[data-state=ex]{color:var(--muted);font-weight:600;text-decoration:line-through}.filter-drop .filter-panel-foot{bottom:calc(-1 * var(--s4));margin:var(--s2) calc(-1 * var(--s4)) 0;padding:var(--s2) var(--s4) var(--s3);background:var(--bg);justify-content:space-between;position:sticky}.filter-drop .filter-panel-foot .btn{min-height:32px;padding:0 var(--s3);border-radius:var(--r1);font-size:var(--t-2xs)}.filter-drop .filter-panel-foot .browse-reset{font-size:var(--t-2xs);padding:0 var(--s2)}.filter-sheet{border-radius:var(--r3) var(--r3) 0 0;width:100%;max-height:85dvh;padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom,0px));margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.segment-full{flex-wrap:wrap;width:100%;display:flex}.segment-full .segment-item{flex:1}.segment-full .segment-item span{justify-content:center;width:100%}.genre-grid,.term-grid{gap:var(--s2);flex-wrap:wrap;display:flex}.term-grid:empty{display:none}.genre-option,.term-chip{min-height:36px;padding:0 var(--s3);border-radius:var(--r-full);background:var(--surface);font-size:var(--t-xs);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;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)}.term-chip[data-state=in]{background:var(--ink);color:var(--bg)}.genre-option:has(input:checked){background:var(--ink);color:var(--bg)}.term-chip[data-state=ex]{background:var(--accent);color:var(--bg);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}.tag-picker,.tag-match{margin-bottom:var(--s3)}.tag-input{width:100%;height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--ink);font-size:var(--t-xs);border:none}.tag-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-hint{font-family:var(--font-data);font-size:var(--t-2xs);color:var(--faint);text-transform:none;letter-spacing:0;font-weight:400}.filter-year{align-items:center;gap:var(--s2);display:flex}.filter-year-sep{color:var(--faint)}.filter-year-input{width:100%;min-width:0;height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--ink);font-family:var(--font-data);font-size:var(--t-xs);border:none}.filter-year-input:hover{background:color-mix(in srgb, var(--surface) 85%, var(--ink))}.filter-year-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-drop .search-label{margin:var(--s4) 0 var(--s2)}.filter-drop .search-label:first-child{margin-top:0}.filter-panel-foot{justify-content:flex-end;align-items:center;gap:var(--s3);margin-top:var(--s4);display:flex}.filter-sheet .filter-panel-foot{justify-content:space-between}.filter-sheet .filter-panel-foot .btn{flex:1;max-width:70%}.filter-sheet .search-label{margin-top:var(--s4)}.filter-sheet .search-label:first-child{margin-top:0}.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))}.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 (width>=768px){.rail-track{grid-auto-columns:150px}}.rail-track-hero{grid-auto-columns:150px}@media (width>=768px){.rail-track-hero{grid-auto-columns:168px}}.rail-nav{gap:var(--s2);display:none}@media (hover:hover) and (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}.feed-pager{gap:var(--s1);display:none}@media (width>=768px){.feed-pager{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)}.empty{padding:var(--s7) var(--s4);text-align:center;color:var(--muted)}.empty h1{font-size:var(--t-2xl);margin-bottom:var(--s2)}}@layer pages{.home-main{container-type:inline-size}.home-side{flex-direction:column;display:flex}.home-side .section{margin-bottom:var(--s5)}@media (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 (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 (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 (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);flex-shrink:0}.detail-info{align-items:center;gap:var(--s3);flex-direction:column;display:flex}@media (width>=768px){.detail-info{align-items:flex-start}}.title-name{font-size:var(--t-2xl);letter-spacing:-.02em;text-wrap:balance;font-weight:800}@media (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(--s1);flex-wrap:wrap;display:flex}.detail-facts{gap:var(--s1);flex-direction:column;display:flex}.detail-fact{font-family:var(--font-data);font-size:var(--t-2xs);color:var(--muted);margin:0}.detail-fact-label{min-width:6.5em;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--s2);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-list{gap:var(--s2);grid-template-columns:1fr;display:grid}@media (width>=768px){.chapter-list{column-gap:var(--s3);grid-template-columns:1fr 1fr}}.chapter-filter{flex-wrap:wrap;justify-content:flex-end}.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 (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}}.pagination{justify-content:center;gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap;display:flex}: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);display:flex;position:sticky;top:0}.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-server{padding:var(--s1) var(--s2);border-radius:var(--r1);color:var(--reader-ink);font-family:var(--font-data);font-size:var(--t-2xs);flex-shrink:0}.reader-server:hover{background:var(--reader-line)}.reader-dialog{width:min(380px, calc(100vw - var(--s5)));padding:var(--s4);border-radius:var(--r2);background:var(--bg);color:var(--ink);border:none;margin:auto}.reader-dialog::backdrop{background:#00000080}.server-list{gap:var(--s1);margin-top:var(--s3);display:grid}.drawer-list{max-height:min(60vh,480px);margin-top:var(--s3);flex-direction:column;display:flex;overflow-y:auto}.drawer-list .part-row[aria-current]{background:var(--raised)}.drawer-list .part-row[aria-current] .part-no{color:var(--accent-ink)}.server-option{padding:var(--s2) var(--s3);border-radius:var(--r1);text-align:left;font-family:var(--font-data);font-size:var(--t-xs)}.server-option:hover{background:var(--surface)}.server-option[aria-current]{background:var(--raised);font-weight:600}.reader-pages{max-width:760px;margin:0 auto}.reader-page{background:var(--reader-line);width:100%;height:auto;display:block}.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;height:calc(52px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--reader-chrome);border-top:1px solid var(--reader-line);display:flex;position:fixed;bottom:0;left:0;right:0}.reader-nav-btn{justify-content:center;align-items:center;gap:var(--s2);color:var(--reader-ink);font-size:var(--t-sm);flex:1;font-weight:600;display:flex}.reader-ico{width:18px;height:18px}.reader-nav-list{border-inline:1px solid var(--reader-line);flex:0 0 64px}.reader-nav-btn:not([href]){opacity:.35;pointer-events:none}}