.route-panel{height:100vh;width:var(--route-panel-width,340px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;z-index:10;background:#141820eb;border-left:1px solid #ffffff1a;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-size:13px;transition:width .2s;display:flex;position:fixed;top:0;right:0}.route-panel[data-position=left]{border-left:none;border-right:1px solid #ffffff1a;left:0;right:auto}.route-panel[data-collapsed=false],.route-panel:not([data-collapsed]){width:var(--route-panel-width,340px)}.route-panel[data-collapsed=true]{width:var(--route-panel-collapse-width,48px)}.route-panel__header{border-bottom:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.route-panel__header-row1,.route-panel__header-row2{align-items:center;gap:8px;display:flex}.route-panel__hint-icon{color:#9ca3af;cursor:help;-webkit-user-select:none;user-select:none;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.route-panel__hint-icon:hover{color:#e5e7eb;background:#fff3}.route-panel__bulk-actions{gap:4px;margin-left:auto;display:flex}.route-panel__bulk-actions button{color:#e5e7eb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:3px;padding:3px 8px;font-family:inherit;font-size:11px}.route-panel__bulk-actions button:hover{background:#ffffff1f}.route-panel__title{flex-grow:1;font-size:14px;font-weight:600}.route-panel__count{color:#9ca3af;font-variant-numeric:tabular-nums;flex-grow:0;font-size:11px}.route-panel__collapse-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:4px 8px;font-family:inherit}.route-panel__search{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:8px 12px;position:relative}.route-panel__search-input{box-sizing:border-box;color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;outline:none;width:100%;padding:6px 28px 6px 8px;font-family:inherit;font-size:13px}.route-panel__search-input:focus{border-color:#3b82f6}.route-panel__search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;display:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.route-panel__search-clear[data-visible=true]{display:block}.route-panel__groups{flex:1;overflow:hidden auto}.route-panel__group{border-bottom:1px solid #ffffff0a}.route-panel__group-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0003;align-items:center;gap:8px;padding:10px 16px;display:flex}.route-panel__group-header:hover{background:#0000004d}.route-panel__group-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:16px;padding:0;font-size:11px;transition:transform .15s}.route-panel__group[data-open=false] .route-panel__group-toggle{transform:rotate(-90deg)}.route-panel__group-label{flex-grow:1;font-weight:500}.route-panel__group-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:11px}.route-panel__group-bulk-btn{color:#e5e7eb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:11px}.route-panel__group-bulk-btn:hover{background:#ffffff1a}.route-panel__group[data-open=false] .route-panel__group-body{display:none}.route-panel__group-body{flex-direction:column;display:flex}.route-panel__route-item{cursor:pointer;align-items:center;gap:6px;padding:6px 16px;display:flex}.route-panel__route-item:hover{background:#ffffff0d}.route-panel__route-item[data-hidden=true]{display:none}.route-panel__route-item[data-focused=true],.route-panel__route-variant-header[data-focused=true]{background:#6366f12e;box-shadow:inset 3px 0 #818cf8}.route-panel__route-item[data-focused=true]:hover,.route-panel__route-variant-header[data-focused=true]:hover{background:#6366f142}.route-panel__route-item input[type=checkbox]{cursor:pointer;flex-shrink:0;margin:0}.route-panel__route-color-dot{border:1px solid #0000004d;border-radius:50%;flex-shrink:0;width:10px;height:10px}.route-panel__route-short{font-variant-numeric:tabular-nums;min-width:38px;font-weight:600}.route-panel__route-long{white-space:nowrap;text-overflow:ellipsis;color:#d1d5db;flex-grow:1;overflow:hidden}.route-panel__route-operator{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:10px}.route-panel__route-mojibake-warn{color:#f59e0b;cursor:help;margin-right:2px;font-size:11px}.route-panel__route-variant-header{cursor:pointer;background:#ffffff05;align-items:center;gap:6px;padding:6px 16px;display:flex}.route-panel__route-variant-header:hover{background:#ffffff0f}.route-panel__route-variant-toggle{color:#9ca3af;text-align:center;width:12px;font-size:11px;transition:transform .15s}.route-panel__route-variant-header[data-open=false] .route-panel__route-variant-toggle{transform:rotate(-90deg)}.route-panel__route-variant-count{color:#9ca3af;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.route-panel__route-item--variant{background:#00000026;padding-left:32px}.route-panel__variant-label{color:#9ca3af;margin-left:4px;font-size:12px;font-style:italic}.route-panel__iett-bus-toggles{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 12px;display:flex}.route-panel__bus-toggle{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 4px;display:flex}.route-panel__bus-toggle:hover{background:#ffffff0a}.route-panel__bus-toggle-label{color:#e5e7eb;flex:1;font-size:13px}.route-panel__bus-toggle-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:11px}.vehicle-popup{color:#1f2937;font-family:system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.4}.vehicle-popup__source{color:#6b7280;border-top:1px solid #0000001a;margin-top:6px;padding-top:4px;font-size:10px;font-style:italic}.vehicle-popup__title{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.vehicle-popup__short{color:#111827;font-size:13px;font-weight:700}.vehicle-popup__long{color:#4b5563;font-size:11px}.vehicle-popup__operator{color:#6b7280;margin-bottom:4px;font-size:11px}.vehicle-popup__unmapped{color:#9ca3af;font-size:11px;font-style:italic}.vehicle-popup__unmapped-detail{color:#b0b0b0;margin-top:2px;font-size:10px;font-style:normal}.vehicle-popup__kapi{color:#4b5563;margin-top:2px;font-size:11px}.vehicle-popup__next-stops{border-top:1px solid #00000014;max-height:140px;margin-top:6px;padding-top:4px;overflow-y:auto}.vehicle-popup__next-stops-header{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:600}.vehicle-popup__stop{grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:2px 0;font-size:11px;display:grid}.vehicle-popup__stop-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vehicle-popup__stop-time{color:#4b5563;font-variant-numeric:tabular-nums}.vehicle-popup__stop-eta{color:#2563eb;font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-weight:600}.vehicle-popup__empty{color:#9ca3af;font-size:11px;font-style:italic}.toast{color:#f3f4f6;z-index:1000;opacity:0;pointer-events:none;text-align:center;background:#141414eb;border-radius:6px;max-width:320px;padding:10px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast[data-visible=true]{opacity:1}.route-panel__bus-loading,.route-panel__bus-error{text-align:center;color:#9ca3af;padding:16px;font-size:12px;font-style:italic}.route-panel__bus-error{color:#f87171}.route-panel__bus-list{height:50vh;min-height:200px;position:relative;overflow:auto}.route-panel[data-collapsed=true] .route-panel__header{flex-direction:column;align-items:center;gap:14px;padding:10px 0}.route-panel[data-collapsed=true] .route-panel__title{writing-mode:vertical-rl;text-align:center;letter-spacing:1px;flex-grow:0;font-size:11px;transform:rotate(180deg)}.route-panel[data-collapsed=true] .route-panel__collapse-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;flex:none;margin:0;padding:4px 10px;font-size:14px;display:block}.route-panel[data-collapsed=true] .route-panel__header-row2,.route-panel[data-collapsed=true] .route-panel__hint-icon,.route-panel[data-collapsed=true] .route-panel__count,.route-panel[data-collapsed=true] .route-panel__search,.route-panel[data-collapsed=true] .route-panel__groups,.route-panel__drag-handle{display:none}.mobile-hamburger{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;cursor:pointer;background:#141820eb;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:inherit;font-size:20px;display:none;position:fixed;top:12px;left:12px}.mobile-hamburger:hover{background:#282c34f2}.mobile-backdrop{z-index:9;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-hamburger{display:flex}.mobile-backdrop[data-visible=true]{display:block}.route-panel__drag-handle{background:#ffffff4d;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:8px auto 4px;display:block}.route-panel{z-index:10;border-top:1px solid #ffffff1f;border-left:none;border-right:none;border-radius:12px 12px 0 0;width:100%;height:60vh;max-height:60vh;transition:transform .25s;inset:auto 0 0;transform:translateY(100%)}.route-panel[data-mobile-open=true]{transform:translateY(0)}.route-panel,.route-panel[data-collapsed=true],.route-panel[data-collapsed=false]{width:100%}.route-panel__collapse-btn{display:none}.route-panel[data-collapsed=true] .route-panel__title{writing-mode:horizontal-tb;font-size:14px;transform:none}.route-panel__bulk-actions button,.route-panel__group-bulk-btn{min-height:36px;padding:8px 12px;font-size:13px}.route-panel__route-item,.route-panel__route-variant-header,.route-panel__bus-toggle{min-height:44px;padding-top:10px;padding-bottom:10px}.route-panel__group-header{min-height:44px;padding-top:12px;padding-bottom:12px}.route-panel__route-item input[type=checkbox],.route-panel__bus-toggle input[type=checkbox],.route-panel__route-variant-header input[type=checkbox]{width:20px;height:20px}.route-panel__search-input{min-height:36px;font-size:14px}.maplibregl-popup-content{max-width:90vw;max-height:60vh;overflow-y:auto}}