.shelter-header-card{padding:22px 20px}.shelter-header-title{font-size:22px}@media (min-width:768px){.shelter-header-card{padding:28px 32px}.shelter-header-title{font-size:26px}}@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;overflow:hidden;min-width:0}.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;overflow-x:hidden;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;text-decoration:none}.map-animal-item:hover{background:#f9fafb}.map-animal-item.selected{background:#f0f4ff}.map-item-inner{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #f3f4f6;cursor:pointer}.map-item-thumb{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:8px;background-color:#f3f4f6;flex-shrink:0}.map-item-info{flex:1;min-width:0}.map-item-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.map-item-breed{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-item-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.map-item-meta{font-size:11px;color:#6b7280}.map-item-shelter{font-size:10px;color:#9ca3af;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-item-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-items:center}.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:350px 1fr;height:auto}.map-sidebar{border-right:none;border-top:1px solid #e5e7eb;order:2;max-height:400px;overflow:hidden}.map-list{max-height:calc(400px - 60px)}.map-view{order:1}.view-toggle-btn{padding:8px 12px;font-size:12px}.gm-style-iw-d{overflow:visible!important}.gm-style-iw,.gm-style-iw-d{max-height:none!important}}.volunteer-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.detail-page{max-width:45rem;margin:0 auto;padding:.75rem 1rem 1.5rem}.detail-back{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem 0 .75rem;margin-bottom:0;color:#999;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.detail-back:hover{color:#666}.detail-card{background:#fff;overflow:hidden;border-radius:1rem;box-shadow:0 2px 12px rgba(0,0,0,.06)}.detail-image{position:relative;width:100%;height:17.5rem;overflow:hidden;background:#e5e7eb}.detail-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:zoom-in}.detail-image-gradient{position:absolute;bottom:0;left:0;right:0;height:4.375rem;background:linear-gradient(transparent,rgba(0,0,0,.12));pointer-events:none}.detail-content{padding:1rem 1rem 1.25rem}.detail-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.625rem;margin-bottom:.25rem}.detail-breed{margin:0;font-size:1.375rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.detail-traits{margin-top:.25rem;margin-bottom:.875rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem .75rem;padding:.875rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.detail-location{margin-top:.875rem;background:#fafafa;border-radius:.75rem;padding:.875rem .875rem 1rem}.detail-location-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.875rem}@media (min-width:768px){.detail-page{padding:1.5rem 1.25rem 3rem}.detail-back{padding:.625rem 0;margin-bottom:.75rem}.detail-card{border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06)}.detail-image{height:25rem}.detail-content{padding:1.75rem 2rem 2rem}.detail-header{gap:.75rem}.detail-breed{font-size:1.75rem}.detail-traits{margin-bottom:1.25rem}.detail-grid{grid-template-columns:1fr 1fr 1fr;gap:1.25rem 1.375rem;padding:1.375rem 0}.detail-location{margin-top:1.375rem;padding:1.25rem 1.375rem 1.375rem}.detail-location-grid{grid-template-columns:1fr 1fr;gap:1.25rem}}.zoom-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-close,.zoom-overlay{display:flex;align-items:center;justify-content:center}.zoom-close{position:absolute;top:.875rem;right:.875rem;z-index:10001;width:2.5rem;height:2.5rem;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.zoom-close:hover{background:rgba(255,255,255,.3)}.zoom-hint{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:10001;padding:.375rem .875rem;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1.25rem;color:rgba(255,255,255,.8);font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;animation:zoom-hint-fade 3s ease forwards}@keyframes zoom-hint-fade{0%,60%{opacity:1}to{opacity:0}}.zoom-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .05s linear;will-change:transform}.zoom-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.shelter-more{width:100vw;position:relative;left:50%;transform:translateX(-50%);max-width:64rem;margin-top:3rem;padding:0 1rem .5rem;box-sizing:border-box}.shelter-more-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;letter-spacing:-.02em;text-align:center}.shelter-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.shelter-more-swiper{margin:0 -1rem;padding:.5rem 1rem}.shelter-more-btn-wrap{display:flex;justify-content:center;margin-top:1rem}.shelter-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem 1.25rem;background:#fff;color:#333;border:1px solid #e5e7eb;border-radius:.75rem;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s}.shelter-more-btn:hover{background:#f9fafb;border-color:#d1d5db}@media (min-width:768px){.shelter-more{margin-top:4rem;padding:0 2rem .5rem}.shelter-more-title{font-size:1.25rem}}