.ann-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.ann-head .ann-head-title { font-size: 15px; font-weight: 600; margin: 0; }
.ann-list { display: flex; flex-direction: column; gap: 12px; }
.ann-item { position: relative; padding: 14px 16px; border-radius: var(--radius-md); background: var(--bg-secondary); border-left: 3px solid var(--c-blue); }
.ann-item.tesekkur { border-left-color: var(--c-orange); background: color-mix(in srgb, var(--c-orange) 6%, var(--bg-secondary)); }
.ann-top { display: flex; align-items: flex-start; gap: 8px; }
.ann-kind-icon { font-size: 16px; line-height: 1.3; }
.ann-title { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
.ann-meta { font-size: 11.5px; color: var(--text-muted); white-space: nowrap; }
.ann-body { margin: 8px 0 0 24px; font-size: 13px; color: var(--text-secondary); white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.ann-body.expanded { display: block; -webkit-line-clamp: unset; }
.ann-reactions { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0 24px; }
.ann-react { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: var(--radius-full); border: 1px solid color-mix(in srgb, var(--text-muted) 25%, transparent); background: transparent; font-size: 13px; cursor: pointer; transition: transform .1s, background .15s; color: var(--text-secondary); }
.ann-react:hover { transform: scale(1.06); }
.ann-react .ann-react-count { font-size: 11.5px; font-weight: 600; }
.ann-react.mine { border-color: var(--accent-primary); background: color-mix(in srgb, var(--accent-primary) 12%, transparent); color: var(--accent-primary); }
.ann-delete { flex-shrink: 0; margin: -4px -6px 0 0; opacity: .45; transition: opacity .15s; }
.ann-item:hover .ann-delete, .ann-delete:focus-visible { opacity: 1; }
@media (hover: none) { .ann-delete { opacity: .8; } }
.ann-empty { font-size: 13px; color: var(--text-muted); padding: 12px 0; }
.ann-kind-switch { display: flex; gap: 8px; margin-bottom: 12px; }