body.reader{min-height:100vh;display:block;overflow:auto}
body.reader main{max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 40px}
.reader-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.14em;font-size:26px;margin:10px 0 6px}
.reader-head p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6}
.reader-head .back{color:var(--gold);font-size:12px;text-decoration:none}
.viewfinder{position:relative;width:100%;aspect-ratio:1;background:#02030a;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.viewfinder video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.viewfinder.on video{display:block}
.viewfinder .guide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none}
.viewfinder.on .guide{display:flex}
.viewfinder .guide i{width:78%;aspect-ratio:1;border:1.5px dashed #d9c3a1aa;border-radius:50%}
.viewfinder.busy .guide i{border-color:#ffe9b0;animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.viewfinder-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.viewfinder.on .viewfinder-empty{display:none}
.status{min-height:2.6em;margin:12px 2px;font-size:13px;line-height:1.55;color:#cfc8bd}
.reader-actions{display:flex;gap:9px}
.reader-actions button{flex:1;padding:13px 6px;color:#cfc8bd;background:transparent;border:1px solid #c9b99944;border-radius:4px;font-size:13px}
.reader-actions .primary{background:#d8c29b;color:#1c2230;border-color:#d8c29b}
.reader-actions button:disabled{opacity:.5}
.fineprint{margin-top:22px;color:var(--muted);font-size:11px;line-height:1.6}