.paper-opening{display:grid;justify-items:center;gap:20px;padding:8px 0 32px;margin-bottom:28px;border-bottom:1px solid var(--line)}.paper-cover{display:block;padding:0;background:transparent;max-width:360px;width:100%;border-radius:4px;box-shadow:0 14px 35px #0003;overflow:hidden}.paper-cover img{display:block;width:100%;height:auto}.paper-opening>div{text-align:center}.paper-opening p{max-width:530px;margin:12px auto;color:var(--ink);font-size:13px}.paper-opening .primary{min-height:46px}
dialog.paper-reader{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#18211d;color:#f5f5ef;z-index:10000}dialog.paper-reader[open]{display:flex;flex-direction:column}.paper-reader::backdrop{background:#000b}.paper-toolbar{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101813;flex-shrink:0}.paper-toolbar>div{display:flex;align-items:center;gap:12px}.paper-reader button,.paper-reader a{font:inherit;color:inherit;background:#ffffff12;border:1px solid #ffffff38;padding:10px 14px;border-radius:9px;text-decoration:none;cursor:pointer}.paper-reader button:disabled{opacity:.3;cursor:default}.paper-stage{flex:1;min-height:0;overflow:auto;padding:20px;display:flex}.paper-spread{margin:auto;display:flex;justify-content:center;align-items:center;min-height:0;gap:2px}.paper-spread img{display:block;width:auto;height:auto;max-height:calc(100dvh - 170px);max-width:calc(50vw - 26px);box-shadow:0 8px 24px #0005;user-select:none}.paper-spread.single img{max-width:calc(100vw - 40px)}.paper-reader.zoomed .paper-spread{margin:0 auto;align-items:flex-start}.paper-reader.zoomed .paper-spread img{max-height:none;max-width:none;width:850px}.paper-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;background:#101813;flex-shrink:0}.paper-controls label{display:flex;align-items:center;gap:8px}.paper-controls input{width:64px;background:#fff;color:#17291c;border:0;border-radius:6px;padding:8px;font:inherit}.paper-controls span{font-size:13px}@media(max-width:700px){.paper-toolbar{padding:10px;flex-wrap:wrap;font-size:12px}.paper-toolbar>div{gap:6px}.paper-reader button,.paper-reader a{padding:9px}.paper-stage{padding:12px}.paper-spread img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 205px)}.paper-controls{gap:9px;flex-wrap:wrap;padding:10px;font-size:12px}.paper-controls span{width:100%;text-align:center;order:5}.paper-opening{padding-top:0}.paper-cover{max-width:300px}}
#paper-toc{position:absolute;z-index:2;top:68px;left:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 160px);overflow:auto;padding:12px;border:1px solid #ffffff38;border-radius:12px;background:#17261d;box-shadow:0 16px 45px #0007}#paper-toc button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent}#paper-toc button:hover{background:#ffffff15}.paper-resume{margin:0 10px 10px 0}.paper-resume[hidden],#paper-toc[hidden]{display:none!important}.paper-opening small{display:block;opacity:.7;margin-top:12px;font-size:12px}
/* The app typography forces dark text on buttons and labels; the reader is always dark. */
.paper-reader .paper-toolbar,.paper-reader .paper-toolbar strong,.paper-reader .paper-controls,.paper-reader .paper-controls span,.paper-reader .paper-controls label,.paper-reader button,.paper-reader a{color:#f5f5ef!important}
.paper-reader .paper-controls input{color:#17291c!important}

/* Phone: the paper scrolls page after page. */
@media(max-width:700px){.paper-spread.scroll{flex-direction:column;justify-content:flex-start;gap:10px;margin:0 auto}.paper-spread.scroll img{max-height:none;width:100%;max-width:calc(100vw - 24px);aspect-ratio:1273/1800;background:#ffffff10}.paper-reader.zoomed .paper-spread.scroll img{width:850px;max-width:none}}