:root{color-scheme:dark;--bg: #14120f;--panel: #1c1916;--ink: #e8e0d4;--muted: #9a9184;--line: #2c2823;--accent: #c4a574;--page: #f4efe6;--danger: #d27b6b;--font-ui: "Segoe UI", system-ui, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}#app{display:flex;flex-direction:column}.chrome{display:flex;align-items:center;gap:1rem;min-height:3.25rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.chrome h1{flex:1;margin:0;overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.progress{margin:0;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.ghost,.open-btn,.page-btn{border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.ghost,.open-btn{padding:.35rem .7rem;border-radius:4px;color:var(--muted);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.ghost:hover,.open-btn:hover,.page-btn:hover{border-color:var(--accent);color:var(--ink)}.open-btn input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#workspace{display:flex;flex:1;min-height:0}.toc{width:min(18rem,80vw);overflow:auto;padding:1rem .75rem 1.5rem;border-right:1px solid var(--line);background:var(--panel)}.toc h2{margin:0 .5rem .75rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.toc ul{margin:0;padding:0;list-style:none}.toc li ul{margin-left:.75rem}.toc button{display:block;width:100%;padding:.4rem .5rem;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.toc button:hover{background:#26211c;color:var(--accent)}#stage{position:relative;flex:1;min-width:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:1.25rem;border:1px dashed var(--line);border-radius:8px;text-align:center}.dropzone.is-hover{border-color:var(--accent);background:#1a1714}.dropzone-kicker{margin:0 0 .4rem;color:var(--accent);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.dropzone-title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem)}.dropzone-hint{margin:.6rem 0 0;color:var(--muted)}.error{max-width:24rem;margin:1.25rem 1.5rem 0;color:var(--danger)}.reader{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;height:100%}.viewer{min-width:0;height:100%;background:var(--page)}.page-btn{width:2.75rem;border:0;border-radius:0;color:var(--muted);font-size:1.6rem;line-height:1}.page-btn:hover{background:#1a1714}@media(max-width:800px){.toc{position:absolute;z-index:2;top:0;bottom:0;left:0;box-shadow:8px 0 24px #00000059}.page-btn{width:2.1rem}}