:root{--bg:#f6f7f9;--card:#fff;--ink:#14171c;--mute:#6b7280;--line:#e6e8ec;--soft:#eef0f3;--ok:#16a34a;--ok-bg:#e8f7ee;--busy:#d97706;--busy-bg:#fdf1df;--down:#dc2626;--down-bg:#fdeaea;--stale:#9aa0a8;--stale-bg:#eef0f3;--stale-2:#6b7280;--stale-2-bg:#dfe2e6;--stale-3:#f4f5f7;--stale-3-bg:#6b7280;--accent:#14171c;--accent-ink:#fff;--radius:16px;--shadow:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#171a21;--ink:#eef0f3;--mute:#9aa0a8;--line:#262a33;--soft:#1f232b;--ok:#34d399;--ok-bg:#0f2a1f;--busy:#fbbf24;--busy-bg:#2b2210;--down:#f87171;--down-bg:#2d1414;--stale:#6b7280;--stale-bg:#1f232b;--stale-2:#9aa0a8;--stale-2-bg:#2a2f38;--stale-3:#0f1115;--stale-3-bg:#6b7280;--accent:#eef0f3;--accent-ink:#0f1115;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.leaflet-tile{filter:invert()hue-rotate(180deg)brightness(.9)contrast(.9)saturate(.6)}.leaflet-container{background:#1a1d24}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);letter-spacing:-.01em;margin:0;font:16px/1.55 Pretendard,Pretendard Variable,-apple-system,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}a{color:inherit}b{font-weight:700}.top{z-index:1000;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;font-size:20px;font-weight:800;text-decoration:none}.brand span{color:var(--ok)}.top nav a{color:var(--mute);font-size:14px;text-decoration:none}main{max-width:1040px;margin:0 auto;padding:8px 20px 48px}main.narrow{max-width:760px}.hero{padding:28px 0 20px}.hero h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.2}.hero h1 .ev{color:var(--ok)}.hero p{color:var(--mute);margin:0;font-size:16px}.br-m{display:none}.controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.seg{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:4px;display:inline-flex}.seg select{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--mute) 50%), linear-gradient(135deg, var(--mute) 50%, transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-repeat:no-repeat;background-size:5px 5px;border:0;border-radius:999px;padding:8px 32px 8px 16px;font-weight:600}.seg select:disabled{color:var(--ink);opacity:.55;font-weight:500}.seg option{color:var(--ink);background:var(--card);font-weight:500}.seg select+select{border-left:1px solid var(--line);border-radius:0 999px 999px 0}.btn{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.asof{color:var(--mute);min-height:1.5em;margin:12px 0 0;font-size:13px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.map{background:var(--soft);height:400px}.map.small{border-radius:var(--radius);border:1px solid var(--line);height:280px;margin-top:12px}.legend{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.chip{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.chip.ok{color:var(--ok);background:var(--ok-bg)}.chip.busy{color:var(--busy);background:var(--busy-bg)}.chip.down{color:var(--down);background:var(--down-bg)}.chip.stale{color:var(--stale);background:var(--stale-bg)}.m-ok{fill:var(--ok)}.m-busy{fill:var(--busy)}.m-down{fill:var(--down)}.m-stale{fill:var(--stale)}.searchbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.searchbar input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;flex:1;padding:10px 14px}.searchbar input:focus{outline:2px solid var(--ok);outline-offset:-1px}.count{color:var(--mute);white-space:nowrap;font-size:13px}.list{background:var(--line);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid}.card{background:var(--card);padding:14px 16px;text-decoration:none;display:block}.card:hover{background:var(--soft)}.card .n{font-weight:700;display:block}.card .a{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 8px;font-size:13px;display:block;overflow:hidden}.card .tags{flex-wrap:wrap;gap:6px;display:flex}.empty{text-align:center;color:var(--mute);background:var(--card);grid-column:1/-1;margin:0;padding:40px 16px}.ad{background:var(--soft);border-radius:12px;min-height:90px;margin:16px 0}.ad:empty{display:none}.panel .ad{margin:12px 16px}.station .crumb{margin:8px 0 12px;font-size:14px}.station .crumb a{color:var(--mute);text-decoration:none}.station h1{letter-spacing:-.03em;margin:0 0 4px;font-size:clamp(24px,4vw,32px);line-height:1.25}.station .addr{color:var(--mute);margin:0}.station .meta{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.station .meta span{background:var(--soft);color:var(--mute);border-radius:999px;padding:4px 10px;font-size:13px}.station .meta span.warn{color:var(--down);background:var(--down-bg)}.station .meta span.reg{border:1px dashed var(--line);background:0 0}.status{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:18px 20px;display:flex}.status .big{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.status .big.ok{color:var(--ok)}.status .big.busy{color:var(--busy)}.status .big.down{color:var(--down)}.status .big.stale{color:var(--stale)}.status .sub{color:var(--mute);font-size:14px}.status .when{width:100%;color:var(--mute);font-size:13px}.chargers{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px;margin-top:16px;display:grid}.ch{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;display:grid}.ch.stale{opacity:.75}.ch.stale.s2{opacity:.6}.ch.stale.s2 .pill{background:var(--stale-2-bg);color:var(--stale-2)}.ch.stale.s3{opacity:.5}.ch.stale.s3 .pill{background:var(--stale-3-bg);color:var(--stale-3)}.ch .t{font-weight:700}.ch .t small{color:var(--mute);margin-left:6px;font-weight:500}.ch .t,.ch .d{grid-column:1}.ch .pill{grid-area:1/2/span 2;align-self:center}.ch .d{color:var(--mute);font-size:13px}.pill{white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-block}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.busy{color:var(--busy);background:var(--busy-bg)}.pill.down{color:var(--down);background:var(--down-bg)}.pill.stale{color:var(--stale);background:var(--stale-bg)}.pill.dim{color:var(--mute);background:var(--soft)}.fine{color:var(--mute);margin:16px 0 0;font-size:13px}.hero.small{padding:16px 0 14px}.hero.small h1{font-size:clamp(24px,4vw,32px)}.hero.small .crumb{margin:0 0 6px;font-size:14px}.hero.small .crumb a{color:var(--mute);text-decoration:none}.hero.small .asof{margin-left:6px;display:inline}.regions{margin-top:28px}.regions h2{margin:0 0 8px;font-size:17px}.rg{margin-bottom:16px}.rg h3{color:var(--mute);letter-spacing:-.02em;margin:0 0 4px;font-size:17px;font-weight:700}.rg p{color:var(--mute);margin:0;font-size:14px;line-height:2}.rg a{white-space:nowrap;color:var(--ink);text-decoration:none}.rg .sep{color:var(--mute);-webkit-user-select:none;user-select:none;margin:0 8px}.rg a:hover{text-decoration:underline}.prose h1{letter-spacing:-.03em;margin:16px 0 12px;font-size:clamp(24px,4vw,32px);line-height:1.25}.prose h2{margin:28px 0 6px;font-size:17px}.prose p,.prose li{color:var(--ink)}.prose ul{padding-left:20px}.prose li{margin:6px 0}.prose .pill{vertical-align:1px;margin-right:6px}footer{max-width:1040px;color:var(--mute);margin:0 auto;padding:20px;font-size:13px}footer a{text-decoration:none}@media (width<=640px){main{padding:4px 12px 40px}.hero{padding:20px 4px 16px}.br-m{display:inline}.map{height:300px}.seg{width:100%}.seg select{flex:1;min-width:0}.btn{width:100%}.list,.chargers{grid-template-columns:1fr}.map.small{height:220px}}
