.ufr-container {max-width: 960px;margin: 0 auto;padding: 0 16px 32px;box-sizing: border-box}
.ufr-back-nav {padding: 12px 0 4px}
.ufr-back-nav-link {display: inline-flex;align-items: center;gap: 4px;min-height: 44px;color: #1e88e5;font-size: 0.85rem;font-weight: 700;text-decoration: none}
.ufr-back-nav-link svg {width: 16px;height: 16px}
.ufr-top {position: sticky;top: 0;z-index: 5;margin: 0 -16px;padding: 0 16px;background: #fff;border-bottom: 1px solid #e4e6eb;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04)}
@media (min-width: 769px) {body.user_fishing_reports.with-header.with-footer.page-content .main-content {overflow: visible}
.ufr-top {top: 61px}}
.ufr-head {display: flex;align-items: center;gap: 8px;min-height: 52px}
.ufr-title {display: flex;flex: 1;min-width: 0;margin: 0;font-size: 1rem;font-weight: 700;color: #1c1e21}
.ufr-title-name {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ufr-title-count {flex: none}
.ufr-sortbar {display: flex;align-items: center;height: 52px}
.sort-pill {display: inline-flex;align-items: center;gap: 6px;height: 36px;max-width: 100%;padding: 0 12px;border: 1px solid #e4e6eb;border-radius: 999px;background: #fff;color: #1c1e21;font-family: inherit;font-size: 14px;font-weight: 600;white-space: nowrap;cursor: pointer;box-sizing: border-box}
.sort-pill:hover {border-color: #1e88e5}
.sort-pill:focus-visible {outline: 2px solid #1e88e5;outline-offset: 2px}
.sort-pill svg {flex: none;color: #65676b}
.sort-pill-label {min-width: 0;overflow: hidden;text-overflow: ellipsis}
.ufr-sort-scope {display: contents}
.ufr-sheet-root[hidden] {display: none !important}
.ufr-sheet-scrim {position: fixed;inset: 0;z-index: 10010;background: rgba(15, 23, 42, 0.45);opacity: 0;transition: opacity 0.2s}
.ufr-sheet {position: fixed;right: 0;bottom: 0;left: 0;z-index: 10010;max-height: 85vh;overflow-y: auto;padding: 8px 16px calc(20px + env(safe-area-inset-bottom, 0px));border-radius: 16px 16px 0 0;background: #fff;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);transform: translateY(100%);transition: transform 0.25s ease;box-sizing: border-box}
.ufr-sheet-root.is-open .ufr-sheet-scrim {opacity: 1}
.ufr-sheet-root.is-open .ufr-sheet {transform: none}
.ufr-sheet-grip {width: 36px;height: 4px;margin: 0 auto 4px;border-radius: 2px;background: #cbd5e1}
.ufr-sheet-head {display: flex;align-items: center;justify-content: space-between}
.ufr-sheet-title {margin: 0;font-size: 1rem;font-weight: 700}
.ufr-sheet-close {display: grid;place-items: center;width: 44px;height: 44px;border: none;border-radius: 50%;background: none;color: #65676b;cursor: pointer}
.ufr-sheet-close:hover {background: #f0f2f5}
.ufr-sheet-close:focus-visible,
.ufr-sheet-opt:focus-visible,
.ufr-sheet-seg a:focus-visible {outline: 2px solid #1e88e5;outline-offset: 2px}
.ufr-sheet-sub {margin: 14px 0 6px;color: #65676b;font-size: 0.75rem;font-weight: 700}
.ufr-sheet-opts {display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 0;padding: 0;list-style: none}
.ufr-sheet-opt {display: flex;align-items: center;justify-content: space-between;gap: 6px;min-height: 44px;padding: 8px 12px;border: 1px solid #e4e6eb;border-radius: 10px;background: #fff;color: #1c1e21;font-size: 0.85rem;font-weight: 600;text-decoration: none;box-sizing: border-box}
.ufr-sheet-opt svg {display: none;flex: none;color: #1e88e5}
.ufr-sheet-opt[aria-current="true"] {padding: 7px 11px;border: 2px solid #1e88e5;background: #e8f1fc;color: #1565c0}
.ufr-sheet-opt[aria-current="true"] svg {display: block}
.ufr-sheet-seg {display: flex;gap: 3px;padding: 3px;border-radius: 10px;background: #f0f2f5}
.ufr-sheet-seg a {display: flex;flex: 1;align-items: center;justify-content: center;min-height: 44px;border-radius: 8px;color: #65676b;font-size: 0.85rem;font-weight: 600;text-decoration: none}
.ufr-sheet-seg a[aria-current="true"] {background: #fff;color: #1e88e5;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12)}
@media (min-width: 768px) {.ufr-sheet-scrim {background: transparent}
.ufr-sheet {top: var(--ufr-pop-top, 120px);right: auto;bottom: auto;left: var(--ufr-pop-left, 16px);width: 320px;max-height: none;padding: 12px 14px 14px;border-radius: 12px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);opacity: 0;transform: translateY(-6px);transition: transform 0.15s, opacity 0.15s}
.ufr-sheet-root.is-open .ufr-sheet {opacity: 1}
.ufr-sheet-grip {display: none}}
@media (prefers-reduced-motion: reduce) {.ufr-sheet-scrim,
.ufr-sheet {transition: none}}
.ufr-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 4px;margin-top: 4px}
@media (min-width: 600px) {.ufr-grid {gap: 16px;margin-top: 16px}}
@media (min-width: 1024px) {.ufr-grid {grid-template-columns: repeat(4, minmax(0, 1fr))}}
.ufr-next {display: block}
.ufr-skeleton-card {aspect-ratio: 1 / 1;border-radius: 6px;background: linear-gradient(90deg, #e9ebee 0%, #f4f5f7 50%, #e9ebee 100%);background-size: 200% 100%;animation: ufr-skeleton-shimmer 1.4s ease-in-out infinite}
@keyframes ufr-skeleton-shimmer {0% { background-position: 100% 0; }
100% { background-position: -100% 0; }}
@media (prefers-reduced-motion: reduce) {.ufr-skeleton-card {animation: none}}
.ufr-load-more {display: flex;align-items: center;justify-content: center;min-height: 44px;margin-top: 16px;color: #1e88e5;font-weight: 700}
.ufr-end {margin: 24px 0 0;color: #65676b;font-size: 0.8rem;text-align: center}