#report-dialog { --surface:#fffaf5; --border:#e0cfc8; --color-ink:#382b31; --color-tooltip-shadow:#382b3133; --color-input-border:#886f79; --color-input-text:#382b31; --green:#a63e59; --button-text:#fffaf5; --color-button-hover:#91334c; font:16px/1.5 system-ui,sans-serif; color-scheme:light; }
#report-dialog[data-theme="dark"] { --surface:#202632; --border:#535d73; --color-ink:#f4e9ee; --color-tooltip-shadow:#00000066; --color-input-border:#929bb4; --color-input-text:#f4e9ee; --green:#ffb2c5; --button-text:#202632; --color-button-hover:#ffc7d4; color-scheme:dark; }
#report-dialog, #report-dialog * { box-sizing:border-box; }
#report-dialog h2, #report-dialog p { margin:0; }
#report-dialog .muted, #report-dialog .field-note { color:var(--color-ink); font-size:14px; }
#report-dialog button { min-height:44px; padding:10px 16px; border:0; border-radius:8px; font:inherit; cursor:pointer; background:var(--green); color:var(--surface); }
#report-dialog .quiet-button { background:transparent; color:var(--green); }
#report-dialog ::selection { background:var(--green); color:var(--surface); }
#report-dialog input, #report-dialog textarea { caret-color:var(--green); }
#report-dialog { scrollbar-color:var(--green) var(--surface); }
#report-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--color-ink);box-shadow:0 16px 56px var(--color-tooltip-shadow);overflow:auto;overscroll-behavior:contain}
#report-dialog::backdrop{background:#172d2680}
.report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.report-heading h2{font-size:22px}
#report-intro{margin:12px 0 24px}
#report-fields{display:grid;gap:24px;border:0;padding:0;margin:0;min-width:0}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
.report-grid>div{min-width:0}
#report-dialog input,#report-dialog select,#report-dialog textarea{display:block;width:100%;min-width:0;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--color-input-border);border-radius:6px;font:inherit;font-size:16px;background:var(--surface);color:var(--color-input-text)}
#report-dialog textarea{resize:vertical;line-height:1.5;caret-color:var(--green)}
#report-dialog input[type="file"]{padding:10px;font-size:14px}
#report-dialog :focus-visible{outline:2px solid var(--green);outline-offset:3px}
#report-dialog summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:14px}
.report-details{display:grid;gap:20px;padding-top:12px}
#report-dialog .field-note{line-height:1.5;overflow-wrap:anywhere}
#report-turnstile{margin-top:20px;min-width:0}
.report-status{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.report-status:empty{display:none}
.report-actions{display:flex;justify-content:flex-end;margin-top:24px}
#send-report{min-height:44px;padding:12px 20px;border:0;border-radius:6px;background:var(--green);color:var(--button-text);font:inherit}
#send-report:hover:enabled{background:var(--color-button-hover)}
#report-dialog button:disabled{opacity:.55;cursor:default}
#open-report{min-height:44px;margin-left:auto;align-self:flex-end}
@media(max-width:520px){#report-dialog{width:calc(100vw - 24px);padding:20px}.report-grid{grid-template-columns:minmax(0,1fr);gap:24px}.report-actions button{width:100%}}