.report{max-width:520px;padding:var(--space-4);margin:0 auto}.report__loading,.report__error{align-items:center;gap:var(--space-4);padding:var(--space-16);text-align:center;flex-direction:column;display:flex}.report__error h2{font-family:var(--font-display);margin:0}.report__success{text-align:center;padding:var(--space-16) var(--space-4);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.report__success-icon{color:var(--color-primary)}.report__success h2{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--text-h1);margin:0}.report__success p{color:var(--color-text-secondary);max-width:320px;line-height:var(--line-height-relaxed);margin:0}.report__header{margin-bottom:var(--space-6)}.report__back{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.report__back:hover{color:var(--color-primary)}.report__target{align-items:center;gap:var(--space-3);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);display:flex}.report__target-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-disabled);flex-shrink:0;width:40px;height:40px}.report__target-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-disabled);flex-shrink:0;width:40px;height:40px}.report__target-info{min-width:0}.report__target-label{font-size:var(--text-xs,11px);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-semibold);margin-bottom:2px;display:block}.report__target-name{font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.report__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 20px #2b18100f}.report__card h1{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--text-h2);margin:0 0 var(--space-2)}.report__subtitle{color:var(--color-text-secondary);margin:0 0 var(--space-6);font-size:var(--text-small);line-height:var(--line-height-relaxed)}.report__form{gap:var(--space-5);flex-direction:column;display:flex}.report__field>label{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);display:block}.report__reasons{gap:var(--space-2);flex-direction:column;display:flex}.report__reason{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.report__reason:hover{border-color:var(--color-primary);background:var(--color-secondary)}.report__reason:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-light)}.report__reason:has(input:checked) .report__reason-text{font-weight:var(--weight-semibold);color:var(--color-primary)}.report__reason input[type=radio]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;width:17px;height:17px}.report__reason input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.report__reason-text{font-size:var(--text-small);color:var(--color-text);line-height:var(--line-height-tight);transition:color var(--transition-fast)}.report__textarea{width:100%;min-height:100px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);resize:vertical;background:var(--color-secondary);transition:all var(--transition-fast);color:var(--color-text);box-sizing:border-box;font-family:inherit}.report__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.report__textarea::placeholder{color:var(--color-text-secondary)}.report__note{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-small);color:#92400e;line-height:var(--line-height-relaxed);background:#fef9ed;border:1px solid #fbbf24;align-items:flex-start;display:flex}.report__note svg{color:#d97706;flex-shrink:0;margin-top:2px}@media (width>=768px){.report{padding:var(--space-8) var(--space-6)}}