:root{--route-bar-h: calc(56px + env(safe-area-inset-bottom, 0px)) }.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{position:sticky;top:0;z-index:30;padding:10px 14px 12px;background:#f7f5f8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e3dde6}.app-title h1{margin:0;font-size:15px;letter-spacing:.02em;color:#4649c4}.app-title p{margin:2px 0 8px;font-size:11px;color:#6b5f6e}.app-disclaimer{margin:2px 0 8px;font-size:10px;line-height:1.35;color:#8a7c8d;white-space:normal;max-width:100%}.app-disclaimer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.search-bar{position:relative}.search-bar input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e3dde6;background:#fff;color:#241a24;font-size:14px;outline:none}.search-bar input:focus{border-color:#4649c4}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #e3dde6;border-radius:12px;box-shadow:0 8px 24px #241a241f;z-index:40}.search-results li{padding:8px 10px;border-radius:8px;display:flex;gap:8px;align-items:baseline}.search-results li:not(.search-empty):hover,.search-results li:not(.search-empty):active{background:#5558d91a;cursor:pointer}.search-result-id{font-weight:700;color:#4649c4;font-size:12px;flex-shrink:0}.search-result-name{font-size:13px;color:#241a24}.search-empty{color:#8a7c8d;font-size:13px}.app-main{position:relative;flex:1;min-height:0;overflow:hidden}.map-area{position:absolute;top:0;right:0;bottom:0;left:0}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f5f8}.map-svg{width:100%;height:100%;touch-action:none;display:block;-webkit-tap-highlight-color:transparent}.booth-cell{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.booth-cell:focus,.booth-cell:focus-visible{outline:none}.booth-cell--empty{cursor:default}.booth-cell-hit{fill:transparent;stroke:none}.booth-cell-rect{fill:transparent;stroke:none;stroke-width:2;transition:fill .12s ease}.booth-cell--empty .booth-cell-rect{fill:#78707a59}.booth-cell--in-area .booth-cell-rect{fill:#5558d952;stroke:#5558d9}.booth-cell--in-area.booth-cell--empty .booth-cell-rect{fill:#78707a80}.booth-cell--dimmed{opacity:.35;transition:opacity .2s ease}@media (hover: hover){.booth-cell:not(.booth-cell--empty):not(.booth-cell--selected):hover .booth-cell-rect{fill:#5558d926}}.booth-cell--selected .booth-cell-rect{fill:#5558d973;stroke:#5558d9}.booth-cell--active .booth-cell-rect{fill:#5558d98c;stroke:#5558d9;stroke-width:3}.booth-cell--active{filter:drop-shadow(0 0 6px rgba(85,88,217,.55))}.booth-cell--pressed:not(.booth-cell--selected) .booth-cell-rect{fill:#5558d940}@keyframes boothPulse{0%,to{stroke-opacity:1;stroke-width:2}50%{stroke-opacity:.35;stroke-width:5}}.booth-cell--pulse .booth-cell-rect{stroke:#5558d9;animation:boothPulse .5s ease-in-out 3}.booth-badge{fill:#5558d9;stroke:#fff;stroke-width:3}.booth-badge-text{fill:#fff;font-size:16px;font-weight:800;pointer-events:none}.entry-marker text{pointer-events:none}.route-line-outline{stroke:#fff;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.route-line{stroke:#5558d9;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22 15;animation:dashFlow 1.2s linear infinite;filter:drop-shadow(0 0 6px rgba(85,88,217,.5))}@keyframes dashFlow{to{stroke-dashoffset:-74}}.zoom-controls{position:absolute;right:12px;bottom:calc(var(--route-bar-h) + 12px);display:flex;flex-direction:column;gap:6px;z-index:20}.zoom-controls button{width:38px;height:38px;border-radius:10px;border:1px solid #e3dde6;background:#fffffff2;color:#241a24;font-size:18px;box-shadow:0 2px 8px #241a241a}.booth-popup{position:absolute;left:50%;bottom:calc(var(--route-bar-h) + 12px);transform:translate(-50%);z-index:36;width:min(420px,92%);background:#fff;border:1px solid #e3dde6;border-radius:16px;padding:14px 16px;box-shadow:0 8px 30px #241a242e;pointer-events:auto}.booth-popup-header{display:flex;align-items:center;justify-content:space-between}.booth-popup-id{font-weight:800;color:#4649c4;font-size:13px;letter-spacing:.04em}.booth-popup-close{background:none;border:none;color:#6b5f6e;font-size:16px}.booth-popup-name{margin:6px 0 12px;font-size:16px;font-weight:600;color:#241a24}.booth-popup-action{width:100%;padding:10px;border-radius:10px;border:none;background:#5558d9;color:#fff;font-weight:700}.booth-popup-action--remove{background:transparent;border:1px solid #4649C4;color:#4649c4}.legend{position:absolute;left:8px;right:8px;top:8px;z-index:20}.legend-row{display:flex;align-items:center;gap:6px}.legend-chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:5px 7px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;box-shadow:0 2px 8px #241a241a}.legend-chips::-webkit-scrollbar{display:none}.legend-chip{flex-shrink:0;width:26px;height:26px;border-radius:8px;border:1px solid #e3dde6;background:#ffffffeb;color:#241a24;font-size:11px;font-weight:700;box-shadow:0 2px 6px #241a2414}.legend-chip:hover,.legend-chip:active{border-color:#4649c4;color:#4649c4}.legend-chip.legend-chip--active{background:#5558d9;border-color:#5558d9;color:#fff}.legend-info-toggle{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid #e3dde6;background:#ffffffeb;color:#241a24;font-weight:800;font-style:italic;font-size:14px;box-shadow:0 2px 8px #241a241a}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.legend-dot--booth{background:#78707a26;border:1px solid #e3dde6}.legend-dot--empty{background:#78707a59}.legend-dot--selected,.legend-dot--route{background:#5558d9}.legend-keys{display:none}.legend-keys--open{display:flex;flex-direction:column;gap:2px;width:fit-content;margin-top:6px;background:#ffffffeb;border:1px solid #e3dde6;border-radius:10px;padding:6px 8px;font-size:10px;color:#6b5f6e;box-shadow:0 2px 6px #241a2414}@media (min-width: 900px){.legend{right:auto;max-width:60%}.legend-chips{flex-wrap:wrap;overflow:visible;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;padding:0}.legend-info-toggle{display:none}.legend-keys,.legend-keys--open{display:flex;flex-direction:column;gap:2px;width:fit-content;margin-top:6px;background:#ffffffeb;border:1px solid #e3dde6;border-radius:10px;padding:6px 8px;font-size:10px;color:#6b5f6e;box-shadow:0 2px 6px #241a2414}}.route-panel{position:absolute;left:0;right:0;bottom:0;z-index:35;background:#fff;border-top:1px solid #e3dde6;border-radius:18px 18px 0 0;box-shadow:0 -8px 28px #241a2433;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes routePanelFlashRing{0%{box-shadow:0 -8px 28px #241a2433,0 0 #5558d98c}to{box-shadow:0 -8px 28px #241a2433,0 0 0 6px #5558d900}}.route-panel--flash{animation:routePanelFlashRing .4s ease-out}.route-panel-handle{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:calc(var(--route-bar-h) - env(safe-area-inset-bottom,0px));padding:14px 16px 10px;background:none;border:none;color:#241a24;font-weight:700;font-size:14px}.route-panel-handle-grip{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:#e3dde6}.route-panel-title{display:flex;align-items:center;gap:8px;font-weight:800}@keyframes routePanelBadgePop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.route-panel-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#5558d9;color:#fff;font-size:11px;font-weight:800;animation:routePanelBadgePop .3s ease-out}.route-panel-distance{margin-left:auto;color:#4649c4;font-weight:700;font-size:13px}.route-panel-chevron{color:#6b5f6e;font-size:11px;display:inline-block;transition:transform .2s ease-out}.route-panel--collapsed .route-panel-chevron{transform:rotate(180deg)}.route-panel-body-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease-out,opacity .2s ease-out}.route-panel:not(.route-panel--collapsed) .route-panel-body-wrap{grid-template-rows:1fr;opacity:1}.route-panel-body{min-height:0;max-height:calc(55vh - var(--route-bar-h));padding:0 14px 16px;overflow-y:auto}.route-panel-empty{color:#8a7c8d;font-size:13px;margin:4px 0 12px}.route-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.route-list-item{display:flex;align-items:center;gap:8px;background:#f7f5f8;border:1px solid #e3dde6;border-radius:10px;padding:6px 8px}.route-list-badge{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#5558d9;color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center}.route-list-label{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:none;border:none;color:inherit;text-align:left;padding:0}.route-list-id{font-size:10px;color:#4649c4;font-weight:700}.route-list-name{font-size:13px;color:#241a24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.route-list-actions{display:flex;gap:4px;flex-shrink:0}.route-list-actions button{width:26px;height:26px;border-radius:7px;border:1px solid #e3dde6;background:#fff;color:#241a24;font-size:12px}.route-list-actions button:disabled{opacity:.35}.route-list-remove{color:#4649c4}.route-panel-summary{font-size:13px;color:#6b5f6e;margin-bottom:10px}.route-panel-summary strong{color:#4649c4}.route-panel-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-accent{flex:1;min-width:140px;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#5558d9,#7b7ee8);color:#fff;font-weight:800}.btn-ghost{padding:11px 14px;border-radius:10px;border:1px solid #e3dde6;background:transparent;color:#241a24;font-weight:600}.btn-danger{color:#4649c4;border-color:#eeeefb}@media (min-width: 900px){.app-header{display:flex;align-items:center;gap:24px}.app-title{flex-shrink:0}.search-bar{flex:1;max-width:420px}.app-main{display:flex}.map-area{position:relative;flex:1}.route-panel{position:relative;width:340px;flex-shrink:0;max-height:none;border-radius:0;border-top:none;border-left:1px solid #e3dde6;box-shadow:none;display:flex;flex-direction:column;padding-bottom:0}.route-panel-handle{cursor:default;min-height:auto;padding:12px 16px}.route-panel-handle-grip,.route-panel-chevron{display:none}.route-panel-body-wrap{display:block;flex:1;opacity:1;transition:none}.route-panel-body{height:100%;max-height:none;flex:1}.zoom-controls{bottom:16px}.booth-popup{bottom:10%}.install-prompt{bottom:16px}}.install-prompt{position:absolute;left:50%;bottom:calc(var(--route-bar-h) + 12px);transform:translate(-50%);z-index:34;width:min(380px,90%);background:#fff;border:1px solid #e3dde6;border-radius:16px;padding:14px 16px;box-shadow:0 8px 30px #241a242e}.install-prompt-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#6b5f6e;font-size:14px;padding:4px}.install-prompt-title{margin:0 22px 2px 0;font-size:14px;font-weight:800;color:#241a24}.install-prompt-sub{margin:0 22px 10px 0;font-size:12px;line-height:1.35;color:#6b5f6e}.install-prompt-ios{margin:0;font-size:12px;line-height:1.4;color:#241a24}.install-prompt-ios strong{color:#4649c4}.install-prompt-action{width:100%;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#5558d9,#7b7ee8);color:#fff;font-weight:800;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f7f5f8;color:#241a24;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d8d0da;border-radius:3px}