@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--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;--rank-1:#f2ba36;--rank-2:#acb0b9;--rank-3:#cc763e;--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;--r1:8px;--r2:12px;--r3:16px;--r-full:999px;--ease:cubic-bezier(.4, 0, .2, 1);--font:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, 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;--card-min:120px;--card-sm:110px;--card-md:150px;--detail-cover-m:160px;--card-ar:3 / 4;--reader-bg:#000;--reader-chrome:#0a0a0aeb;--reader-ink:#ebebeb;--reader-muted:#9e9e9e;--reader-line:#2e2e2e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf9;--surface:#f2f0ed;--chrome:#fff;--raised:#fff;--line:#e3e1dd;--ink:#1d1d20;--muted:#71717a;--faint:#95959d;--accent:#eb334b;--accent-ink:#d5152f;--rank-1:#c18215;--rank-2:#656972;--rank-3:#9e572e;--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}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}.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:relative}.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}.topbar-theme{border-radius:var(--r-full);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (width<=767px){.topbar-theme{margin-left:auto}}.topbar-theme:hover{color:var(--ink)}.topbar-theme svg{width:20px;height:20px}.topbar-theme .ico-sun{display:block}.topbar-theme .ico-moon,:root[data-theme=light] .topbar-theme .ico-sun{display:none}:root[data-theme=light] .topbar-theme .ico-moon{display:block}.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(5,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{align-items:center;gap:var(--s2);font-size:var(--t-lg);letter-spacing:-.01em;font-weight:700;display:inline-flex}.rail-title svg,.section-title svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.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}@media (width<=767px){.see-all{align-items:center;min-height:32px;margin:-4px -2px;padding:4px 2px;display:inline-flex}}.card-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));gap:var(--s3) var(--s2);display:grid}@media (width>=640px){.card-grid{gap:var(--s4) var(--s3)}}.card{contain:layout;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)}.img-placeholder{background:var(--surface);color:var(--faint);font-size:var(--t-2xs);letter-spacing:.08em;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.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-new{top:var(--s2);right:var(--s2);border-radius:var(--r1);background:var(--accent);color:var(--on-accent);font-size:var(--t-2xs);padding:3px 7px;font-weight:700;line-height:1.2;position:absolute}.card-new: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:start;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)}}.img-placeholder{aspect-ratio:var(--card-ar);background:var(--surface);color:var(--faint);font-family:var(--font);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:2.2rem;line-height:1;display:flex}.cover-b{background:var(--surface);display:block;position:relative;overflow:hidden}.cover-b-mark{font-family:var(--font);color:color-mix(in srgb, var(--ink) 7%, transparent);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:74px;line-height:1;position:absolute;bottom:-18px;right:-8px}.cover-b-title{-webkit-line-clamp:5;word-break:break-word;-webkit-box-orient:vertical;font-size:11px;font-weight:700;line-height:1.5;display:-webkit-box;position:absolute;top:10px;left:10px;right:10px;overflow:hidden}.cover-b-foot{font-family:var(--font-data);color:var(--faint);justify-content:space-between;gap:4px;font-size:8px;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.cover-b-foot b{color:var(--accent-ink);flex:none;font-weight:700}.cover-b-foot span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cover-b-foot span:empty,.cover-b-foot b:empty{display:none}.update-thumb.cover-b .cover-b-mark{font-size:34px;bottom:-12px;right:-6px}.update-thumb.cover-b .cover-b-title{-webkit-line-clamp:4;font-size:7px;top:6px;left:6px;right:6px}.update-thumb.cover-b .cover-b-foot{display:none}.rank-thumb.cover-b .cover-b-mark{font-size:26px;bottom:-8px;right:-4px}.rank-thumb.cover-b .cover-b-title,.rank-thumb.cover-b .cover-b-foot{display:none}.detail-cover.cover-b .cover-b-mark{font-size:84px}.detail-cover.cover-b .cover-b-title{-webkit-line-clamp:4;font-size:13px}.player-illust.cover-b .cover-b-mark,.player-illust.cover-b .cover-b-foot{display:none}.player-illust.cover-b .cover-b-title{text-align:center;-webkit-line-clamp:2;font-size:12px;top:50%;left:16px;right:16px;transform:translateY(-50%)}@media (width<=767px){.card .cover-b-mark{font-size:56px}.card .cover-b-title{-webkit-line-clamp:4;font-size:10px}.card .cover-b-foot{font-size:7px;bottom:6px;left:8px;right:8px}}.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}.rank-list{gap:var(--s1);flex-direction:column;display:flex}.rank-row{align-items:center;column-gap:var(--s3);padding:var(--s2);border-radius:var(--r2);grid-template-columns:1.75rem 48px minmax(0,1fr);min-width:0;display:grid}.rank-row:hover{background:var(--surface)}.rank-row:hover .rank-title{color:var(--accent-ink)}.rank-no{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:var(--t-base);text-align:center;color:var(--faint);font-weight:800;line-height:1}.rank-row:first-child .rank-no{color:var(--rank-1)}.rank-row:nth-child(2) .rank-no{color:var(--rank-2)}.rank-row:nth-child(3) .rank-no{color:var(--rank-3)}.rank-thumb{width:48px;height:auto;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:var(--r1);background:var(--surface)}.rank-body{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-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}.rank-meta{align-items:center;gap:var(--s3);font-family:var(--font-data);font-size:var(--t-2xs);color:var(--faint);display:flex}.rank-stat{align-items:center;gap:4px;min-width:0;display:inline-flex}.rank-stat:has([data-bind=views]:empty){display:none}.rank-stat:has([data-bind=views]){color:var(--accent-ink)}.rank-ico{flex-shrink:0;width:12px;height:12px}.rank-row:first-child{box-shadow:inset 3px 0 0 var(--rank-1);grid-template-columns:1.75rem 64px minmax(0,1fr)}.rank-row:first-child .rank-no{font-size:var(--t-xl)}.rank-row:first-child .rank-thumb{width:64px}.rank-row:first-child .rank-title{font-size:var(--t-base)}.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;margin-left:auto}.part-date{margin-left:var(--s2);color:var(--faint);font-family:var(--font-data);font-size:var(--t-2xs);flex-shrink:0}.chapter-filter{gap:var(--s2);display:flex}.part-row.is-read .part-no{color:var(--faint);font-weight:400}.part-no{font-variant-numeric:tabular-nums;min-width:4.6em}.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));z-index:50;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}.sheet-age{align-items:center;gap:var(--s2);margin-top:var(--s4);padding:var(--s3);border-radius:var(--r2);background:var(--surface);color:var(--ink);font-size:var(--t-sm);cursor:pointer;font-weight:600;display:flex}.sheet-age input{width:18px;height:18px;accent-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 svg{flex-shrink:0;width:16px;height:16px}.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}a.rail-btn:not([href]){opacity:.35;pointer-events:none}.feed-pager{gap:var(--s1);display:none}@media (width>=768px){.feed-pager{display:flex}}.empty{padding:var(--s7) var(--s4);text-align:center;color:var(--muted)}.empty h1{font-size:var(--t-2xl);margin-bottom:var(--s2)}.card-grid>.empty{grid-column:1/-1}.toast{left:50%;bottom:calc(var(--nav-h) + var(--s4) + env(safe-area-inset-bottom,0px));z-index:60;max-width:min(90vw,22rem);padding:var(--s3) var(--s4);border-radius:var(--r-full);background:var(--ink);color:var(--bg);font-size:var(--t-sm);text-align:center;opacity:0;pointer-events:none;transition:opacity .18s var(--ease), transform .18s var(--ease);font-weight:600;position:fixed;transform:translate(-50%,8px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (width>=768px){.toast{bottom:var(--s6)}}.player{gap:var(--s3);margin-bottom:var(--s5);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);justify-items:center;display:grid}.player-illust{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r1);border:1px solid var(--line);width:100%;max-width:480px}.player-audio{width:min(100%,480px)}.transcript{flex-direction:column;gap:2px;max-width:720px;margin:0 auto;padding:0;list-style:none;display:flex}.line{scroll-margin-top:130px;scroll-margin-bottom:24px}.line-btn{gap:var(--s4);text-align:left;width:100%;padding:var(--s2) var(--s3);border-radius:var(--r1);cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease);color:inherit;background:0 0;border:none;border-left:3px solid #0000;display:flex}.line-btn:hover{background:var(--surface)}.line-char{min-width:5.5em;color:var(--accent-ink);font-size:var(--t-2xs);flex:none;padding-top:2px;font-weight:700}.line-text{color:var(--ink);line-height:1.75}.line.is-current .line-btn{background:var(--surface);border-left-color:var(--accent)}.line.is-current .line-text{font-weight:700}}@layer pages{.page-home{overflow-x:clip}.home-intro{margin-top:var(--s5);max-width:40rem}.home-heading{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:800}.home-lead{margin:var(--s2) 0 0;color:var(--muted);font-size:var(--t-sm);line-height:1.6}.home-main,.home-more{container-type:inline-size}.home-side{flex-direction:column;display:flex}.home-side .section,.home-rank .section{margin-bottom:var(--s5)}.card-grid{margin-top:var(--s2)}@media (width<=767px){.page-home .section{margin-bottom:var(--s5)}.page-home .section-head{margin-bottom:var(--s2);gap:var(--s2)}.page-home .rail-title{font-size:var(--t-base)}.home-main .rail-track,.home-main .rail-track-hero,.home-more .rail-track{grid-auto-columns:var(--card-sm);gap:var(--s2)}.home-main .card-grid{column-gap:var(--s2);row-gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr))}.home-main .card-title{min-height:2.6em}.home-side .filter-bar{margin-bottom:0}}@media (width>=768px){.home-main .rail-track,.home-main .rail-track-hero,.home-more .rail-track{grid-auto-columns:var(--card-md)}.home-main .card-grid{grid-template-columns:repeat(auto-fill, var(--card-md));column-gap:var(--s3);justify-content:start}.home-main .card-title{min-height:2.7em}}@media (width<=1023px){.page-home{flex-direction:column;display:flex}.home-rail{display:contents}.home-main{order:1}.home-rank{order:2}.home-more{order:3}.home-side{order:4}.home-intro{order:5}}@media (width>=1024px){.page-home{gap:var(--s6);grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"main rail""more rail""intro intro";align-items:start;display:grid}.home-main{grid-area:main}.home-more{grid-area:more}.home-intro{grid-area:intro}.home-rail{top:calc(var(--nav-h) + var(--s4));flex-direction:column;grid-area:rail;align-self:start;display:flex;position:sticky}}.rank-periods{margin-bottom:var(--s2)}.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{margin-bottom:var(--s6);position:relative}.detail-hero-grid{z-index:1;column-gap:var(--s6);row-gap:var(--s5);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid;position:relative}.detail-backdrop{display:none}@media (width<=767px){.detail-backdrop{top:calc(-1 * var(--s5));left:calc(-1 * var(--s4));max-width:none;width:calc(100% + 2 * var(--s4));object-fit:cover;filter:blur(36px)saturate(1.3)brightness(.7);opacity:.42;pointer-events:none;height:520px;display:block;position:absolute;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}}.detail-side{grid-area:1/1;align-self:start;width:100%;min-width:0}.detail-copy{align-items:flex-start;gap:var(--s4);flex-direction:column;grid-area:1/2;min-width:0;display:flex}.detail-info{align-items:flex-start;gap:var(--s3);flex-direction:column;width:100%;min-width:0;display:flex}.detail-actions{align-items:center;gap:var(--s2);width:min(100%,22rem);display:flex}.detail-actions .btn{flex:1;min-width:0}.detail-meta{gap:var(--s4);flex-direction:column;width:100%;min-width:0;display:flex}@media (width<=767px){.detail-hero{margin-bottom:var(--s5)}.detail-hero-grid{grid-template-columns:var(--detail-cover-m) minmax(0, 1fr);column-gap:var(--s3);row-gap:var(--s4)}.detail-copy{display:contents}.detail-info{gap:var(--s2);grid-area:1/2;align-self:center}.detail-actions{grid-area:2/1/auto/-1;width:100%}.detail-meta{gap:var(--s3);grid-area:3/1/auto/-1}}.detail-cover-wrap{width:100%;position:relative}.detail-cover-wrap>.badge{z-index:1;position:absolute;top:10px;left:10px}.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-status{letter-spacing:.03em;background:#000;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0006}:root[data-theme=light] .detail-status{background:#fff}.detail-status[data-status=ongoing]{color:#4ade80}.detail-status[data-status=hiatus]{color:#fbbf24}.detail-status[data-status=completed]{color:#cbd5e1}:root[data-theme=light] .detail-status[data-status=ongoing]{color:#15803d}:root[data-theme=light] .detail-status[data-status=hiatus]{color:#b45309}:root[data-theme=light] .detail-status[data-status=completed]{color:#475569}.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)}}@media (width<=767px){.title-name{font-size:var(--t-base);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.detail-alt{color:var(--muted);font-size:var(--t-sm);margin:0}.detail-alt:empty{display:none}@media (width<=767px){.detail-alt{font-size:var(--t-xs);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.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}@media (width<=767px){.detail-facts{gap:var(--s3) var(--s4);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px;display:grid}.detail-fact{flex-direction:column;gap:2px;min-width:0;display:flex}.detail-fact-label{align-items:center;gap:var(--s1);min-width:0;margin-right:0;display:inline-flex}.detail-fact .fact-ico{width:12px;height:12px}}.fact-ico{width:13px;height:13px;color:var(--faint);flex-shrink:0}.detail-fact-label{align-items:center;gap:var(--s1);min-width:6.5em;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--s2);display:inline-flex}.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}.chapter-ord{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:inline-flex}.chapter-ord:hover{color:var(--ink)}.chapter-ord svg{width:18px;height:18px}.chapter-ord[data-asc="1"] svg{transform:scaleY(-1)}.chapter-section .section-head{flex-wrap:wrap}.bookmark-btn{height:var(--control-h);width:var(--tap);border-radius:var(--r-full);color:var(--muted);font-family:inherit;font-size:var(--t-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}@media (pointer:coarse){.bookmark-btn{height:var(--tap)}}.bookmark-btn:hover{color:var(--ink)}.bookmark-ico{width:16px;height:16px}.bookmark-btn.is-on{background:var(--accent);color:var(--on-accent)}.bookmark-btn.is-on .bookmark-ico{fill:currentColor}@media (width<=767px){.detail-actions{flex-flow:wrap;align-items:center}.detail-actions .btn{flex:auto}.detail-actions .bookmark-btn{flex:0 0 44px;width:44px;padding:0}.detail-actions .btn-listen{flex-basis:100%}}.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-age .age-gate{align-items:center;gap:var(--s2);height:var(--control-h);padding:0 var(--s3);border-radius:var(--r1);background:var(--surface);color:var(--ink);font-size:var(--t-xs);cursor:pointer;font-weight:700;display:flex}.browse-age .age-gate input{width:16px;height:16px;accent-color:var(--accent)}.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;align-items:center;gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap;display:flex}.pagination .chip{text-align:center;min-width:32px}.pagination>.chip[aria-current]{background:var(--accent);color:var(--on-accent)}.pagination-ellipsis{min-width:32px;height:36px;color:var(--faint);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.pagination{gap:var(--s1);margin-top:var(--s4)}.pagination .chip{min-width:28px;height:32px;padding-inline:var(--s2);font-size:var(--t-xs)}.pagination-ellipsis{min-width:28px;height:32px}}@media (width<=767px){.page-browse .card-grid{column-gap:var(--s2);row-gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr))}.page-browse .filter-bar{scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -14px var(--s4);flex-wrap:nowrap;padding:2px 14px 6px;overflow-x:auto}.page-browse .filter-bar::-webkit-scrollbar{display:none}.page-browse .filter-bar .chip{scroll-snap-align:start;flex:none}}.reader-progress{background:var(--accent);transform-origin:0;pointer-events:none;z-index:39;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.reader-progress{animation:linear reader-progress;animation-timeline:scroll(root)}@keyframes reader-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.reader-progress{display:none}}.reader-page{max-width:720px;padding:var(--s6) var(--s5) var(--s7);background:var(--reader-bg);color:var(--reader-ink);border:1px solid var(--reader-line);border-radius:var(--r3);margin:0 auto}.reader-head{margin-bottom:var(--s6)}.reader-story{font-size:var(--t-xs);margin:0}.reader-story a{color:var(--reader-muted)}.reader-head h1{margin:var(--s2) 0;font-size:var(--t-xl);line-height:1.5}.reader-sub{color:var(--reader-muted);font-size:var(--t-xs);margin:0}.reader-audio{margin:var(--s3) 0 0}.reader-illust{margin:0 0 var(--s5)}.reader-illust img{border-radius:var(--r2);border:1px solid var(--reader-line);width:100%}.reader-body{letter-spacing:.01em;font-family:Hiragino Mincho ProN,Noto Serif JP,Yu Mincho,Hiragino Kaku Gothic ProN,serif;font-size:1.0625rem;line-height:2}.reader-body p{margin:0 0 1.15em}.reader-nav{justify-content:space-between;gap:var(--s3);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--reader-line);display:flex}.reader-nav .btn{background:var(--reader-chrome);border-color:var(--reader-line);max-width:240px;color:var(--reader-ink);flex:1}@media (width<=767px){body:has(.reader-page) .tabbar{display:none}.reader-page{padding:var(--s5) var(--s4) var(--s6);border-left:none;border-right:none;border-radius:0;margin:0 -14px}.reader-head h1{font-size:var(--t-lg)}.reader-body{font-size:1rem;line-height:1.95}.reader-nav{z-index:50;margin:var(--s5) calc(-1 * var(--s4)) 0;padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--reader-chrome);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0}.reader-nav .btn{max-width:none}}.reader-story a{min-height:24px;padding:3px 0;display:inline-block}.listen-page .ep-picker{gap:var(--s1);margin-top:var(--s2);scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.listen-page .ep-picker::-webkit-scrollbar{display:none}.listen-page .ep-picker .chip{scroll-snap-align:start;flex:none}.listen-page .reader-head h1{color:var(--ink)}.listen-page .transcript{margin-top:var(--s5)}@media (width<=720px){.listen-page .reader-head{margin-bottom:var(--s4)}.listen-page .reader-head h1{font-size:var(--t-lg)}.listen-page .ep-picker .chip{min-height:34px;padding:0 14px}.listen-page .player{top:var(--nav-h);z-index:40;margin:0 -14px var(--s4);padding:var(--s2) 14px;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:none;border-right:none;border-radius:0;gap:0;position:sticky}.listen-page .player-illust{display:none}.listen-page .player-audio{width:100%;height:40px}.listen-page .transcript{margin-top:0}.listen-page .line-btn{gap:var(--s2);padding:9px 8px}.listen-page .line-char{min-width:3.6em;font-size:.72rem}.listen-page .line-text{font-size:.92rem;line-height:1.7}}}