*{box-sizing:border-box} :root{color-scheme:dark;--bg:#101c24;--gold:#d9bb80;--muted:#a5b3ba}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#31434c 0,#192a34 42%,#101c24 85%);color:#f0ede5;font:14px system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:32px;padding:20px 32px;border-bottom:1px solid #ffffff18;background:#101c2480}.brand{font:23px Georgia,serif;letter-spacing:4px;color:var(--gold);text-decoration:none}.brand span{display:block;font:9px system-ui;letter-spacing:3px;margin-top:5px}.heading{flex:1}h1{font:22px Georgia,serif;margin:0 0 5px}p{margin:0;color:var(--muted)}button,.button{font:inherit;color:#eee9df;border:1px solid #ffffff22;border-radius:8px;background:#20323e;padding:10px 14px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#354a57;border-color:var(--gold)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}main{flex:1;display:flex;min-height:0}.reader{flex:1;min-width:0;display:flex;flex-direction:column}#stage{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px}#book{filter:drop-shadow(0 15px 22px #0008)}.page{background:#fff;color:#222;overflow:hidden;border:1px solid #d1cec6}.page img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}.page .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#777;font:15px Georgia}.page img:not([src]){visibility:hidden}.page .pageNumber{position:absolute;bottom:4px;right:7px;color:#999;font-size:9px}.hint{text-align:center;padding:5px 12px 14px;font-size:12px}#loading{position:absolute;background:#13232eee;padding:20px 30px;border-radius:12px;border:1px solid #d9bb8044;max-width:85%;text-align:center}footer{padding:14px 32px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;gap:12px;background:#101c2480}.paging,.actions,#pageForm{display:flex;align-items:center;gap:10px}input{font:inherit;border:1px solid #ffffff30;background:#101c24;border-radius:6px;color:#fff;padding:10px;min-width:0}#pageInput{width:65px;text-align:center}#total{color:var(--muted);white-space:nowrap}aside{width:300px;flex-shrink:0;background:#12222de8;border-right:1px solid #ffffff18;padding:20px;overflow:auto}.panelTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font:20px Georgia;margin:0}.panelTitle button{padding:3px 10px;font-size:24px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.searchRow{display:flex;gap:6px}.searchRow input{width:100%}#searchStatus{margin:15px 0;font-size:12px}.result{display:block;width:100%;white-space:normal;text-align:left;margin:8px 0;line-height:1.5}.result strong{display:block;color:var(--gold);margin-bottom:5px}.result small{color:#c5cdd1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{padding:0;border:1px solid #ffffff30;border-radius:12px;width:96vw;height:94dvh;max-width:none;max-height:none;background:#14232e;color:#eee}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog[open]{display:flex;flex-direction:column}.zoomToolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;flex-wrap:wrap}#zoomScroll{flex:1;overflow:auto;padding:20px;text-align:center}#zoomPaper{position:relative;display:inline-block;background:white;box-shadow:0 8px 30px #0008;text-align:left}#zoomCanvas{display:block}#highlights{position:absolute;inset:0;pointer-events:none}.match{position:absolute;background:#ffcf3670;border-bottom:2px solid #d98e00}#zoomStatus{text-align:center;padding:8px;font-size:12px}
@media(max-width:700px){header{padding:12px 14px;gap:15px}.brand{font-size:17px}.brand span{font-size:7px}.heading h1{font-size:17px}.heading p{display:none}header button{padding:10px}main{position:relative}aside{position:absolute;inset:0 auto 0 0;z-index:50;width:min(330px,90vw);box-shadow:10px 0 25px #0008}footer{padding:10px;flex-wrap:wrap;justify-content:center}.actions{gap:6px}.actions button,.actions a{padding:8px 11px}.hint{font-size:10px;padding-bottom:8px}#stage{padding:10px}.zoomToolbar{gap:6px;font-size:12px}.zoomToolbar button{padding:8px}#zoomScroll{padding:10px}}@media(max-height:500px){header{padding:8px 20px}.heading p,.hint{display:none}footer{padding:8px}.brand span{display:none}}
[hidden]{display:none!important}

/* Tëimur paper and gold, independent of external stylesheets or subscriptions. */
:root{color-scheme:light;--bg:#fffdf8;--gold:#a07a2c;--muted:#627478}body{color:#213c40;background:radial-gradient(ellipse at 50% 40%,#f0e8d7,#fffdf8 76%)}
header,footer{background:#fffdf8e8;border-color:#a07a2c30}.brand{color:#8d6b2e}.heading h1{color:#213c40}button,.button{border-color:#a07a2c55;background:#fffdf8;color:#385154;border-radius:2px}button:hover,.button:hover{background:#ece1c9;border-color:#a07a2c}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#a07a2c}input{background:#fffdf8;border-color:#a07a2c66;color:#213c40;border-radius:2px}aside{background:#fffdf8fa;border-color:#a07a2c30}#loading{background:#fffdf8f5;border-color:#a07a2c66;color:#385154;border-radius:2px}.result small{color:#536d71}.result strong{color:#8d6b2e}dialog{background:#fffdf8;color:#213c40;border-color:#a07a2c66;border-radius:2px}.page{border-color:#d5ccb7}#book{filter:drop-shadow(0 14px 18px #46391c33)}.heading p{max-width:640px;line-height:1.45;font-size:11px}#unavailable{padding:12vh 7%;text-align:center;line-height:1.8}#unavailable a{display:inline-block;margin-top:25px;color:#8d6b2e}
@media(max-width:700px){.actions{flex-wrap:wrap;justify-content:center}.heading h1{font-size:15px}.actions button,.actions a{font-size:12px}.brand{font-size:15px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}