.report-modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);z-index:10003;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.report-modal{background:var(--modal-bg);border-radius:var(--modal-radius);overscroll-behavior:contain;width:100%;max-width:480px;max-height:calc(100dvh - 32px);padding:var(--modal-pad);color:var(--text-primary);box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);position:relative;overflow-y:auto}.report-modal-close{background:var(--btn-close-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.report-modal-close:hover{color:var(--text-primary);background:var(--btn-close-bg-hover)}.report-modal-header{align-items:center;gap:14px;margin-bottom:22px;padding-right:44px;display:flex}.report-modal-icon{width:46px;height:46px;color:var(--accent);background:#ef444424;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-modal-header h3{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.report-modal-header p{color:var(--text-muted);margin:4px 0 0;font-size:.875rem;line-height:1.4}.report-modal-field{margin-bottom:20px}.report-modal-field label{color:var(--text-secondary);margin-bottom:10px;font-size:.875rem;font-weight:600;display:block}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.report-reason{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:500}.report-reason:hover{background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.report-reason.selected{color:var(--accent);background:#ef444424;border-color:#ef44448c}.report-modal-field textarea{border:1px solid var(--input-border);background:var(--modal-surface);width:100%;color:var(--text-primary);resize:vertical;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;line-height:1.5}.report-modal-field textarea:focus{border-color:var(--accent)}.report-modal-field textarea::placeholder{color:var(--text-muted)}.char-count{text-align:right;color:var(--text-muted);margin-top:6px;font-size:.75rem;display:block}.report-modal-error{color:var(--accent);background:#ef44441f;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:.875rem;display:flex}.report-modal-actions{border-top:1px solid var(--modal-divider);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex}.report-btn-cancel,.report-btn-submit{min-height:var(--btn-height);border-radius:var(--btn-radius);font:var(--btn-font);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.report-btn-cancel{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--btn-secondary-border);box-shadow:var(--btn-secondary-shadow)}.report-btn-cancel:hover:not(:disabled){background:var(--btn-secondary-bg-hover)}.report-btn-submit{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--btn-primary-shadow);border:none}.report-btn-submit:hover:not(:disabled){background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover)}.report-btn-submit:active:not(:disabled),.report-btn-cancel:active:not(:disabled){transform:translateY(1px)}.report-btn-submit:active:not(:disabled){background:var(--btn-primary-bg-active)}.report-btn-cancel:disabled,.report-btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.report-modal-success{text-align:center;padding:16px 0 8px}.success-icon{color:#22c55e;background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex}.report-modal-success h3{margin:0 0 8px;font-size:1.25rem;font-weight:700}.report-modal-success p{color:var(--text-muted);margin:0;line-height:1.5}@media (max-width:520px){.report-modal-overlay{align-items:flex-end;padding:0}.report-modal{border-radius:var(--modal-radius) var(--modal-radius) 0 0;max-width:none;max-height:92dvh;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-bottom:none}.report-modal-close{top:14px;right:14px}.report-reason{padding:7px 12px;font-size:.8rem}.report-modal-actions{flex-direction:column-reverse;gap:10px}.report-btn-cancel,.report-btn-submit{width:100%}}
