@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#171713;font-synthesis:none;text-rendering:optimizelegibility;--mobile-edge:24px;--mobile-bottom:max(18px, env(safe-area-inset-bottom));--info-scale-gap:24px;--spatial-motion-duration:.42s;--spatial-motion-easing:ease-out;background:#efede6;font-family:DM Sans,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#efede6;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{min-height:100dvh}button,a{font:inherit;color:inherit}.page-shell{background:#efede6;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}.explore-field{touch-action:none;-webkit-user-select:none;user-select:none;background:#efede6;width:100%;height:100%;position:relative;overflow:hidden}.explore-field:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#1717132e 0 1px,#0000 1.15px);background-position:50%;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#000000f0 42%,#00000094 70%,#0000002e 88%,#0000 100%);mask-image:radial-gradient(#000 0%,#000000f0 42%,#00000094 70%,#0000002e 88%,#0000 100%)}.bd-link{z-index:20;top:max(18px, env(safe-area-inset-top));color:#5f5b53;letter-spacing:-.055em;text-transform:lowercase;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;text-decoration:none;position:absolute;left:18px}.place-point,.cluster-point{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;width:64px;height:64px;transition:left var(--spatial-motion-duration) var(--spatial-motion-easing), top var(--spatial-motion-duration) var(--spatial-motion-easing);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.place-point--selected{z-index:10}.place-pulse,.place-badge,.cluster-badge{border-radius:50%;position:absolute}.place-badge,.cluster-badge{background:#f7f5ef;border:1px solid #1717132e;place-items:center;width:34px;height:34px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 6px 18px #17171314}.cluster-badge{color:#f3f1eb;background:#1b1b18;font-size:12px;font-weight:700;box-shadow:0 7px 20px #1717131f}.place-symbol{color:#1c1c19;font-size:17px;font-weight:700;line-height:1}.place-badge-image,.sheet-badge-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.place-point--river .place-symbol{font-size:20px;transform:translateY(-1px)}.place-point--station .place-symbol{font-size:15px}.place-point--park .place-symbol{font-size:14px}.place-point--theme .place-symbol{font-size:13px}.place-point--school .place-symbol{font-size:15px}.place-pulse{opacity:0;width:34px;height:34px;animation:3.4s ease-out infinite point-pulse;animation-delay:var(--pulse-delay);border:1px solid #1c1c1947}.cluster-pulse{border-color:#1c1c1957;width:34px;height:34px}.place-point:hover .place-badge,.place-point:focus-visible .place-badge,.place-point--selected .place-badge,.cluster-point:hover .cluster-badge,.cluster-point:focus-visible .cluster-badge{border-color:#1717136b;transform:scale(1.12)}.place-point--selected .place-pulse{border-width:2px;border-color:#17171394;animation:1.6s cubic-bezier(.2,.72,.3,1) infinite selected-point-pulse}.place-point:focus-visible,.cluster-point:focus-visible{outline-offset:1px;outline:1px solid #171713}@keyframes point-pulse{0%,64%{opacity:0;transform:scale(.84)}68%{opacity:.42}82%{opacity:.14}96%,to{opacity:0;transform:scale(2.45)}}@keyframes selected-point-pulse{0%{opacity:.68;transform:scale(.92)}58%{opacity:.26}to{opacity:0;transform:scale(2.8)}}.proximity-guide{z-index:3;color:#3f3d37;height:4px;opacity:var(--guide-opacity);transform-origin:0;pointer-events:none;transition:width var(--spatial-motion-duration) var(--spatial-motion-easing), transform var(--spatial-motion-duration) var(--spatial-motion-easing), opacity .32s ease;position:absolute}.proximity-guide__svg{transform-origin:0;animation:.62s cubic-bezier(.22,1,.36,1) both guide-draw;display:block;overflow:visible}.proximity-guide__line{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dasharray .42s ease-out,stroke-width .32s}.proximity-guide--solid{color:#171713;filter:drop-shadow(0 0 4px #17171333)}.proximity-guide--solid .proximity-guide__line{stroke-width:2px}.proximity-distance{z-index:8;color:#55524b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;min-width:42px;height:24px;transition:left var(--spatial-motion-duration) var(--spatial-motion-easing), top var(--spatial-motion-duration) var(--spatial-motion-easing), border-color .32s ease, color .32s ease;background:#f7f5eff0;border:1px solid #17171321;border-radius:999px;place-items:center;padding:0 8px;animation:.42s cubic-bezier(.22,1,.36,1) .18s both distance-enter;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1717130f}.proximity-distance--near{color:#171713;border-color:#1717134d;box-shadow:0 4px 16px #1717131c,0 0 0 3px #f7f5ef94}.rolling-distance{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:baseline;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.rolling-distance__number{align-items:baseline;display:inline-flex}.rolling-distance__slot{text-align:center;width:.62em;height:1em;position:relative;overflow:hidden}.rolling-distance__slot--separator{width:.34em}.rolling-distance__character{display:block;position:absolute;inset:0}.rolling-distance__character--current.rolling-distance__character--closer{animation:.26s cubic-bezier(.22,1,.36,1) both number-roll-in-down}.rolling-distance__character--previous.rolling-distance__character--closer{animation:.26s cubic-bezier(.22,1,.36,1) both number-roll-out-down}.rolling-distance__character--current.rolling-distance__character--farther{animation:.26s cubic-bezier(.22,1,.36,1) both number-roll-in-up}.rolling-distance__character--previous.rolling-distance__character--farther{animation:.26s cubic-bezier(.22,1,.36,1) both number-roll-out-up}.rolling-distance__unit{color:#77736b;margin-left:1px;font-size:.82em;animation:.22s ease-out both unit-enter}@keyframes guide-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes distance-enter{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes number-roll-in-down{0%{opacity:0;transform:translateY(-115%)}to{opacity:1;transform:translateY(0)}}@keyframes number-roll-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(115%)}}@keyframes number-roll-in-up{0%{opacity:0;transform:translateY(115%)}to{opacity:1;transform:translateY(0)}}@keyframes number-roll-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-115%)}}@keyframes unit-enter{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.me{z-index:6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f3f1ebb8;border:1px solid #17171324;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.me-core{z-index:2;background:#171713;border-radius:50%;width:12px;height:12px;position:relative;box-shadow:0 0 0 4px #17171314}.travel-heading{--travel-heading:0deg;z-index:1;opacity:.32;transform:rotate(var(--travel-heading));pointer-events:none;border-radius:50%;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .32s;display:none;position:absolute;inset:-7px}.travel-heading--active{opacity:.92}.travel-heading__arrow{clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 1px 2px #1717132e);background:#171713;width:9px;height:11px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.me--active{background:#fbfaf6;border-color:#1717136b}.me:focus-visible{outline-offset:2px;outline:1px solid #171713}.location-state{z-index:7;top:max(16px, env(safe-area-inset-top));color:#747169;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#f7f5efc7;border:1px solid #1717131a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.location-state--demo{color:#5f5b53}.location-state--error{color:#9f3f32;border-color:#9f3f3238}.scale-bar{z-index:9;left:var(--mobile-edge);bottom:var(--mobile-bottom);pointer-events:none;gap:5px;width:64px;display:grid;position:absolute}.scale-bar-label{color:#69665f;letter-spacing:-.01em;font-size:9px;font-weight:600}.scale-bar-line{border-bottom:1px solid #1717138f;width:64px;height:7px;display:block;position:relative}.scale-bar-line:before,.scale-bar-line:after{content:"";background:#1717138f;width:1px;height:6px;position:absolute;bottom:-1px}.scale-bar-line:before{left:0}.scale-bar-line:after{right:0}.info-card{z-index:11;left:var(--mobile-edge);right:var(--mobile-edge);bottom:calc(var(--mobile-bottom) + 32px + var(--info-scale-gap));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5eff5;border:1px solid #17171324;border-radius:20px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;height:84px;min-height:84px;padding:13px 16px;display:grid;position:absolute}.sheet-badge,.profile-avatar{color:#1c1c19;background:#efede6;border:1px solid #17171329;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:grid}.profile-avatar{color:#f3f1eb;background:#1b1b18;font-size:12px}.sheet-badge--river{font-size:22px}.sheet-copy{gap:2px;min-width:0;display:grid}.sheet-copy span{color:#8a877f;font-size:9px}.sheet-copy strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;font-size:14px;overflow:hidden}.sheet-copy small{color:#77736b;font-size:9px;line-height:1.2}.sheet-distance{color:#4e4c46;white-space:nowrap;font-size:12px;font-weight:600}.detail-link{white-space:nowrap;background:#fbfaf6;border:1px solid #17171321;border-radius:999px;padding:9px 11px;font-size:10px;font-weight:700;text-decoration:none}@media (width>=760px){html,body,#root,.page-shell{background:#dedbd2}.explore-field{background:#efede6;max-width:620px;margin:0 auto;box-shadow:0 0 0 1px #1717130d,0 0 40px #1717130d}}@media (width<=420px){:root{--mobile-edge:22px;--mobile-bottom:max(16px, env(safe-area-inset-bottom));--info-scale-gap:22px}.bd-link{left:var(--mobile-edge);top:max(16px, env(safe-area-inset-top))}.info-card{height:84px;min-height:84px;padding:12px 13px}}@media (width<=759px){.travel-heading{display:block}}@supports not (height:100dvh){.page-shell{height:100vh}}@media (prefers-reduced-motion:reduce){.place-pulse,.proximity-guide__svg,.proximity-distance,.rolling-distance__character,.rolling-distance__unit{animation:none}.proximity-guide,.proximity-guide__line,.proximity-distance,.place-point,.cluster-point,.travel-heading{transition:none}}