@media (min-width:64rem){.kaki-sidebar-grid{grid-template-columns:minmax(0,1fr) 420px}.kaki-map-detail{grid-template-columns:minmax(0,1fr) minmax(16rem,24rem)}.kaki-run-detail-grid{grid-template-columns:minmax(0,1fr) 20rem}.kaki-run-list-item{grid-template-columns:1fr auto}.kaki-vendor-grid{grid-template-columns:minmax(0,1fr) 24rem}}.kaki-map-screen{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.kaki-map-main{grid-template-rows:minmax(0,1fr);position:relative}.kaki-map-sidebar{z-index:10;width:min(28rem,88vw);min-height:0;position:absolute;inset:0 auto 0 0;overflow:hidden}.kaki-map-sidebar-browse,.kaki-map-sidebar-route{transition:opacity .22s,transform .22s}.kaki-map-sidebar-browse{opacity:1;transform:translateY(0)}.kaki-map-sidebar-route{opacity:0;pointer-events:none;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0;transform:translateY(.75rem)}.kaki-map-sidebar[data-route-active=true] .kaki-map-sidebar-browse{opacity:0;pointer-events:none;transform:translateY(-.75rem)}.kaki-map-sidebar[data-route-active=true] .kaki-map-sidebar-route{opacity:1;pointer-events:auto;transform:translateY(0)}.kaki-map-detail-panel{background:var(--paper);border-radius:.75rem;width:min(31rem,100vw - 4rem)}.kaki-map-detail-panel [data-slot=scroll-area-viewport]{max-height:min(24rem,100vh - 8rem)}.kaki-map-route-panel{border-radius:.75rem;width:min(26rem,100vw - 4rem)}.kaki-map-route-panel [data-slot=scroll-area-viewport]{max-height:min(20rem,100vh - 8rem)}.kaki-map-sidebar .kaki-map-route-panel{border-radius:inherit;width:100%;height:100%}.kaki-map-sidebar .kaki-map-route-panel [data-slot=scroll-area-viewport]{max-height:none}.kaki-map-path-mode-panel{z-index:20;background:var(--paper);width:min(26rem,100% - 2rem);box-shadow:0 20px 25px -5px hsl(var(--shadow-color) / .1), 0 8px 10px -6px hsl(var(--shadow-color) / .1);border-radius:.75rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.kaki-map-path-mode-panel [data-slot=scroll-area-viewport]{max-height:min(24rem,100vh - 2rem)}.kaki-map-path-target{box-shadow:0 0 0 .25rem color-mix(in srgb, var(--brand) 28%, transparent), 0 12px 18px -10px hsl(var(--shadow-color) / .45);position:relative;transform:scale(1.06)}.kaki-map-path-target:after{box-shadow:0 0 0 .125rem color-mix(in srgb, var(--brand) 38%, transparent);content:"";pointer-events:none;border-radius:9999px;animation:1.5s ease-out infinite kaki-map-path-target-pulse;position:absolute;inset:-.6rem}@keyframes kaki-map-path-target-pulse{0%{opacity:.75;transform:scale(.88)}to{opacity:0;transform:scale(1.3)}}.kaki-map-detail-popup{z-index:10}.kaki-map-detail-popup .maplibregl-popup-content{background:var(--paper);box-shadow:0 20px 25px -5px hsl(var(--shadow-color) / .1), 0 8px 10px -6px hsl(var(--shadow-color) / .1);color:var(--black);border-radius:.75rem;padding:0}.kaki-map-detail-popup .maplibregl-popup-tip{border-top-color:var(--paper)}.kaki-map-detail-panel .kaki-map-detail{grid-template-columns:minmax(0,1fr)}@media (min-width:64rem){.kaki-map-main{grid-template-rows:minmax(0,1fr)}.kaki-map-detail-panel{width:min(32rem,100vw - 30rem)}.kaki-map-detail-panel [data-slot=scroll-area-viewport]{max-height:min(28rem,100vh - 11rem)}.kaki-map-route-panel{width:min(28rem,100vw - 30rem)}}.kaki-input{background:var(--gray-fill);width:100%;color:var(--black);border-radius:.5rem;outline:none;padding:.75rem;font-size:.875rem;line-height:1.25rem}.kaki-input:focus{box-shadow:0 0 0 2px var(--brand)}