.report-question { display: block; width: fit-content; min-height: 44px; margin: 8px auto 0; padding: 10px 12px; color: var(--ink-2); background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; font: inherit; font-size: .875rem; }
#feedbackModal { z-index: 150; padding: calc(12px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px))) 12px calc(12px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))); }
#feedbackModal .panel { width: min(100%, 520px); max-height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: 20px; }
.feedback-heading { display: flex; gap: 12px; align-items: start; justify-content: space-between; }
.feedback-heading h2 { margin: 0; font-size: 1.5rem; }
#feedbackClose { flex: 0 0 44px; width: 44px; min-width: 44px; min-height: 44px; padding: 0; margin: 0; align-self: flex-start; }
#feedbackContext { overflow-wrap: anywhere; color: var(--ink-2); }
#feedbackForm label { display: block; margin: 16px 0 6px; font-weight: 700; }
#feedbackForm textarea, #feedbackForm input { display: block; width: 100%; box-sizing: border-box; border: 2px solid var(--line-2); border-radius: 12px; background: var(--paper); color: var(--ink); font: inherit; font-size: 1rem; padding: 12px; }
#feedbackForm textarea { min-height: 140px; resize: vertical; }
.feedback-note, #betaHelp { color: var(--ink-2); font-size: .875rem; line-height: 1.5; }
.feedback-note { overflow-wrap: anywhere; }
#feedbackStatus { line-height: 1.5; overflow-wrap: anywhere; }
#feedbackStatus[role="alert"] { color: var(--wrong-ink); }
#feedbackForm .big { width: 100%; margin-top: 16px; }
#setFeedback { width: 100%; min-height: 48px; }
.feedback-heading h2 { min-width: 0; overflow-wrap: anywhere; }
