@font-face{font-family:Geist;src:url('assets/Geist.woff2') format('woff2');font-display:swap}
@font-face{font-family:GeistMono;src:url('assets/GeistMono.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#07111f;--gold:#c99d66;--ivory:#f4f0e8;--muted:#aeb7c5}
*{box-sizing:border-box}html{height:100%;background:var(--ink)}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--ink);color:var(--ivory);font-family:Geist,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,#viewer:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.24;cursor:default}[hidden]{display:none!important}
.toolbar{height:72px;flex-shrink:0;padding:8px 30px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #c99d6628;background:#07111f}.brand{display:flex;align-items:center}.brand img{width:120px;height:auto;display:block}.edition{font-family:GeistMono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.actions{margin-left:auto;display:flex;align-items:center;gap:8px}.actions a,.actions button{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0 13px;background:none;border:1px solid transparent;color:var(--muted);border-radius:3px;font-size:12px;white-space:nowrap}.actions a:hover,.actions button:hover,.actions button[aria-pressed=true]{border-color:#c99d6666;color:var(--ivory)}.actions a span{color:var(--gold)}#fullscreen{font-size:25px;padding:0 10px}
main{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:14px 24px}.viewer{position:relative;aspect-ratio:16/9;width:min(100%,calc((100dvh - 168px)*16/9));margin:auto;touch-action:pan-y pinch-zoom}.viewer>img{width:100%;height:100%;display:block;object-fit:contain}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspots button,.hotspots a{position:absolute;display:block;pointer-events:auto;background:transparent;border:0;border-radius:2px;color:transparent}.hotspots button:hover,.hotspots a:hover{box-shadow:inset 0 0 0 1px #c99d6655;background:#c99d660a}.hotspots a:focus-visible{background:#c99d6622}.transcript{width:min(100%,820px);max-height:calc(100dvh - 180px);overflow:auto;padding:26px 30px;border-left:2px solid var(--gold);font-size:clamp(16px,2.5vw,22px);line-height:1.65}.transcript h1{font-size:clamp(28px,4vw,42px);line-height:1.2;color:var(--gold);font-weight:400;margin:0 0 24px}.transcript p{margin:.7em 0;color:var(--muted)}.error,.noscript{padding:20px}.error a,.noscript a{text-decoration:underline;color:var(--gold)}
.controls{height:66px;flex-shrink:0;width:min(100%,1280px);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px 8px;gap:20px}.controls button{border:0;background:none;color:var(--gold);min-width:96px;min-height:44px;text-align:center;font-size:16px}.controls button span{font-size:12px;color:var(--muted);padding:0 8px}.position{text-align:center;display:flex;align-items:center;gap:18px;font-size:12px;min-width:0}.position #counter{font-family:GeistMono,monospace;letter-spacing:.08em;color:var(--gold);white-space:nowrap}#caption{color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:480px}.progress{height:2px;flex-shrink:0;background:#f4f0e812}.progress span{height:100%;display:block;width:9.0909%;background:var(--gold);transition:width .2s ease}
@media(max-width:820px){.toolbar{padding:8px 14px;gap:8px}.brand img{width:98px}.edition{display:none}.actions{gap:0}.actions a,.actions button{font-size:11px;padding:0 8px;gap:5px}.controls{padding:0 12px 8px;gap:4px}.controls button{min-width:76px}#caption{max-width:220px}.position{gap:8px}main{padding:12px}.viewer{width:100%}.transcript{padding:15px 20px}.hotspots button{min-width:0}}
@media(max-width:520px){.toolbar{height:64px;flex-wrap:wrap}.brand img{width:86px}.actions a,.actions button{padding:0 6px;font-size:10px}#reading{max-width:52px;white-space:normal;line-height:1.1}#fullscreen{font-size:22px;padding:0 5px}.position{display:block}#counter{display:block}#caption{display:block;max-width:160px;font-size:10px;margin-top:5px}.controls button span{display:none}.controls button{min-width:44px;font-size:24px}.controls{height:70px}.transcript{max-height:calc(100dvh - 160px)}main{padding:6px}.viewer{touch-action:pan-y pinch-zoom}}
@media(max-height:550px) and (orientation:landscape){.toolbar{height:45px;padding:3px 18px}.brand img{width:88px}.actions a,.actions button{min-height:34px}.controls{height:42px;padding-bottom:0}.controls button{min-height:34px}main{padding:2px 10px}.viewer{width:min(100%,calc((100dvh - 95px)*16/9))}.transcript{max-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.progress span{transition:none}}