.mt-reader{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#161616;color:#fff;overflow:hidden}
.mt-reader[open]{display:flex;flex-direction:column}
.mt-reader::backdrop{background:#000e}
.mt-reader__toolbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#161616;border-bottom:1px solid #555}
.mt-reader__identity{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px}
.mt-reader__identity strong{max-width:48ch}.mt-reader__identity span{color:#e5c08a;white-space:nowrap}
.mt-reader__controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mt-reader__controls button,.mt-reader__controls a{font:inherit;font-size:13px;line-height:1.2;min-height:42px;padding:9px 12px;border:1px solid #666;border-radius:4px;background:#262626;color:#fff;cursor:pointer;text-decoration:none}
.mt-reader__controls button:disabled{opacity:.35;cursor:default}.mt-reader__controls button:hover:not(:disabled),.mt-reader__controls a:hover{border-color:#e5c08a}
.mt-reader [hidden]{display:none!important}.mt-reader button:focus-visible,.mt-reader a:focus-visible,.mt-reader__viewport:focus-visible{outline:2px solid #e5c08a;outline-offset:-3px}
.mt-reader__viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scroll-behavior:auto;padding:12px;cursor:grab}
.mt-reader__viewport.is-dragging{cursor:grabbing;user-select:none}
.mt-reader__viewport img{display:block;max-width:none;height:auto;margin-inline:auto;background:#fff;user-select:none}
@media(max-width:699px){.mt-reader__toolbar{padding:10px;gap:8px}.mt-reader__identity{font-size:12px}.mt-reader__controls{gap:4px}.mt-reader__controls button,.mt-reader__controls a{font-size:12px;min-height:40px;padding:8px 9px}.mt-reader__viewport{padding:8px}}