.reading-media{border:1px solid var(--line);width:min(1100px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;border-radius:8px;padding:16px;overflow:auto}.reading-media::backdrop{background:#111b2bb8}.reading-media-header,.reading-media-controls,.reading-feedback-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reading-media-header{justify-content:space-between;margin-bottom:12px}.reading-media-controls{margin-bottom:12px;font-size:14px}.reading-media-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.reading-media button,.reading-feedback button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;border-radius:5px;padding:7px 12px}.reading-media-controls a{padding:8px 0;line-height:1.5}.reading-media-viewport{background:var(--surface);overscroll-behavior:contain;border:1px solid var(--line);width:100%;max-height:65dvh;overflow:auto}.reading-media-viewport img{flex-shrink:0;height:auto;max-height:none;display:block}.reading-media-caption{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:13px;line-height:1.6}.reading-feedback{border-top:1px solid var(--line);overflow-wrap:anywhere;margin:32px 0;padding-top:20px;font-size:14px}.reading-feedback [role=region]{max-width:740px;margin-top:16px}.reading-feedback-note{color:var(--muted);line-height:1.8}.reading-feedback label{margin:12px 0 6px;font-weight:600;display:block}.reading-feedback input,.reading-feedback textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #b9c5d5;border-radius:4px;padding:10px;display:block}.reading-feedback textarea{resize:vertical;line-height:1.7}.reading-feedback form>button,.reading-feedback-actions{margin-top:14px}.reading-feedback [role=status]{color:var(--muted);margin:12px 0}@media (max-width:560px){.reading-media{padding:12px}.reading-media-controls{gap:8px}.reading-media-viewport{max-height:55dvh}.reading-feedback input,.reading-feedback textarea{font-size:16px}}.reading-code-block{background:#f7f9fc;border:1px solid #e4e8ee;border-radius:6px;min-width:0;margin:22px 0;overflow:hidden}.reading-code-toolbar{border-bottom:1px solid #e4e8ee;flex-wrap:wrap;align-items:center;gap:12px;padding:7px 12px;font-size:12px;line-height:1.5;display:flex}.reading-code-toolbar button{color:#245dc1;background:#fff;border:1px solid #d5dde6;border-radius:4px;padding:4px 10px;font-size:12px}.reading-code-toolbar [role=status]{color:#386c50}.reading-code-language{letter-spacing:.02em;color:#4b596a;margin-right:auto;font-weight:600}.prose .reading-code-block pre{border:0;border-radius:0;margin:0}