:root{color-scheme:dark;--ink:#101216;--panel:#1a1d23;--line:#383d47;--text:#f0ede8;--muted:#acb1bb;--accent:#f5a50c;--header-height:82px;--page-zoom:1;font-family:"Yu Gothic UI",Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text)}button,a,select{font:inherit}button,select,.reader-actions a{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--panel);text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer}button:hover,.reader-actions a:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.reader-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--ink)}.reader-brand{flex:1;min-width:200px}.reader-brand h1{margin:0;font-size:20px;font-weight:650}.reader-brand p{margin:4px 0 0;color:var(--muted);font-size:12px;letter-spacing:.12em}.reader-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.reader-actions label{display:flex;align-items:center;gap:6px}.page-counter{min-width:65px;text-align:center;font-variant-numeric:tabular-nums}#tocToggle,#tocClose{display:none}.reader-toc{position:fixed;top:var(--header-height);bottom:0;left:0;width:288px;padding:22px 14px;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border-right:1px solid var(--line);z-index:15}.toc-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px 14px}.toc-heading h2{font-size:14px;margin:0}.reader-toc ol{list-style:none;padding:0;margin:0}.reader-toc a{display:flex;align-items:baseline;gap:12px;min-height:42px;padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:5px;font-size:13px;line-height:1.45}.reader-toc a span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.reader-toc a:hover{background:#272c35;color:var(--text)}.reader-toc a[aria-current=page]{background:#34312a;color:var(--text);box-shadow:inset 3px 0 var(--accent)}.reader-pages{margin-left:288px;padding:24px;overflow-x:auto;min-width:0}.manual-page{margin:0 0 32px;width:calc(100% * var(--page-zoom));scroll-margin-top:calc(var(--header-height) + 16px)}.manual-page figcaption{display:flex;gap:12px;align-items:baseline;padding:0 0 12px;font-size:15px;font-weight:600}.manual-page figcaption span{color:var(--muted);font-size:12px;font-weight:400}.manual-page img{display:block;width:100%;height:auto;background:#ececec;border:1px solid var(--line);border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}.reader-footer{color:var(--muted);font-size:12px;text-align:center;margin:24px 0}.reader-footer a{color:var(--text)}#tocBackdrop{position:fixed;inset:var(--header-height) 0 0;background:#0009;z-index:25}#closeHint{margin:0 0 12px;padding:12px;border:1px solid var(--line)}.skip-link{position:fixed;top:-100px;left:16px;z-index:50;padding:12px;background:var(--accent);color:#111}.skip-link:focus{top:8px}
.page-nav{display:flex;gap:8px;align-items:center}
@media(max-width:850px){.reader-header{padding:12px;gap:12px}.reader-brand{min-width:150px}.reader-brand h1{font-size:18px}.reader-actions{width:100%;gap:6px}.reader-actions button,.reader-actions a,.reader-actions select{padding:7px 9px}.reader-actions .page-nav{gap:6px}#tocToggle,#tocClose{display:inline-block}.reader-toc{display:none;width:min(320px,calc(100vw - 36px));z-index:30}.reader-toc.is-open{display:block}.reader-pages{margin-left:0;padding:16px 10px}.manual-page{margin-bottom:24px}.manual-page figcaption{font-size:13px}.reader-footer{line-height:1.8}body.toc-open{overflow:hidden}}