:root{--color-bg: #faf8f5;--color-text: #2c2c2c;--color-text-muted: #6b6b6b;--color-border: #e0dcd7;--color-accent: #4a4a4a;--color-surface: #f3f0eb;--font-body: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;--font-ui: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--max-width-reader: 38em;--header-height: 3rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.9;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:90;transition:transform .2s ease}.site-header--visible{transform:translateY(0)}.site-header--hidden{transform:translateY(-100%)}.site-header__inner{max-width:var(--max-width-reader);margin:0 auto;padding:0 1.25rem;height:100%;display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.8125rem}.site-header__home{color:var(--color-text);font-weight:600;letter-spacing:.05em;white-space:nowrap}.site-header__home:hover{text-decoration:none;color:var(--color-accent)}.site-header__sep{color:var(--color-text-muted);opacity:.4}.site-header__novel{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__novel:hover{text-decoration:none;color:var(--color-text)}.site-header__drawer-toggle{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s}.site-header__drawer-toggle:hover{background-color:var(--color-surface);color:var(--color-text)}.drawer-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:200}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background-color:var(--color-bg);border-left:1px solid var(--color-border);z-index:201;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.drawer__title{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--color-text-muted)}.drawer__close{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:.25rem .5rem;line-height:1}.drawer__close:hover{color:var(--color-text)}.drawer__list{list-style:none;padding:.5rem 0}.drawer__item{border-bottom:1px solid var(--color-border)}.drawer__item:last-child{border-bottom:none}.drawer__item--current{background-color:var(--color-surface)}.drawer__link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:var(--color-text);font-family:var(--font-ui);font-size:.875rem;line-height:1.4}.drawer__link:hover{text-decoration:none;background-color:var(--color-surface)}.drawer__chapter-num{flex-shrink:0;width:1.5rem;text-align:center;font-size:.75rem;color:var(--color-text-muted)}.drawer__chapter-title{flex:1;min-width:0}.drawer__check{flex-shrink:0;font-size:.75rem;color:var(--color-text-muted);opacity:.6}.drawer__current-mark{flex-shrink:0;font-size:.5rem;color:var(--color-accent)}.mobile-nav{display:none}@media(max-width:767px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:3.25rem;background-color:var(--color-bg);border-top:1px solid var(--color-border);z-index:90;align-items:center;justify-content:space-around;padding:0 1rem}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:.125rem;background:none;border:none;color:var(--color-text-muted);font-family:var(--font-ui);font-size:.625rem;cursor:pointer;padding:.25rem .5rem;text-decoration:none}.mobile-nav__item:hover{color:var(--color-text);text-decoration:none}.mobile-nav__progress{cursor:default;font-size:.8125rem;flex-direction:row;gap:.125rem}.mobile-nav__progress-num{font-weight:600;color:var(--color-text)}.mobile-nav__progress-sep{opacity:.4}.mobile-nav__progress-total{color:var(--color-text-muted)}body.has-mobile-nav{padding-bottom:3.5rem}}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-text: #d4d0cb;--color-text-muted: #8a8a8a;--color-border: #3a3a3a;--color-accent: #b0b0b0;--color-surface: #242424}.drawer-overlay{background-color:#00000080}}