@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.stat-fade-in{animation:fadeIn .5s ease-out forwards}.stat-loading{width:24px;height:24px;border:3px solid #4968ed;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#4968ED;color:white;border-radius:100px;font-size:13px;font-weight:500;transition:all .2s ease}.filter-tag:hover{background:#3a56d4}.filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:rgba(255,255,255,.3);border-radius:50%;cursor:pointer;font-size:10px;line-height:1;color:white;transition:background .2s}.filter-tag button:hover{background:rgba(255,255,255,.5)}.search-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;background:white;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-top:1.5rem;margin-bottom:12px}.sort-divider{width:1px;height:24px;background:#e5e7eb;margin:0 2px}.search-input-wrapper{flex:1;min-width:180px;position:relative}.search-input-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;height:44px;padding:0 12px 0 42px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fafafa;box-sizing:border-box}.search-input:focus{outline:none;border-color:#4968ED;background:white;box-shadow:0 0 0 3px rgba(73,104,237,.1)}.filter-select{height:44px;padding:0 36px 0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:90px;box-sizing:border-box}.filter-select:focus{outline:none;border-color:#4968ED;background-color:white;box-shadow:0 0 0 3px rgba(73,104,237,.1)}.sort-select{height:44px;padding:0 32px 0 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:500;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#374151;box-sizing:border-box}.sort-select:focus{outline:none;border-color:#4968ED;background-color:white}.results-count{font-size:13px;color:#6b7280;text-align:center;margin-top:8px;padding-bottom:2rem}.results-count strong{color:#111827;font-weight:600}.pagination-wrapper{gap:6px;padding:24px 0}.pagination-btn,.pagination-wrapper{display:flex;align-items:center;justify-content:center}.pagination-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:8px;background:white;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#4968ED;color:#4968ED;background:#f0f4ff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:#4968ED;border-color:#4968ED;color:white}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:28px;height:36px;color:#9ca3af;font-size:12px}.view-toggle{display:inline-flex;background:white;border-radius:12px;padding:4px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.view-toggle-btn.active{background:#4968ED;color:white}.view-toggle-btn:not(.active):hover{background:#f3f4f6}.map-container{display:grid;grid-template-columns:380px 1fr;gap:0;height:600px;background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06)}.map-sidebar{display:flex;flex-direction:column;border-right:1px solid #e5e7eb;position:relative}.map-sidebar-header{padding:20px;border-bottom:1px solid #e5e7eb}.map-sidebar-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:0}.map-sidebar-count{background:#4968ED;color:white;padding:2px 8px;border-radius:100px;font-size:12px}.map-search{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 10px}.map-search:focus{outline:none;border-color:#4968ED;background-color:white}.map-list{flex:1;overflow-y:auto;max-height:calc(600px - 80px);position:relative}.map-sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(0deg,white 0,rgba(255,255,255,0));pointer-events:none;z-index:1}.map-item-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border-radius:6px;text-decoration:none;transition:all .3s ease}.map-item-btn svg{transition:stroke .3s ease}.map-item-btn-view:hover{background:#4968ED}.map-item-btn-view:hover svg{stroke:white}.map-item-btn-naver:hover{background:#03C75A}.map-item-btn-naver:hover svg{stroke:white}.map-animal-item{display:block;transition:background .2s}.map-animal-item:hover{background:#f9fafb}.map-animal-item.selected{background:#f0f4ff}.map-view{width:100%;height:100%}@media (max-width:768px){.search-filter-bar{padding:12px;gap:8px}.filter-select{flex:1;min-width:calc(50% - 4px);height:40px;padding:0 32px 0 12px;font-size:13px}.search-input{height:40px;padding:0 10px 0 38px;font-size:13px}.sort-select{height:40px}.pagination-btn{min-width:32px;height:32px;font-size:12px;padding:0 8px}.pagination-ellipsis{width:20px}.results-header{flex-direction:column;align-items:flex-start}.map-container{grid-template-columns:1fr;grid-template-rows:300px 1fr;height:auto}.map-sidebar{border-right:none;border-top:1px solid #e5e7eb;order:2;max-height:400px}.map-view{order:1;min-height:300px}.view-toggle-btn{padding:8px 12px;font-size:12px}}