.reader-reports { margin: 3rem auto; max-width: 860px; padding-top: 1.5rem; border-top: 2px solid var(--accent, #c9a86a); }
.reader-reports h2, .rr-heading, .rr-number { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .06em; }
.reader-reports h2, .rr-heading { font-size: 1.15rem; }
.rr-intro, .rr-notice, .rr-meta { color: var(--fg, #f0f0f0); font-size: .9rem; line-height: 1.65; }
.rr-notice { max-width: 70ch; }
.reader-reports a, .reader-report-card-link a { color: var(--accent, #c9a86a); text-decoration: underline; text-underline-offset: .2em; }
.rr-report { padding: 1.3rem 0; border-bottom: 1px solid #626267; overflow-wrap: anywhere; }
.rr-number { margin: 0 0 .65rem; font-size: .9rem; }
.rr-report h3 { margin: .5rem 0; font-size: 1rem; }
.rr-meta { margin: .25rem 0; }
.rr-body { white-space: pre-wrap; margin: .85rem 0 .25rem; line-height: 1.75; }
.reader-reports button, .reader-reports input, .reader-reports textarea, .reader-reports select { font: inherit; border-radius: 0; }
.reader-reports button { background: transparent; border: 1px solid var(--accent, #c9a86a); color: var(--fg, #f0f0f0); padding: .65rem 1rem; cursor: pointer; min-height: 44px; }
.reader-reports button:hover { background: var(--card-bg, #18181b); }
.reader-reports button:disabled { opacity: .6; cursor: wait; }
.reader-reports :focus-visible { outline: 2px solid var(--accent, #c9a86a); outline-offset: 4px; }
.rr-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin: 1.2rem 0; }
.rr-form { margin: 1.5rem 0; }
.rr-form label { display: block; margin: 1rem 0 .4rem; }
.rr-form input, .rr-form textarea, .rr-form select { display: block; width: 100%; box-sizing: border-box; background: #18181b; color: #f0f0f0; border: 1px solid #85858a; padding: .7rem; min-height: 44px; }
.rr-form textarea { resize: vertical; min-height: 150px; }
.rr-form input { max-width: 32rem; }
.rr-form select { max-width: 25rem; }
.rr-form [hidden], .reader-reports [hidden] { display: none !important; }
.rr-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rr-counter { display: block; text-align: right; font-size: .85rem; margin: .4rem 0; }
.rr-status { min-height: 1.7em; margin: 1rem 0; line-height: 1.6; }
.rr-error { color: #ffb7ac; }
.reader-report-card-link { padding: 0 1rem 1rem; margin: .5rem 0 0; font-family: ui-monospace, monospace; font-size: .75rem; }
.rr-reader-invitation { padding: 1rem 0; border-bottom: 1px solid #626267; }
.rr-reader-invitation a { color: var(--accent, #c9a86a); }
.rr-admin-filter { max-width: 20rem; }
@media (max-width: 600px) { .reader-reports { margin-top: 2rem; } .rr-actions { align-items: stretch; } .rr-actions button { flex-grow: 1; } }