:root{color-scheme:dark;--ground:#171a16;--surface:#20251e;--ink:#f3e9d2;--muted:#c2b79f;--accent:#e2b86d;--rule:#454738;--focus:#ffdc95;--s:8px}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif;min-height:100dvh;display:flex;flex-direction:column}button,select,a{touch-action:manipulation}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rule);background:transparent;padding:8px 16px;border-radius:3px;min-height:44px}button:hover{border-color:var(--accent);background:#ffffff08}button:disabled{opacity:.35;cursor:default}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 32px;border-bottom:1px solid var(--rule);background:var(--ground);z-index:2}.brand{text-decoration:none;color:var(--ink);font-weight:750;letter-spacing:.14em;font-size:16px}.brand span{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:3px}.edition{text-align:center}.edition h1{font:26px/1.1 Georgia,serif;margin:0 0 4px}.edition>span{font-size:10px;letter-spacing:.13em;color:var(--muted)}#contents{position:absolute;right:32px;top:88px;background:var(--surface);border:1px solid var(--rule);padding:12px;width:min(340px,calc(100vw - 32px));z-index:20;box-shadow:0 12px 24px #0005}#contents:not([hidden]){display:flex;flex-direction:column;gap:4px}#contents button{text-align:left;border-color:transparent}#contents a{padding:12px 16px}main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 210px);min-height:280px;padding:16px 24px;background:radial-gradient(ellipse at 50% 60%,#363c2d55,transparent 70%)}#book{filter:drop-shadow(0 14px 18px #0008)}.page{position:relative;overflow:hidden;background:#111;color:#111}.page img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.page::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 8px 0 14px -14px #000b}.movie{position:absolute;left:3.085%;top:13.25%;width:93.83%;height:73.5%;object-fit:contain;background:#080808;z-index:4}.reader-hint{text-align:center;font-size:12px;color:var(--muted);margin:4px 16px 12px;min-height:18px}footer{border-top:1px solid var(--rule);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--ground)}.page-nav,.reading-tools{display:flex;align-items:center;gap:8px}.page-select{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.page-select select{height:44px;background:var(--surface);border:1px solid var(--rule);padding:0 12px;border-radius:3px}.sample{font-size:9px;letter-spacing:.13em;color:var(--muted);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#loading{position:absolute;color:var(--muted)}dialog{color:var(--ink);border:1px solid var(--rule);background:var(--ground);padding:0;width:min(94vw,960px);max-height:94dvh;border-radius:4px}dialog::backdrop{background:#000d}.dialog-head{position:sticky;top:0;z-index:10;background:var(--ground);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:16px}.dialog-head h2{font:22px Georgia,serif;margin:0}#focus-content{position:relative}#focus-content img{display:block;width:100%;height:auto}#focus-content video{position:absolute;left:3.085%;top:13.25%;width:93.83%;height:73.5%}#text-content{font:19px/1.8 Georgia,serif;white-space:pre-wrap;padding:24px;max-width:760px;margin:auto}#text-dialog{width:min(94vw,800px)}@media(max-width:900px){footer{flex-wrap:wrap;justify-content:center;gap:8px}.sample{display:none}.stage{height:calc(100dvh - 240px)}header{padding:12px 16px;gap:12px}.brand{font-size:13px}.brand span{font-size:8px}.edition h1{font-size:23px}.edition>span{font-size:8px}.reading-tools button{font-size:12px;padding:6px 12px}#contents{right:16px;top:80px}}@media(max-width:480px){header{gap:8px}.brand span{display:none}.brand{font-size:11px;letter-spacing:.1em}.edition h1{font-size:21px}.edition>span{font-size:7px;letter-spacing:.08em}header>button{padding:8px;font-size:12px}.stage{padding:8px 12px;height:calc(100dvh - 235px)}.page-nav>button span{display:none}.page-nav>button{padding:8px 16px}footer{padding:8px 12px}.reader-hint{font-size:11px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#book.closed-cover{transform:none}#book.closed-cover.spread{transform:translateX(-25%)}
.stage{overflow:hidden}