:root{color-scheme:light dark;--bg:#fff;--fg:#16181d;--muted:#6b7280;--line:#e6e8ec;--panel:#fff;--chip:#f0f1f4;--hover:#f5f6f8;--ph:#eef0f3;--accent:#2563eb;--scrim:#0f12196b;--shadow:0 8px 24px #0f121929, 0 2px 6px #0f121914;--fab:52px;--fab-top:calc(12px + env(safe-area-inset-top));--fab-left:calc(12px + env(safe-area-inset-left));--fab-right:calc(12px + env(safe-area-inset-right));--chrome:calc(var(--fab) + 28px + env(safe-area-inset-top))}@media (prefers-color-scheme:dark){:root{--bg:#111318;--fg:#e8eaed;--muted:#9aa1ab;--line:#23262d;--panel:#1a1d23;--chip:#23262d;--hover:#1d2026;--ph:#1b1e24;--accent:#7aa2f7;--scrim:#0000008c;--shadow:0 8px 24px #00000073, 0 2px 6px #0000004d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.fab{top:var(--fab-top);z-index:70;width:var(--fab);height:var(--fab);background:var(--panel);color:var(--fg);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.fab:active{transform:scale(.94)}.fab-left{left:var(--fab-left)}.fab-right{right:var(--fab-right)}.scrim{z-index:55;background:var(--scrim);animation:.15s fade;position:fixed;inset:0}.menu{top:calc(var(--fab-top) + var(--fab) + 10px);right:var(--fab-right);left:var(--fab-left);z-index:60;background:var(--panel);max-height:min(70dvh,560px);box-shadow:var(--shadow);border-radius:18px;padding:6px;animation:.14s pop;position:fixed;overflow:auto}@media (width>=640px){.menu{width:360px;right:auto}}.menu-loading{color:var(--muted);margin:0;padding:18px}.menu-list{flex-direction:column;display:flex}.menu-item{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:.95rem;display:flex}.menu-item:active{background:var(--hover)}.menu-item[data-active]{background:var(--chip);font-weight:600}.menu-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.list-head{z-index:20;padding:calc(var(--chrome) + 4px) 16px 10px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}.list-title{align-items:baseline;gap:10px;display:flex}.list-title h1{margin:0;font-size:1.25rem;line-height:1.25}.list-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.search{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--fg);font:inherit;border-radius:12px;margin-top:10px;padding:11px 14px;font-size:1rem}.search::placeholder{color:var(--muted)}.post-list{margin:0;padding:0;list-style:none}.post-link{border-bottom:1px solid var(--line);flex-direction:column;gap:7px;padding:14px 16px;text-decoration:none;display:flex}.post-link:active{background:var(--hover)}.post-title{font-weight:600;line-height:1.4}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.badge{background:var(--chip);color:var(--fg);border-radius:999px;padding:2px 9px;font-size:.75rem}.post-pages{font-variant-numeric:tabular-nums}.empty{color:var(--muted);text-align:center;padding:32px 16px}.detail{padding-top:calc(var(--chrome) + 4px);padding-bottom:calc(32px + env(safe-area-inset-bottom))}.detail-head{padding:0 16px 8px}.detail-head h1{margin:0 0 8px;font-size:1.3rem;line-height:1.35}.detail-text{padding:4px 16px 16px}.detail-text p{margin:0 0 .9em}.pages{flex-direction:column;gap:8px;padding:0 8px;display:flex}.page{scroll-margin-top:calc(var(--chrome) + 8px);margin:0}.page img{background:var(--ph);border-radius:8px;width:100%;height:auto;display:block}.aside{z-index:60;width:min(88vw,380px);padding:calc(var(--chrome) + 4px) 16px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--panel);box-shadow:var(--shadow);transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(102%)}.aside[data-open]{transform:none}.aside-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.aside-head h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:1rem}.icon-btn{background:var(--chip);width:40px;height:40px;color:var(--fg);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;display:grid}.aside-body h3{margin:14px 0 12px;font-size:1.05rem;line-height:1.4}.facts{margin:0 0 14px}.facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{text-align:right;margin:0;font-size:.9rem}.chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.chip{background:var(--chip);border-radius:999px;padding:3px 10px;font-size:.78rem}.aside-body h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.85rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-bottom:18px;display:grid}.page-grid a{background:var(--chip);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;height:40px;font-size:.85rem;text-decoration:none;display:grid}.page-grid a:active{background:var(--hover)}.source{color:var(--accent);font-weight:600;text-decoration:none;display:inline-block}.loading{padding:calc(var(--chrome) + 40px) 16px;color:var(--muted);text-align:center}.not-found{padding:calc(var(--chrome) + 24px) 16px;text-align:center}.button{background:var(--accent);color:#fff;border-radius:12px;margin-top:8px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-block}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.aside{transition:none}.scrim,.menu{animation:none}}@media (width>=720px){.list-head,.post-list,.detail{max-width:760px;margin-inline:auto}}