.tab-bar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:#fff;border-top:1px solid #E5E8EB;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 0 8px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab-icon{font-size:22px;line-height:1;filter:grayscale(1);opacity:.4;transition:all .15s}.tab-item--active .tab-icon{filter:grayscale(0);opacity:1}.tab-label{font-size:11px;color:#9ca3af;font-weight:500;transition:color .15s}.tab-item--active .tab-label{color:#3182f6;font-weight:600}.home-page{padding:0 20px 40px}.home-intro{padding:8px 0 20px}.home-subtitle{margin:0;font-size:15px;color:var(--grey600, #6B7684);line-height:1.5}.sido-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sido-btn{background:var(--grey100, #F2F4F6);border:none;border-radius:12px;padding:16px 8px;font-size:15px;font-weight:500;color:var(--grey800, #1F2937);cursor:pointer;text-align:center;transition:background .12s;line-height:1.3}.sido-btn:active{background:var(--grey200, #E5E8EB)}.sigungu-grid{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}.sigungu-btn{background:var(--grey100, #F2F4F6);border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--grey800, #1F2937);cursor:pointer;transition:background .12s}.sigungu-btn:active{background:var(--blue500, #3182F6);color:#fff}.facility-map-view{position:relative;height:48px;overflow:hidden;transition:height .3s ease;background:#e5e8eb}.facility-map-view--expanded{height:280px}.facility-map-canvas{width:100%;height:280px}.facility-map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#e5e8eb;pointer-events:none}.facility-map-toggle{position:absolute;bottom:0;left:0;right:0;height:48px;background:#fff;border:none;border-top:1px solid #E5E8EB;font-size:13px;font-weight:600;color:#3182f6;cursor:pointer;z-index:10}.facility-map-view--expanded .facility-map-toggle{position:absolute;background:#fffffff2}.map-legend{position:absolute;top:10px;left:10px;background:#ffffffeb;border-radius:8px;padding:6px 10px;display:flex;flex-wrap:wrap;gap:6px 10px;z-index:5;pointer-events:none}.map-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#374151}.map-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}:global(.map-overlay){background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 2px 16px #0000002e;display:flex;flex-direction:column;gap:6px;min-width:150px}:global(.mo-header){display:flex;align-items:center;gap:6px}:global(.mo-label){font-size:11px;font-weight:600;color:#fff;border-radius:4px;padding:1px 6px}:global(.mo-grade){font-size:11px;font-weight:600;color:#3182f6;background:#eff6ff;border-radius:4px;padding:1px 6px}:global(.mo-name){font-size:13px;font-weight:700;color:#111827;line-height:1.3}:global(.map-overlay-btn){background:#3182f6;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;align-self:flex-start}.list-page{padding-bottom:40px}.list-region-bar{padding:10px 20px 0;position:sticky;top:0;background:var(--greyBackground, #F9FAFB);z-index:10}.region-chip{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;color:#1d4ed8;cursor:pointer}.region-chip:active{background:#dbeafe}.region-chip-icon{font-size:11px;opacity:.6}.list-filter{padding:10px 20px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #F2F4F6}.category-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-chips::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;background:#f2f4f6;border:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap;transition:all .12s}.category-chip--active{background:#3182f6;color:#fff;font-weight:600}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;color:var(--grey500, #9CA3AF);font-size:15px}.loading-spinner{width:32px;height:32px;border:3px solid var(--grey200, #E5E8EB);border-top-color:var(--blue500, #3182F6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sort-bar{display:flex;align-items:center;gap:4px;padding:8px 20px;border-bottom:1px solid #F2F4F6}.sort-btn{background:none;border:none;font-size:13px;color:#9ca3af;cursor:pointer;padding:2px 4px;font-weight:500}.sort-btn--active{color:#111827;font-weight:700}.sort-btn--disabled{color:#d1d5db;cursor:default;font-size:12px}.sort-btn+.sort-btn:before{content:"·";margin-right:4px;color:#d1d5db}.facility-list{list-style:none;margin:0;padding:0}.facility-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;border-bottom:1px solid var(--grey100, #F2F4F6);transition:background .1s}.facility-item:active{background:var(--grey100, #F2F4F6)}.facility-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.facility-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.facility-name{font-size:16px;font-weight:600;color:var(--grey900, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fav-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--grey400, #9CA3AF);padding:2px;line-height:1;flex-shrink:0}.fav-btn--active{color:#f5a623}.facility-item-meta{display:flex;align-items:center;gap:6px}.facility-type{font-size:12px;color:var(--grey500, #6B7684)}.facility-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.facility-address{font-size:13px;color:var(--grey500, #6B7684);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.facility-occupancy{font-size:13px;font-weight:500;flex-shrink:0}.occupancy--available{color:var(--blue500, #3182F6)}.occupancy--full{color:var(--grey500, #6B7684)}.facility-item-arrow{font-size:20px;color:var(--grey400, #9CA3AF);margin-left:8px;flex-shrink:0}.kakao-map-wrap{width:100%;height:200px;position:relative}.kakao-map-container{width:100%;height:100%}.kakao-map-placeholder{width:100%;height:100%;background:#e5e8eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b7684;text-align:center;padding:0 20px}.kakao-map-error{background:linear-gradient(135deg,#dce8f5,#c8dff0);font-size:20px;gap:6px;cursor:pointer}.kakao-map-error span:last-child{font-size:13px;color:#374151}.detail-page{padding-bottom:20px}.map-section{position:relative;cursor:pointer}.map-open-btn{position:absolute;bottom:10px;right:12px;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:#3182f6;box-shadow:0 2px 8px #00000026;pointer-events:none}.map-preview{width:100%;height:160px;background:#e5e8eb;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.map-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#dce8f5,#c8dff0,#b8d4ec);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.map-preview-pin{font-size:36px}.map-preview-addr{font-size:13px;color:#374151;font-weight:500;text-align:center;padding:0 20px;line-height:1.4}.map-preview-cta{position:absolute;bottom:10px;right:12px;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:#3182f6;box-shadow:0 2px 8px #0000001f}.detail-section{padding:20px}.detail-divider{height:8px;background:var(--grey100, #F2F4F6)}.detail-type{font-size:13px;color:var(--grey500, #6B7684);margin-bottom:6px}.detail-name{font-size:22px;font-weight:700;color:var(--grey900, #111827);margin:0 0 8px;line-height:1.3}.detail-address{font-size:14px;color:var(--grey600, #6B7684);margin:0 0 12px;line-height:1.5}.map-btn{display:inline-flex;align-items:center;gap:4px;background:var(--grey100, #F2F4F6);border:none;border-radius:8px;padding:8px 14px;font-size:14px;color:var(--grey700, #374151);cursor:pointer}.map-btn:active{background:var(--grey200, #E5E8EB)}.section-title{font-size:15px;font-weight:600;color:var(--grey700, #374151);margin:0 0 14px}.stat-row{display:flex;gap:0}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--grey100, #F2F4F6);border-radius:12px}.stat-item+.stat-item{margin-left:8px}.stat-label{font-size:12px;color:var(--grey500, #6B7684)}.stat-value{font-size:18px;font-weight:700;color:var(--grey900, #111827)}.stat-available{color:var(--blue500, #3182F6)}.stat-full{color:var(--grey500, #6B7684);font-size:14px}.grade-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.grade-year{font-size:12px;color:var(--grey400, #9CA3AF)}.realtime-badge{color:#00b493;font-weight:600}.grade-display{display:flex;align-items:center;gap:12px}.grade-score{font-size:15px;color:var(--grey600, #6B7684)}.detail-meta{display:flex;align-items:center;justify-content:space-between}.meta-label{font-size:13px;color:var(--grey500, #6B7684)}.meta-value{font-size:13px;color:var(--grey400, #9CA3AF);font-family:monospace}.fav-loading,.fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:8px}.fav-empty-icon{font-size:48px;margin:0 0 8px;color:#d1d5db}.fav-empty-title{font-size:17px;font-weight:600;color:#374151;margin:0}.fav-empty-desc{font-size:14px;color:#9ca3af;margin:0}.fav-list{list-style:none;margin:0;padding:0}.fav-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #F2F4F6;cursor:pointer}.fav-item:active{background:#f9fafb}.fav-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.fav-item-header{display:flex;align-items:center;gap:8px}.fav-name{font-size:16px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-region,.fav-occupancy{font-size:13px;color:#6b7684;margin:0}.fav-available{color:#3182f6;font-weight:500}.fav-arrow{font-size:20px;color:#9ca3af;margin-left:8px}#root{width:100%;min-height:100vh;box-sizing:border-box}@media(min-width:481px){#root{background-color:#fff!important;max-width:480px;margin:0 auto}}*,*:before,*:after{box-sizing:border-box}.app{min-height:100dvh;background:#fff}.app-content--tabbed{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}button{-webkit-tap-highlight-color:transparent}:root{font-family:sans-serif}*{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh}@media(min-width:481px){body{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5!important}}