.oddities-container {max-width: 780px;margin: 0 auto;padding: 20px 16px}
.oddities-header {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 10px 12px;margin-bottom: 12px}
.oddities-title {display: flex;align-items: center;gap: 8px;font-size: 20px;font-weight: 800;color: var(--color-text-primary)}
.oddities-title-icon {display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 50%;background: var(--color-oddity-100, #f3e8ff);color: var(--color-oddity-600, #7c3aed)}
.oddities-title-icon svg {width: 18px;height: 18px}
.oddity-new-button {display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;font-size: 14px;font-weight: 700;color: #fff;background: var(--color-oddity-600, #7c3aed);border-radius: var(--radius-md);text-decoration: none;transition: background 0.2s}
.oddity-new-button:hover {background: var(--color-oddity-700, #6d28d9)}
.oddities-lead {margin-bottom: 16px;font-size: 13px;line-height: 1.7;color: var(--color-text-muted)}
.oddities-tabs {display: flex;gap: 8px;margin-bottom: 20px;overflow-x: auto;padding-bottom: 4px;-webkit-overflow-scrolling: touch;scrollbar-width: none}
.oddities-tabs::-webkit-scrollbar {display: none}
.oddities-tab {flex: 0 0 auto;padding: 6px 14px;font-size: 13px;font-weight: 600;color: var(--color-text-muted);background: var(--color-bg-secondary, #f1f5f9);border-radius: 999px;text-decoration: none;white-space: nowrap;transition: background 0.2s, color 0.2s}
.oddities-tab:hover {color: var(--color-text-primary)}
.oddities-tab.active {color: #fff;background: var(--color-oddity-500, #8b5cf6)}
.oddity-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 14px;margin-bottom: 24px}
.oddity-card {display: flex;flex-direction: column;background: #fff;border: 1px solid var(--color-border, #e2e8f0);border-radius: var(--radius-lg, 12px);overflow: hidden;text-decoration: none;color: inherit;transition: transform 0.2s, box-shadow 0.2s}
.oddity-card:hover {transform: translateY(-2px);box-shadow: 0 6px 16px rgba(124, 58, 237, 0.14)}
.oddity-card-photo {position: relative;aspect-ratio: 3 / 2;background: var(--color-bg-secondary, #f1f5f9)}
.oddity-card-image {width: 100%;height: 100%;object-fit: cover;display: block}
.oddity-category-badge {position: absolute;left: 8px;bottom: 8px;display: inline-flex;align-items: center;gap: 4px;padding: 4px 9px;font-size: 11px;font-weight: 700;color: #fff;background: rgba(124, 58, 237, 0.92);border-radius: 999px;backdrop-filter: blur(2px)}
.oddity-category-badge-icon {display: inline-flex;align-items: center}
.oddity-category-badge-icon svg {width: 12px;height: 12px}
.oddity-category-badge--tackle {background: rgba(124, 58, 237, 0.92)}
.oddity-category-badge--trash {background: rgba(13, 148, 136, 0.92)}
.oddity-category-badge--lost_property {background: rgba(217, 119, 6, 0.92)}
.oddity-category-badge--natural_object {background: rgba(22, 163, 74, 0.92)}
.oddity-category-badge--other {background: rgba(100, 116, 139, 0.92)}
.oddity-card-body {display: flex;flex-direction: column;gap: 8px;padding: 10px 12px 12px;flex: 1}
.oddity-card-text {font-size: 13px;line-height: 1.6;color: var(--color-text-primary);word-break: break-word}
.oddity-card-text--hidden {color: var(--color-text-muted);font-style: italic}
.oddity-card-foot {display: flex;align-items: center;flex-wrap: wrap;gap: 6px 10px;margin-top: auto;font-size: 11px;color: var(--color-text-muted)}
.oddity-card-reactions {display: inline-flex;align-items: center;gap: 4px;font-weight: 700;color: var(--color-oddity-600, #7c3aed)}
.oddity-card-reactions svg {width: 14px;height: 14px}
.oddity-card-author {display: inline-flex;align-items: center;gap: 5px;margin-left: auto;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.oddity-card-avatar {border-radius: 50%;object-fit: cover;flex-shrink: 0}
.oddities-empty {padding: 48px 16px;text-align: center;color: var(--color-text-muted)}
.oddities-empty-icon {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;margin-bottom: 12px;border-radius: 50%;background: var(--color-oddity-100, #f3e8ff);color: var(--color-oddity-400, #a78bfa)}
.oddities-empty-icon svg {width: 30px;height: 30px}
.oddities-empty-text {font-size: 15px;font-weight: 700;color: var(--color-text-primary)}
.oddities-empty-hint {margin-top: 6px;font-size: 13px}
.oddity-show-container .image-container {cursor: default}
.oddity-show-container .image-container:active .fishing-report-image-large {transform: none}
.overlay-badges .oddity-category-badge {position: relative;border: 1px solid rgba(255, 255, 255, 0.25)}
.views-count-badge--static {cursor: default}
@media (max-width: 480px) {.oddity-list {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.oddity-card-body {padding: 8px 10px 10px}
.oddity-card-author {margin-left: 0}}