.reader-invitation{margin:2rem 0 0;padding:1.5rem 0;border-top:1px solid #d0ad7430}
.reader-invitation button{display:block;background:transparent;border:0;color:var(--gold);font:clamp(1.35rem,3vw,1.8rem)/1.5 var(--serif);padding:.6rem 0;cursor:pointer;text-align:left;min-height:48px}
.reader-invitation p{font:1rem/1.6 var(--sans);color:var(--muted);margin:.35rem 0}
.bnb-page #reader-room{width:min(820px,calc(100% - 24px));padding:clamp(20px,4vw,42px);max-height:92dvh}
#reader-room [hidden]{display:none!important}
#reader-room .reader-close{display:block;position:sticky;top:0;z-index:2;margin-left:auto;background:#151c17;color:var(--gold);border:0;padding:12px;font:1rem/1.4 var(--sans);min-height:44px;cursor:pointer}
#reader-room h2{scroll-margin-top:4rem}
.reader-scene{display:block;position:relative;padding:0;width:100%;background:#0d120f;border:0;color:#f0e8d9;cursor:pointer;overflow:hidden}
.reader-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.reader-scene span{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:#101a13ed;border:1px solid #d0ad7480;font:1rem/1.4 var(--sans);white-space:nowrap}
#reader-room .reader-small{font:1rem/1.6 var(--sans);color:#bbc0b8;margin:1rem 0}
.reader-paper{background:#eee6d5;color:#242a25;padding:clamp(18px,4vw,34px);margin:1.5rem 0}
#reader-room .reader-paper p{font:clamp(1.1rem,2.8vw,1.3rem)/1.7 var(--serif);margin:0 0 1.5rem}
.reader-paper label{display:block;font:1.25rem/1.5 var(--serif);margin:1rem 0}
.reader-paper textarea{box-sizing:border-box;display:block;width:100%;min-height:240px;resize:vertical;border:1px solid #7b7669;border-radius:0;padding:16px;background:#fffaf0;color:#242a25;font:1.125rem/1.75 var(--sans)}
.reader-paper textarea:focus-visible{outline:3px solid #6d4c1a;outline-offset:3px}
#reader-room .reader-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}
#reader-room .reader-actions .button{white-space:normal;margin:0;min-height:48px}
#reader-room .reader-quiet{padding:12px 0;background:none;border:0;color:var(--gold);font:1rem/1.5 var(--sans);min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
#reader-room .reader-end{padding:2rem 0}
#reader-room .reader-end p{font-family:var(--serif);font-size:clamp(1.4rem,4vw,2rem);line-height:1.6}