.report-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all var(--duration-standard) var(--ease-standard);padding:var(--space-4)}.report-modal.active{opacity:1;visibility:visible}.report-modal .modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.report-modal .modal-container{position:relative;background:var(--color-white);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalSlideIn var(--duration-standard) var(--ease-standard)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.report-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--color-black);color:var(--color-white)}.report-modal .modal-header h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;margin:0;display:flex;align-items:center;gap:var(--space-2)}.report-modal .modal-header .header-icon{width:24px;height:24px;stroke:var(--color-white)}.report-modal .modal-close{background:#ffffff26;border:none;border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center;width:36px;height:36px;z-index:10}.report-modal .modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.report-modal .modal-close:active{transform:scale(.95)}.report-modal .modal-close svg{width:20px;height:20px;stroke:var(--color-white)}.report-modal .modal-content{padding:1.5rem;max-height:calc(90vh - 70px);overflow-y:auto}.report-form{width:100%}.report-intro{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charcoal);line-height:1.6;margin:0 0 var(--space-6) 0;padding:var(--space-4);background:var(--color-ghost);border-radius:var(--radius-lg);border-left:3px solid var(--color-black)}.report-form .form-group{margin-bottom:1.5rem}.report-form .form-group label{display:block;font-family:var(--font-body);font-size:.9rem;font-weight:600;color:#000;margin-bottom:.5rem}.report-form select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-pale);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charcoal);background:var(--color-white);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.report-form select:focus{outline:none;border-color:var(--color-black)}.report-form select:hover{border-color:var(--color-silver)}.checkbox-label{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:#000;margin-bottom:1rem;display:block}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-ghost);border-radius:var(--radius-lg);border:2px solid transparent;transition:all var(--duration-fast) var(--ease-standard);cursor:pointer}.checkbox-item:hover{background:var(--color-pale);border-color:var(--color-pale)}.checkbox-item:has(input:checked){background:#fff8e6;border-color:#f5a623}.checkbox-item input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-black);flex-shrink:0}.checkbox-item label{margin:0;font-family:var(--font-body);font-size:.9rem;font-weight:400;color:#333;cursor:pointer;line-height:1.4}.report-form textarea{width:100%;padding:.875rem 1rem;border:2px solid #e5e5e5;border-radius:8px;font-family:var(--font-body);font-size:.95rem;color:#333;background:#fff;transition:all .2s ease;resize:vertical;min-height:100px}.report-form textarea:focus{outline:none;border-color:#000}.report-form textarea::placeholder{color:#999}.report-form input[type=email]{width:100%;padding:.875rem 1rem;border:2px solid #e5e5e5;border-radius:8px;font-family:var(--font-body);font-size:.95rem;color:#333;background:#fff;transition:all .2s ease}.report-form input[type=email]:focus{outline:none;border-color:#000}.report-form input[type=email]::placeholder{color:#999;font-size:.85rem}.form-notice{margin:1.5rem 0;padding:1rem;background:#f5f5f5;border-radius:8px;border-left:3px solid #666}.form-notice p{font-family:var(--font-body);font-size:.85rem;color:#555;margin:0;line-height:1.5}.form-notice a{color:#000;font-weight:600;text-decoration:underline}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.report-form .btn-primary,.report-form .btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none}.report-form .btn-primary{background:var(--color-black);color:var(--color-white)}.report-form .btn-primary:hover{background:var(--color-charcoal)}.report-form .btn-primary:disabled{background:var(--color-muted);cursor:not-allowed}.report-form .btn-secondary{background:var(--color-white);color:var(--color-charcoal);border:2px solid var(--color-pale)}.report-form .btn-secondary:hover{background:var(--color-ghost);border-color:var(--color-silver)}.report-success{text-align:center;padding:2rem 1rem}.success-icon{width:72px;height:72px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-icon svg{width:36px;height:36px;stroke:#2e7d32;fill:none;stroke-width:2}.report-success h3{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:#000;margin:0 0 1rem;line-height:1.4}.report-success p{font-family:var(--font-body);font-size:.9rem;color:#555;margin:0 0 1rem;line-height:1.6}.report-success p:last-of-type{margin-bottom:1.5rem}.report-success a{color:#000;font-weight:600;text-decoration:underline}.report-success a:hover{opacity:.7}.report-success .btn-primary{padding:var(--space-3) var(--space-8);background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.report-success .btn-primary:hover{background:var(--color-charcoal)}.rate-limit-notice{display:flex;align-items:flex-start;gap:.75rem;background:#fff8e6;border:1px solid #f5a623;border-radius:8px;padding:1rem;margin:1rem 0}.rate-limit-notice svg{width:20px;height:20px;stroke:#f5a623;flex-shrink:0}.rate-limit-notice p{font-family:var(--font-body);font-size:.9rem;color:#b45309;margin:0;line-height:1.5}.report-error{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin:1rem 0}.report-error svg{width:20px;height:20px;stroke:#dc2626;flex-shrink:0}.report-error p{font-family:var(--font-body);font-size:.9rem;color:#dc2626;margin:0;line-height:1.5}.report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.report-loading .spinner{width:40px;height:40px;border:3px solid var(--color-ghost);border-top-color:var(--color-black);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.report-loading p{font-family:var(--font-body);font-size:.9rem;color:#666;margin:0}@media (max-width: 600px){.report-modal{padding:0;align-items:flex-end}.report-modal .modal-container{max-width:100%;border-radius:16px 16px 0 0;max-height:95vh}.report-modal .modal-header{padding:1rem 1.25rem}.report-modal .modal-content{padding:1.25rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.report-form .btn-primary,.report-form .btn-secondary{width:100%;padding:1rem}.checkbox-item{padding:.75rem}}@media (max-width: 400px){.report-modal .modal-header h3{font-size:1rem}.report-intro{font-size:.9rem;padding:.875rem}.checkbox-item label{font-size:.85rem}}
