*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding-top:60px}.nav{position:fixed;top:0;left:0;right:0;height:60px;background:#000000f2;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.nav-logo{width:40px;height:40px;object-fit:contain}.nav-title{font-size:18px;font-weight:600;letter-spacing:.5px}.nav-links{display:flex;gap:8px}.nav-link{color:#ffffffb3;text-decoration:none;padding:8px 16px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s;border-bottom:2px solid transparent}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;border-bottom-color:#fff}.bluesky-link{display:flex;align-items:center;border-bottom:none}.nav-stats{display:flex;align-items:center;gap:16px;color:#ffffffe6;font-size:14px;font-weight:500;margin-left:24px}.nav-stats strong{color:#fff;font-weight:600}.nav-stats.mobile{display:none}.filter-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;padding:6px 10px;font-size:13px;cursor:pointer;transition:background .2s}.filter-toggle:hover{background:#ffffff1a}.filter-bar{position:fixed;top:60px;left:0;right:0;height:50px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;z-index:999;display:flex;align-items:center;gap:16px;padding:0 20px}.filter-bar select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:13px;cursor:pointer}.filter-bar select:focus{outline:none;border-color:#333}.filter-bar .filter-results{margin-left:auto;font-size:13px;color:#666;font-style:italic}.modal-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:12px;max-width:800px;max-height:90vh;width:100%;overflow:auto;position:relative}.modal-header{padding:20px 60px 20px 20px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background:#fff;z-index:1}.modal-title{font-size:24px;font-weight:600;letter-spacing:1px}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;transition:background .2s}.modal-close:hover{background:#e0e0e0}.modal-image-container{display:flex;justify-content:center;align-items:center;background:#fff}.modal-image{max-width:100%;max-height:700px;width:auto;height:auto;display:block}.modal-image-gallery{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#f5f5f5;scroll-behavior:smooth}.modal-image-gallery::-webkit-scrollbar{height:8px}.modal-image-gallery::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.modal-image-gallery::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-image-gallery::-webkit-scrollbar-thumb:hover{background:#666}.gallery-image{height:200px;width:auto;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.gallery-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.gallery-image.active{border:3px solid #333}.modal-content{padding:20px}.modal-info{display:grid;gap:12px}.modal-info-row{display:flex;gap:8px;font-size:14px}.modal-info-label{font-weight:600;color:#666;min-width:100px}.modal-info-value{color:#333}.modal-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.modal-placeholder img{width:200px;height:200px;object-fit:contain;opacity:.3}.sightings-section{margin-top:20px}.sightings-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}.sightings-table{width:100%;border-collapse:collapse;font-size:14px}.sightings-table th{background:#f5f5f5;padding:10px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.sightings-table td{padding:10px;border-bottom:1px solid #f0f0f0;color:#333}.sightings-table tr:last-child td{border-bottom:none}.sightings-table tr:hover{background:#f9f9f9}.feed-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.feed-badge{display:inline-flex;align-items:center;gap:4px;background:#f0f4ff;color:#3b5bdb;font-size:12px;font-weight:500;padding:3px 8px;border-radius:10px;border:1px solid #d0d9f5}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:18px}@media(max-width:768px){body{padding-top:110px}.nav{flex-wrap:wrap;height:auto;padding:12px 16px}.nav-brand{flex:1}.nav-title{font-size:16px}.nav-links{flex-basis:100%;justify-content:flex-start;gap:4px;margin-top:12px;flex-wrap:wrap}.nav-link{padding:6px 12px;font-size:13px}.nav-stats{display:none}.nav-stats.mobile{display:flex;flex-basis:100%;margin:8px 0 0;gap:12px;font-size:13px}.filter-toggle{display:block}.filter-bar{top:auto;bottom:0;height:auto;padding:16px;flex-direction:column;gap:12px;transform:translateY(100%);transition:transform .3s ease}.filter-bar.open{transform:translateY(0)}.filter-bar select{width:100%}.filter-bar .filter-results{margin-left:0;text-align:center}}body.has-filter-bar{padding-top:110px}