:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:0}#app{text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.seoul-map-container[data-v-e9865ceb]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.district[data-v-e9865ceb]{transition:all .3s ease;stroke:#ccc;stroke-width:1.5;pointer-events:all}.district[data-v-e9865ceb]:hover{cursor:pointer;fill:gold}.district-selected[data-v-e9865ceb]{stroke:gold;stroke-width:2;fill:gold}.district[data-v-e9865ceb]:not(.district-selected){opacity:.7}.district-disabled[data-v-e9865ceb]{cursor:not-allowed!important;opacity:.7}.district-disabled[data-v-e9865ceb]:hover{fill:#e0e0e0!important;cursor:not-allowed!important}.district-name[data-v-e9865ceb]{font-size:12px;fill:#333;font-weight:600;pointer-events:none;transition:all .3s ease}.text-dimmed[data-v-e9865ceb]{fill:#999;opacity:.5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}#app{height:100vh;width:100%;margin:0;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0rem 1rem;border-bottom:1px solid #eee;background-color:#fff;margin-bottom:.5rem;height:50px}.header h1{display:flex;align-items:center;gap:10px;margin:0}.seoul-logo{height:40px;width:auto}h1{font-size:1.2rem;font-weight:400;color:#333}.made-by{font-size:.875rem;color:#666}.main{flex:1;min-height:0}.map-container{display:flex;gap:.5rem;height:100%;width:100%}.seoul-map-container{width:500px;height:100%;display:flex;flex-direction:column;gap:.5rem}.seoul-map{height:500px;background:#fff;display:flex;align-items:center;justify-content:center}#map{width:100%;height:100%;border-radius:4px}.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.kakao-map-container{padding:.3rem;width:100%;height:100%;border:1px solid #ccc}.footer{width:100%;margin-top:.5rem}.ad-space{width:100%;height:90px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center}.ad-placeholder{color:#999;font-size:.9rem}.notice{height:100%;overflow:hidden}.notice-content{height:100%;text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:8px;overflow-y:auto}.district-updates{display:flex;flex-direction:column;gap:1rem}.update-card,.no-data-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.card-header h3{margin:0;font-size:1rem;color:#2c3e50}.count-badge{background:#42b983;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.count-badge.red{background:#e53935}.districts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:left}.district-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#f8f9fa;border-radius:4px;font-size:.9rem;color:#2c3e50}.district-info{display:flex;align-items:center;gap:.5rem}.district-name{font-weight:500}.box-count{color:#42b983;font-size:.8rem;background:#42b9831a;padding:.1rem .3rem;border-radius:3px}.update-date{color:#666;font-size:.8rem}.district-item span{color:#42b983;font-size:.8rem}.district-item.no-data{color:#e53935;background:#fff8f8;justify-content:center}.data-source{color:#666;font-size:.85rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.notice-container{position:relative}.icon-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#666;padding:.5rem;transition:color .3s ease}.icon-button:hover{color:#1a73e8}.tooltip{position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000026;width:300px;z-index:1000}.tooltip:before{content:"";position:absolute;top:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.tooltip p{margin:0;line-height:1.6;color:#666;font-size:.9rem;text-align:left}.tooltip-divider{margin:.8rem 0;border:none;height:1px;background-color:#eee}.icons-container{display:flex;gap:.5rem;align-items:center}