:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f3ee;--card:#fff;--ink:#1d1a17;--ink-2:#5d574f;--ink-3:#8f887e;--line:#e6e0d6;--accent:#b5482e;--quiet:#2e8b57;--moderate:#d9a400;--busy:#e8702a;--packed:#c8323a;--quiet-bg:#e6f3ea;--moderate-bg:#fbf3d5;--busy-bg:#fde8da;--packed-bg:#fbe1e2;--good:var(--quiet);--bad:var(--busy);--very-bad:var(--packed)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171513;--card:#221f1c;--ink:#f1ece4;--ink-2:#b3aa9e;--ink-3:#7f776d;--line:#35302a;--accent:#e2745a;--quiet-bg:#1d3327;--moderate-bg:#3a3116;--busy-bg:#3d2617;--packed-bg:#3d1d1f}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0}p{margin:0}section{margin-top:28px}section>h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px;font-size:13px}.muted{color:var(--ink-3)}.small{margin-top:8px;font-size:12px}.error{color:var(--packed)}main{max-width:720px;padding:24px 16px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.home-head h1{font-size:30px;font-weight:800}.tagline{color:var(--ink-2);max-width:48ch;margin-top:6px}.notice{border:1px dashed var(--line);color:var(--ink-2);border-radius:10px;margin-top:16px;padding:10px 12px;font-size:13px}.notice code{font-size:12px}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sort{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;display:flex}.sort select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:14px 14px 12px;transition:transform .12s;display:block}.card:active{transform:scale(.99)}.card-quiet{border-left-color:var(--quiet)}.card-moderate{border-left-color:var(--moderate)}.card-busy{border-left-color:var(--busy)}.card-packed{border-left-color:var(--packed)}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px}.card-name{margin-top:2px;font-size:17px;font-weight:700}.card-advice{color:var(--ink-2);margin-top:8px;font-size:14px}.geo-msg{color:var(--ink-3);margin-top:10px;font-size:13px}.card-dist{text-transform:none;letter-spacing:0}.map{border:1px solid var(--line);z-index:0;border-radius:12px;height:min(70vh,560px);margin-top:16px;overflow:hidden}.map .leaflet-tile-pane{filter:saturate(.55)contrast(.95)}.map-loading{color:var(--ink-3);place-items:center;font-size:14px;display:grid}.map-pop{flex-direction:column;gap:2px;font:600 14px/1.3 inherit;display:flex;color:#1d1a17!important}.map-pop span{font-size:12px;font-weight:700}.topbar{max-width:720px;padding:max(12px, env(safe-area-inset-top)) 16px 0;justify-content:flex-end;align-items:center;gap:8px;margin:0 auto;display:flex}.install-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;margin-right:auto;padding:7px 12px;font-size:12px;font-weight:700}.offline{background:var(--moderate-bg);max-width:688px;color:var(--ink);border-radius:10px;margin:10px auto 0;padding:8px 12px;font-size:13px}@media (width<=720px){.offline{margin:10px 16px 0}}.sheet-back{z-index:1000;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:480px;color:var(--ink);padding:20px 20px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.sheet h3{font-size:18px}.sheet ol{margin:12px 0 16px;padding-left:20px;line-height:1.8}.topbar+main{padding-top:8px}.tab-bar{--ease:cubic-bezier(.2, .8, .2, 1);left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:20;background:color-mix(in srgb, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border:1px solid var(--line);width:min(100% - 24px,440px);transition:width .4s var(--ease), padding .4s var(--ease);border-radius:999px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000024}.tab{color:var(--ink-3);transition:padding .4s var(--ease), gap .4s var(--ease), background-color .2s ease, color .2s ease;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:9px 0 8px;font-size:11px;font-weight:500;display:flex}.tab.on{color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, transparent);font-weight:700}.tab span{max-height:16px;transition:max-height .35s var(--ease), opacity .2s ease;line-height:16px;display:block;overflow:hidden}.tab-bar.compact{width:min(100% - 24px,300px);padding:5px}.tab-bar.compact .tab{gap:0;padding:11px 0}.tab-bar.compact .tab span{opacity:0;max-height:0}@media (prefers-reduced-motion:reduce){.tab-bar,.tab,.tab span{transition:none}}.map-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.map-bar .legend{margin-top:0}.phrase{align-items:flex-start}.phrase-ko{font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:19px;font-weight:700;line-height:1.3}.phrase-roman{color:var(--ink-2);margin-top:1px;font-size:13px;font-style:italic}.phrase-actions{flex-shrink:0;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.phrase-big{z-index:1000;background:var(--bg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.phrase-big-ko{word-break:keep-all;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:clamp(40px,13vw,96px);font-weight:800;line-height:1.2}.phrase-big-en{color:var(--ink-2);font-size:18px}.phrase-big-close{bottom:calc(24px + env(safe-area-inset-bottom));color:var(--ink-3);font-size:13px;position:absolute}.plan-opts{flex-wrap:wrap;gap:16px;display:flex}.plan-picks .chip:disabled{opacity:.4;cursor:default}.timeline{margin:0;padding:0;list-style:none}.tl-travel{color:var(--ink-3);border-left:2px dashed var(--line);margin-left:30px;padding:6px 0 6px 72px;font-size:12px}.tl-stop{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tl-time{font-variant-numeric:tabular-nums;flex-shrink:0;width:74px;font-weight:700}.tl-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tl-name{font-weight:700}.tl-sub{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.watch-btn{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:14px;padding:9px 14px;font-size:14px;font-weight:600}.watch-btn.on{background:var(--ink);color:var(--bg)}.toast{top:max(12px, env(safe-area-inset-top));z-index:1000;background:var(--ink);width:calc(100% - 32px);max-width:480px;color:var(--bg);cursor:pointer;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.wx-banner{color:#1f4d7a;background:#e7f0fa;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:14px;display:flex}.wx-icon{flex-shrink:0;margin-top:1px}@media (prefers-color-scheme:dark){.wx-banner{color:#a9c8ea;background:#1b2a3a}}.tag-indoor{color:#1f4d7a;letter-spacing:.04em;vertical-align:1px;background:#e7f0fa;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-lg{padding:6px 14px;font-size:15px}.badge-mark{flex:none}.badge-mark rect{fill:currentColor}.home-mark{vertical-align:-.08em;width:.86em;height:.86em;color:var(--ink);margin-right:.22em;display:inline-block}.badge-quiet{background:var(--quiet-bg);color:var(--quiet)}.badge-moderate{background:var(--moderate-bg);color:#8a6a00}.badge-busy{background:var(--busy-bg);color:var(--busy)}.badge-packed{background:var(--packed-bg);color:var(--packed)}.badge-skeleton{background:var(--line);color:var(--ink-3)}@media (prefers-color-scheme:dark){.badge-moderate{color:#e9c04a}}.back{color:var(--ink-3);margin-bottom:16px;font-size:14px;display:inline-block}.detail-head h1{margin-top:2px;font-size:28px;font-weight:800}.detail-ko{color:var(--ink-3);margin-top:2px;font-size:14px}.blurb{color:var(--ink-2);margin-top:8px}.hero{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:20px;padding:18px}.hero-quiet{background:var(--quiet-bg);border-color:#0000}.hero-moderate{background:var(--moderate-bg);border-color:#0000}.hero-busy{background:var(--busy-bg);border-color:#0000}.hero-packed{background:var(--packed-bg);border-color:#0000}.hero-advice{letter-spacing:-.01em;margin-top:10px;font-size:22px;font-weight:700}.hero-meta{color:var(--ink-2);margin-top:4px;font-size:13px}.hero{position:relative}.hero-boomchi{pointer-events:none;width:96px;height:96px;position:absolute;top:8px;right:8px}.hero-advice,.hero-meta{margin-right:96px}.hero{min-height:112px}.chart{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:stretch;gap:4px;height:120px;padding:12px 10px 8px;display:flex}.chart-col{flex-direction:column;flex:1;min-width:0;display:flex}.chart-bar-wrap{flex:1;align-items:flex-end;display:flex}.chart-bar{border-radius:4px 4px 2px 2px;width:100%}.chart-label{color:var(--ink-3);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;overflow:hidden}.chart-col:nth-child(2n) .chart-label{visibility:hidden}@media (width>=480px){.chart-col:nth-child(2n) .chart-label{visibility:visible}}.bar-quiet{background:var(--quiet)}.bar-moderate{background:var(--moderate)}.bar-busy{background:var(--busy)}.bar-packed{background:var(--packed)}.legend{color:var(--ink-3);gap:14px;margin-top:8px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.tile-label{color:var(--ink-3);font-size:12px}.tile-big{font-size:34px;font-weight:800;line-height:1.1}.tile-big-sm{margin-top:2px;font-size:18px;font-weight:700}.tile-sub{color:var(--ink-3);margin-top:4px;font-size:12px}.tile-note{color:var(--ink-2);margin-top:8px;font-size:13px}.tile-good .tile-big-sm{color:var(--good)}.tile-bad .tile-big-sm{color:var(--bad)}.tile-very-bad .tile-big-sm{color:var(--very-bad)}.hourly{scrollbar-width:none;gap:4px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.hourly::-webkit-scrollbar{display:none}.hour{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;flex:0 0 52px;padding:8px 4px}.hour-t{color:var(--ink-3);font-size:11px}.hour-i{justify-content:center;margin:4px 0 2px;display:flex}.hour-temp{font-size:13px;font-weight:600}.hour-rain{color:#3b82c4;font-size:10px}.list{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.row:first-child{border-top:0}.row-body{flex:1;min-width:0}.row-title{font-size:15px;font-weight:600;display:block}a.row-title:hover{color:var(--accent)}.row-ko{color:var(--ink-3);margin-top:1px;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:12px}.row-sub{color:var(--ink-3);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:12px;display:flex}.thumb{object-fit:cover;background:var(--line);border-radius:8px;flex-shrink:0;width:44px;height:44px}.line{color:#fff;background:var(--ink-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.line-1{background:#0052a4}.line-2{background:#00a84d}.line-3{background:#ef7c1c}.line-4{background:#00a5de}.line-5{background:#996cac}.line-6{background:#cd7c2f}.line-7{background:#747f00}.line-8{background:#e6186c}.line-9{background:#bdb092}.line-SB{background:#f5a200;font-size:10px}.line-GJ{background:#77c4a3;font-size:10px}.line-AR{background:#0090d2;font-size:10px}.bike-count{background:var(--quiet-bg);min-width:36px;height:28px;color:var(--quiet);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.getthere-row{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.getthere-lines{flex-shrink:0;gap:3px;display:flex}.map-link{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.foot{color:var(--ink-3);margin-top:36px;font-size:12px}.topbar.on-map{display:none}.map-page{z-index:1;position:fixed;inset:0}.map-full{border:0;border-radius:0;height:auto;margin:0;position:absolute;inset:0}.map-full.zoom-far .pin:not(.on) .pin-name{display:none}.map-top{z-index:5;top:max(12px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:8px;max-width:520px;margin:0 auto;display:flex;position:absolute;left:12px;right:12px}.map-top>*{pointer-events:auto}.map-panel{background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;padding:10px 14px 8px;box-shadow:0 8px 24px #0000001a}.map-when{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.map-when-label{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.map-when-hint{color:var(--ink-3);letter-spacing:0;margin-left:6px;font-family:inherit;font-size:12px;font-weight:500}.map-when .legend{gap:8px;margin:0;font-size:11px}.map-slider{width:100%;accent-color:var(--ink);margin:8px 0 0}.map-slider-ticks{color:var(--ink-3);justify-content:space-between;font-size:10px;display:flex}.map-filters{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.map-filters::-webkit-scrollbar{display:none}.map-filters .chip{flex-shrink:0;box-shadow:0 2px 8px #00000014}.map-geo{background:var(--card);border-radius:10px;align-self:flex-start;margin:0;padding:6px 10px}.locate-btn{z-index:5;right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 76px + 150px);border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;box-shadow:0 6px 18px #00000024}.map-bottom{z-index:5;left:0;right:0;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 72px);max-width:560px;margin:0 auto;position:absolute}.map-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:4px 12px 8px;display:flex;overflow-x:auto}.map-strip::-webkit-scrollbar{display:none}.strip-card{scroll-snap-align:start;border:1px solid var(--line);background:var(--card);width:168px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;flex:none;align-items:flex-start;gap:6px;padding:10px 12px;display:flex;box-shadow:0 6px 18px #0000001f}.strip-card.is-closed{opacity:.6}.strip-clay{width:44px;height:44px;margin:-4px 0 -6px -4px}.strip-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.strip-sub{align-items:center;gap:6px;font-size:11px;display:flex}.strip-empty{background:var(--card);border-radius:12px;padding:12px}.boomchi-note{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.boomchi-note .boomchi{width:120px;height:120px}.boomchi-note p{margin:0;font-weight:600}.boomchi-note-sm{text-align:left;flex-direction:row;gap:10px;padding:8px 0}.boomchi-note-sm .boomchi{flex:none;width:56px;height:56px}.boomchi-note-sm.strip-empty{padding:10px 12px}.boomchi-note-loading .boomchi{animation:1.4s ease-in-out infinite boomchi-bob}@keyframes boomchi-bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.boomchi-note-loading .boomchi{animation:none}}.badge-closed{background:var(--line);color:var(--ink-2)}.pin-icon{background:0 0;border:0}.pin{width:40px;height:40px;position:relative}.pin-dot{background:var(--c,#999ea8);border:3px solid #fff;border-radius:999px;transition:transform .15s;position:absolute;inset:6px;overflow:hidden;box-shadow:0 2px 6px #00000040}.pin-dot img{object-fit:cover;width:100%;height:100%}.pin-name{white-space:nowrap;color:#1d1a17;pointer-events:none;background:#ffffffeb;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000026}.pin-quiet{--c:var(--quiet)}.pin-moderate{--c:var(--moderate)}.pin-busy{--c:var(--busy)}.pin-packed{--c:var(--packed)}.pin-closed{opacity:.45}.pin.on .pin-dot{transform:scale(1.35)}[data-look=pop] .pin-dot{border:4px solid var(--c,#999ea8);background:#fff;inset:0}[data-look=pop] .pin-name{top:42px}.me-icon{background:0 0;border:0}.me-dot{background:#2f7cf6;border:3px solid #fff;border-radius:999px;width:18px;height:18px;animation:2s infinite me-pulse;display:block;box-shadow:0 0 #2f7cf680}@keyframes me-pulse{70%{box-shadow:0 0 0 14px #2f7cf600}to{box-shadow:0 0 #2f7cf600}}@media (prefers-reduced-motion:reduce){.me-dot{animation:none}}.place-sheet{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;max-height:52dvh;margin:0 12px;padding:14px 16px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000002e}.sheet-x{background:var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;font-size:20px;line-height:1;position:absolute;top:8px;right:10px}.ps-head{align-items:center;gap:12px;padding-right:30px;display:flex}.ps-clay{flex-shrink:0;width:64px;height:64px}.ps-title{min-width:0}.ps-title h2{margin:1px 0 6px;font-size:19px;line-height:1.2}.ps-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.ps-hours{margin:8px 0 0}.ps-chart{margin-top:8px}.ps-chart .chart{height:72px}.ps-actions,.plan-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ps-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.ps-btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ps-btn.on{background:var(--quiet-bg);color:var(--quiet);border-color:#0000}.ps-btn:disabled{cursor:default}.presets{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.preset{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.preset.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.preset-clay{width:56px;height:56px;margin:-6px 0 -2px -6px}.preset-name{font-size:14px;font-weight:800}.preset-sub{color:var(--ink-3);font-size:12px}.plan-from{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.chip-dot{vertical-align:0;background:var(--line);border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.chip-note{opacity:.6;margin-left:6px;font-size:11px;font-weight:500}.route-map{height:240px;margin:4px 0 14px}.route-num{background:var(--ink);width:28px;height:28px;color:var(--bg);box-sizing:border-box;border:3px solid #fff;border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 2px 6px #00000040}.route-quiet{background:var(--quiet);color:#fff}.route-moderate{background:var(--moderate);color:#fff}.route-busy{background:var(--busy);color:#fff}.route-packed{background:var(--packed);color:#fff}.route-closed{color:#fff;background:#999ea8}.route-line{stroke:var(--ink)}.tl-travel{align-items:center;gap:12px;padding:8px 4px 8px 18px;display:flex}.tl-travel span{flex:1;min-width:0}.tl-travel a,.tl-other{color:var(--accent);white-space:nowrap;font-weight:700}.tl-other{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.tl-num{background:var(--ink);width:22px;height:22px;color:var(--bg);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.tl-stop.is-closed{opacity:.65}.tl-warn{color:var(--busy);font-size:12px;font-weight:600}.plan-msg{color:var(--quiet);margin-top:8px;font-size:13px;font-weight:600}.saved-plans{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-plans li{align-items:center;gap:8px;display:flex}.saved-open{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.saved-names{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.ps-chart .chart,[data-look=pop] .ps-chart .chart{height:64px}.ps-chart .chart-label{margin-top:3px;font-size:9px}.ps-actions{flex-wrap:nowrap}.ps-actions .ps-btn{white-space:nowrap;flex:1;padding:8px 6px;font-size:12px}.map-full.zoom-far .pin{transform:scale(.72)}.gear-btn{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.settings{max-height:85dvh;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings .sheet-x{position:static}.settings section{border-top:1px solid var(--line);padding:12px 0}.settings section:first-of-type{border-top:0}.set-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:12px}.set-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.set-label{font-weight:700}.set-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.set-list li{align-items:center;gap:10px;font-size:14px;display:flex}.set-list a{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.set-clay{flex-shrink:0;width:32px;height:32px}.set-remove{border:1px solid var(--line);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600}.perm{background:var(--line);color:var(--ink-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.perm-granted{background:var(--quiet-bg);color:var(--quiet)}.perm-denied,[data-look=pop] .perm-denied{background:var(--busy-bg);color:var(--busy)}.btn-ic{vertical-align:-2px;flex-shrink:0;margin-right:5px}.ic-sun{color:#e0a100}.ic-cloud-sun{color:#8a93a3}.ic-moon{color:#7557ff}.ic-cloud-moon,.ic-cloud{color:#8a93a3}.ic-rain{color:#3b82c4}.ic-snow{color:#6aa6d8}.other-maps{flex-direction:column;gap:8px;display:flex}.other-maps h3{margin:0 0 4px}.om-row{border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.om-cancel{background:var(--line);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:4px;padding:12px;font-weight:700}.settings p a{color:inherit;text-decoration:underline}.pop-only{display:none}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.look-switch{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.look-switch button{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.look-switch button.on{background:var(--ink);color:var(--bg)}:root[data-look=pop]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4ef;--card:#fff;--soft:#f7f7f5;--ink:#10131a;--ink-2:#717680;--ink-3:#999ea8;--line:#ececef;--lime:#d9ff5b;--lime-soft:#efffc2;--violet:#7557ff;--violet-bg:#eeeafe;--accent:var(--violet);--quiet:#279575;--quiet-bg:#e4f9f2;--moderate:#c77a12;--moderate-bg:#fff3dc;--busy:#e0553c;--busy-bg:#ffe9e4;--packed:#10131a;--packed-bg:#10131a;--good:var(--quiet);--bad:var(--busy);--very-bad:#b3261e;--r-card:22px;--shadow-card:0 1px 2px #10131a0a;--shadow-float:0 10px 34px #10131a29;--num:"Manrope", "Noto Sans KR", system-ui, sans-serif}[data-look=pop] body{font-family:Manrope,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.5}[data-look=pop] .pop-only{display:revert}[data-look=pop] main{max-width:760px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}[data-look=pop] .topbar{max-width:760px}[data-look=pop] .look-switch{background:var(--soft);box-shadow:none;border:0}[data-look=pop] .look-switch button{font-weight:800}[data-look=pop] .look-switch button.on{background:var(--ink);color:var(--lime)}[data-look=pop] .tab-bar{background:var(--ink);border:0;box-shadow:0 16px 40px #10131a47}[data-look=pop] .tab{color:#8a8f99;font-weight:800}[data-look=pop] .tab.on{background:var(--lime);color:var(--ink)}[data-look=pop] h1,[data-look=pop] h2,[data-look=pop] h3{letter-spacing:-.05em}[data-look=pop] .eyebrow{letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}[data-look=pop] .eyebrow-dot{background:var(--violet);border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 5px #7557ff21}@keyframes pulse{50%{box-shadow:0 0 0 8px #7557ff0d}}@media (prefers-reduced-motion:reduce){[data-look=pop] .eyebrow-dot{animation:none}}[data-look=pop] .home-head h1{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(28px,9vw,40px);font-weight:800;line-height:1.05}[data-look=pop] .tagline{margin-top:12px;font-size:15px}[data-look=pop] .stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}[data-look=pop] .stat{border-radius:var(--r-card);background:var(--lime);padding:18px}[data-look=pop] .stat-dark{background:var(--ink);color:#fff}[data-look=pop] .stat-label{opacity:.7;font-size:12px;font-weight:700}[data-look=pop] .stat-value{font-family:var(--num);letter-spacing:-.04em;margin-top:4px;font-size:36px;font-weight:800;line-height:1.15}[data-look=pop] .stat-value small{opacity:.6;letter-spacing:0;margin-left:4px;font-size:13px;font-weight:700}[data-look=pop] .notice{background:var(--violet-bg);color:#4b35c4;border:0;border-radius:14px;padding:12px 14px}[data-look=pop] .controls{margin-top:26px}[data-look=pop] .chip{background:var(--soft);border-color:var(--line);color:var(--ink);padding:9px 14px;font-weight:700}[data-look=pop] .chip.on{background:var(--ink);border-color:var(--ink);color:#fff}[data-look=pop] .sort select{border-color:var(--line);border-radius:12px;padding:8px 10px;font-weight:700}[data-look=pop] .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}[data-look=pop] .card{border-radius:var(--r-card);box-shadow:var(--shadow-card);border:0;flex-direction:column;padding:18px 18px 16px;transition:transform .15s,box-shadow .15s;display:flex}@media (hover:hover){[data-look=pop] .card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}}[data-look=pop] .card-cat{letter-spacing:.12em;color:#777b84;font-size:11px;font-weight:800}[data-look=pop] .card-name{letter-spacing:-.045em;margin-top:4px;font-size:19px;font-weight:800}[data-look=pop] .card-ko{color:var(--ink-3);margin-top:1px;font-family:Noto Sans KR,sans-serif;font-size:12px}[data-look=pop] .card-advice{color:var(--ink);margin-top:12px;font-size:14px;font-weight:600}[data-look=pop] .card-foot{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:14px;display:flex}[data-look=pop] .card-people{font-family:var(--num);letter-spacing:-.04em;font-size:22px;font-weight:800;line-height:1}[data-look=pop] .card-people small{color:var(--ink-3);letter-spacing:0;margin-left:4px;font-size:11px;font-weight:700}[data-look=pop] .card-head{position:relative}[data-look=pop] .card-head>.badge{display:none}[data-look=pop] .card-clay{flex-shrink:0;width:84px;height:84px;margin:-10px -8px -14px 0}[data-look=pop] .home-head,[data-look=pop] .detail-head{position:relative}[data-look=pop] .home-clay{float:right;width:112px;height:112px;margin:-8px -6px 0 8px}[data-look=pop] .detail-clay{width:116px;height:116px;position:absolute;top:-8px;right:-8px}[data-look=pop] .detail-head:has(.detail-clay)>:is(.card-cat,h1,.detail-ko){padding-right:108px}[data-look=pop] .meter{align-items:center;gap:8px;display:flex}[data-look=pop] .meter-bars{gap:3px;display:flex}[data-look=pop] .meter-label{color:var(--ink-3);font-size:12px;font-weight:800}[data-look=pop] .meter-quiet .meter-label{color:var(--quiet)}[data-look=pop] .meter-moderate .meter-label{color:var(--moderate)}[data-look=pop] .meter-busy .meter-label{color:var(--busy)}[data-look=pop] .meter-packed .meter-label{color:var(--packed)}[data-look=pop] .meter i{background:var(--line);border-radius:999px;width:18px;height:8px}[data-look=pop] .meter-quiet i.on{background:var(--quiet)}[data-look=pop] .meter-moderate i.on{background:var(--moderate)}[data-look=pop] .meter-busy i.on{background:var(--busy)}[data-look=pop] .meter-packed i.on{background:var(--packed)}[data-look=pop] .badge{padding:5px 10px;font-size:11px;font-weight:800}[data-look=pop] .badge-lg{padding:7px 14px;font-size:14px}[data-look=pop] .badge-moderate{color:var(--moderate)}[data-look=pop] .badge-packed{background:var(--ink);color:var(--lime)}[data-look=pop] .back{height:36px;color:var(--ink);background:#ffffffb8;border:1px solid #dedfe2;border-radius:999px;align-items:center;margin-bottom:20px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}[data-look=pop] .detail-head h1{letter-spacing:-.065em;margin-top:6px;font-size:36px;line-height:1.08}[data-look=pop] .detail-ko{font-family:Noto Sans KR,sans-serif;font-weight:500}[data-look=pop] .blurb{margin-top:12px;font-size:15px}[data-look=pop] .hero{box-shadow:var(--shadow-card);border:0;border-radius:26px;padding:22px 22px 24px}[data-look=pop] .hero-quiet{background:var(--lime)}[data-look=pop] .hero-quiet .badge{background:var(--ink);color:var(--lime)}[data-look=pop] .hero-moderate{background:var(--moderate-bg)}[data-look=pop] .hero-busy{background:var(--busy-bg)}[data-look=pop] .hero-packed{background:var(--ink);color:#fff}[data-look=pop] .hero-packed .badge{background:var(--lime);color:var(--ink)}[data-look=pop] .hero-packed .hero-meta{color:#ffffffa6}[data-look=pop] .hero-advice{letter-spacing:-.055em;margin-top:14px;font-size:30px;font-weight:800;line-height:1.12}[data-look=pop] .hero-meta{color:#10131a9e;margin-top:8px;font-weight:600}[data-look=pop] section:not(.hero){border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-card);margin-top:12px;padding:20px}[data-look=pop] section>h3{letter-spacing:.12em;color:#777b84;margin-bottom:14px;font-size:11px;font-weight:800}[data-look=pop] .chart{background:0 0;border:0;gap:5px;height:140px;padding:0}[data-look=pop] .chart-bar{border-radius:6px}[data-look=pop] .chart-label{letter-spacing:-.03em;font-size:9px;font-weight:700;overflow:visible}[data-look=pop] .legend{margin-top:12px;font-weight:600}[data-look=pop] .legend i{border-radius:999px}[data-look=pop] .tile{background:var(--soft);border:0;border-radius:18px}[data-look=pop] .tile-big{font-family:var(--num);letter-spacing:-.05em;font-size:40px}[data-look=pop] .tile-big-sm{letter-spacing:-.03em;font-weight:800}[data-look=pop] .hour{background:var(--soft);border:0;border-radius:14px}[data-look=pop] .hour-temp{font-family:var(--num);font-weight:800}[data-look=pop] .list{background:0 0;border:0;border-radius:0}[data-look=pop] .row{border-top-color:var(--line);padding:12px 0}[data-look=pop] .row-title{letter-spacing:-.02em;font-weight:700}[data-look=pop] a.row-title:hover{color:var(--violet)}[data-look=pop] .thumb{border-radius:12px;width:52px;height:52px}[data-look=pop] .bike-count{background:var(--lime);color:var(--ink);font-family:var(--num);border-radius:10px;font-weight:800}[data-look=pop] .foot{text-align:center}[data-look=pop] .wx-banner{background:var(--ink);color:#fff;border-radius:18px;padding:14px 16px}[data-look=pop] .wx-banner strong{color:var(--lime)}[data-look=pop] .tag-indoor{background:var(--violet-bg);color:var(--violet);font-weight:800}[data-look=pop] .getthere-row{background:0 0;border:0;padding:0}[data-look=pop] .map-link{background:var(--lime);color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:800}[data-look=pop] .map{border-radius:var(--r-card);box-shadow:var(--shadow-card);border:0}[data-look=pop] .map-pop{font-family:Manrope,sans-serif;font-weight:800}[data-look=pop] .leaflet-popup-content-wrapper{border-radius:16px}[data-look=pop] .map .leaflet-tile-pane{filter:grayscale(.85)brightness(1.04)contrast(.9)}[data-look=pop] .plan-picks .chip.on{background:var(--violet);border-color:var(--violet)}[data-look=pop] .tl-stop{background:var(--soft);border:0;border-radius:18px}[data-look=pop] .tl-time{font-family:var(--num);letter-spacing:-.03em;font-weight:800}[data-look=pop] .tl-name{letter-spacing:-.03em;font-weight:800}[data-look=pop] .tl-clay{width:56px;height:56px;margin:-8px -6px -8px 0}[data-look=pop] .watch-btn{background:var(--ink);color:#fff;border:0;padding:11px 16px;font-weight:800}[data-look=pop] .watch-btn.on{background:var(--violet)}[data-look=pop] .hero-packed .watch-btn{background:var(--lime);color:var(--ink)}[data-look=pop] .toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-float);border-radius:18px}[data-look=pop] .hero .watch-btn.on{background:var(--violet);color:#fff}[data-look=pop] .phrase-ko{letter-spacing:-.03em;font-weight:800}[data-look=pop] .phrase-roman{color:var(--violet);font-style:normal;font-weight:700}[data-look=pop] .icon-btn{background:var(--soft);border:0}[data-look=pop] .icon-btn:first-child,[data-look=pop] .phrase-big{background:var(--lime)}[data-look=pop] .phrase-big-ko{letter-spacing:-.04em}[data-look=pop] .phrase-big-en{color:var(--ink);font-weight:700}[data-look=pop] .install-btn{background:var(--lime);border:0;font-weight:800}[data-look=pop] .sheet{border-radius:26px 26px 0 0}[data-look=pop] .offline{border-radius:14px}[data-look=pop] .map-full{box-shadow:none;border-radius:0}[data-look=pop] .map-panel,[data-look=pop] .strip-card,[data-look=pop] .place-sheet{border:0}[data-look=pop] .map-when-label,[data-look=pop] .strip-name,[data-look=pop] .ps-title h2,[data-look=pop] .preset-name{font-family:var(--num);letter-spacing:-.03em}[data-look=pop] .map-slider{accent-color:var(--violet)}[data-look=pop] .ps-btn.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}[data-look=pop] .preset{background:var(--soft);border:0;border-radius:18px}[data-look=pop] .preset.on{background:var(--violet-bg);box-shadow:inset 0 0 0 2px var(--violet)}[data-look=pop] .tl-num{background:var(--violet);color:#fff}[data-look=pop] .route-line{stroke:var(--violet)}[data-look=pop] .saved-open{background:var(--soft);border:0;border-radius:16px}[data-look=pop] .gear-btn{background:var(--soft);border:0}[data-look=pop] .settings h3{font-family:var(--num);letter-spacing:-.03em}