:root{--surface-glass:#ffffffe0;--surface-glass-hover:#fffffff5;--surface-glass-active:#fff;--surface-glass-subtle:#f8fafcbf;--surface-glass-solid:#fff;--surface-glass-dark:#1e293be6;--surface-glass-error:#fee2e2;--backdrop-blur-sm:blur(6px);--backdrop-blur-md:blur(12px);--backdrop-blur-lg:blur(20px);--border-color-subtle:#0000000a;--border-color:#00000014;--border-color-medium:#00000024;--border-color-strong:#00000080;--border-color-focus:#0f172a40;--border-glass:#fff9;--divider-color:#00000029;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--mono-accent:#0f172a;--mono-accent-hover:#1e293b;--mono-accent-active:#334155;--mono-active-bg:#0f172a14;--mono-hover-bg:#0f172a0a;--brand-primary:#70bfd3;--brand-primary-bg:#2563eb;--brand-primary-hover:#1d4ed8;--brand-primary-subtle:#2563eb14;--color-success:#16a34a;--color-accept:#16a34a;--color-warning:#ea580c;--color-danger:#dc2626;--color-discard:#dc2626;--color-copilot:#0284c7;--color-error:#991b1b;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px -2px #00000014, 0 2px 6px -1px #0000000a;--shadow-lg:0 10px 25px -4px #0000001a, 0 4px 10px -2px #0000000a;--shadow-xl:0 20px 32px -6px #00000024, 0 8px 16px -4px #0000000f;--shadow-rail:-2px 0 16px #00000014, 0 0 1px #0000001f;--shadow-drawer:-8px 0 28px #0000001f, -2px 0 6px #0000000a;--shadow-tooltip:0 4px 14px #00000024;--panel-shadow:0 10px 25px -5px #0000001a, 0 4px 10px -2px #0000000a;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--rail-width:52px;--rail-gap:8px;--rail-item-size:36px;--drawer-width:320px;--header-height:52px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--map-controls-gap:0px;--z-map:1;--z-map-controls:10;--z-overlay:20;--z-drawer:30;--z-rail:40;--z-tooltip:50;--z-modal:100;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}.map-layout-root{background-color:#f1f5f9;width:100vw;height:100vh;position:relative;overflow:hidden}.map-canvas-layer{width:100%;height:100%;z-index:var(--z-map);position:absolute;inset:0}.map-icon-rail{z-index:var(--z-rail);align-items:center;gap:var(--rail-gap);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-base), background-color var(--transition-base);flex-direction:column;padding:8px 6px;display:flex;position:absolute;top:14px;right:14px}.map-icon-rail:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-xl)}.map-icon-rail-toggle{z-index:var(--z-rail);align-items:center;gap:var(--rail-gap);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-base), background-color var(--transition-base);flex-direction:column;padding:8px 6px;display:flex;position:absolute;top:218px;right:14px}.map-icon-rail-toggle:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-xl)}.map-icon-rail-toggle .map-rail-tooltip{left:calc(100% + 10px);right:auto;transform:translateY(-50%)translate(-4px)}.map-icon-rail-toggle .map-rail-btn-wrapper:hover .map-rail-tooltip,.map-icon-rail-toggle .map-rail-btn:focus-visible~.map-rail-tooltip{transform:translateY(-50%)translate(0)}.map-icon-rail-toggle .map-rail-tooltip:after{border-color:#0000 #0f172aeb #0000 #0000;left:auto;right:100%}.map-nav-controls{align-items:center;gap:var(--map-controls-gap);padding:var(--map-controls-gap);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:visible}.map-nav-controls .map-rail-divider{background-color:#0f172a38;width:24px;margin:0}.map-nav-controls .map-rail-btn{color:#1e293b}.map-nav-controls .map-rail-btn:hover,.map-nav-controls .map-rail-btn:active{color:#1e293b;background-color:#0000;transform:none}.map-rail-divider{background-color:var(--divider-color);width:24px;height:1px;margin:2px 0}.map-rail-btn-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.map-rail-btn{width:var(--rail-item-size);height:var(--rail-item-size);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.map-rail-btn-profile{width:var(--rail-item-size);height:var(--rail-item-size);color:var(--color-success);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.map-rail-btn:hover{background-color:var(--mono-hover-bg);color:var(--text-primary);transform:translateY(-1px)}.map-rail-btn:active{background-color:var(--mono-active-bg);transform:translateY(0)scale(.96)}.map-rail-btn:focus-visible{box-shadow:0 0 0 2px var(--brand-primary)}.map-rail-btn.active,.map-rail-btn-toggle:active{background-color:var(--text-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.map-rail-btn.active:hover,.map-rail-btn-toggle:hover{background-color:var(--mono-accent-hover);color:var(--text-inverse)}.map-rail-btn.drawing{color:#fff;background-color:#fb8c00;animation:2s ease-in-out infinite rail-drawing-pulse;box-shadow:0 0 #fb8c0080}.map-rail-btn.drawing:hover{color:#fff;background-color:#fb8c00}@keyframes rail-drawing-pulse{0%{box-shadow:0 0 #fb8c0080}60%{box-shadow:0 0 0 6px #fb8c0000}to{box-shadow:0 0 #fb8c0000}}.map-rail-badge-dot{border-radius:var(--radius-full);background-color:var(--brand-primary);border:1.5px solid var(--surface-glass-solid);width:7px;height:7px;position:absolute;top:6px;right:6px}.map-rail-btn.active .map-rail-badge-dot{border-color:var(--text-primary);background-color:#38bdf8}.map-rail-tooltip{color:var(--text-inverse);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:var(--shadow-tooltip);-webkit-backdrop-filter:var(--backdrop-blur-sm);transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:var(--z-tooltip);background:#0f172aeb;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(4px)}.map-rail-tooltip:after{content:"";border:4px solid #0000;border-left-color:#0f172aeb;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.map-rail-btn-wrapper:hover .map-rail-tooltip,.map-rail-btn:focus-visible~.map-rail-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.map-slide-drawer{right:calc(var(--rail-width) + 20px);width:var(--drawer-width);max-width:calc(100vw - var(--rail-width) - 40px);z-index:var(--z-drawer);background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-lg);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-drawer);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--transition-smooth), opacity var(--transition-smooth), visibility var(--transition-smooth);flex-direction:column;display:flex;position:absolute;top:14px;bottom:24px;overflow:hidden;transform:translate(18px)scale(.985)}.map-slide-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.map-drawer-header{border-bottom:1px solid var(--divider-color);background:#fff6;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 10px 6px;display:flex}.map-drawer-title-group{align-items:center;gap:10px;display:flex}.map-drawer-icon-wrap{border-radius:var(--radius-sm);background-color:var(--mono-active-bg);width:24px;height:24px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.map-drawer-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.map-drawer-subtitle{color:var(--text-muted);font-size:11px;font-weight:500}.map-drawer-info-btn{width:24px;height:24px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}.map-drawer-info-btn:hover{background-color:var(--mono-hover-bg);color:var(--text-primary)}.map-drawer-info-btn.active{background-color:var(--text-primary);color:var(--text-inverse)}.map-drawer-content{flex:1;min-height:0;padding:8px 0;overflow:hidden auto}.map-drawer-content::-webkit-scrollbar{width:5px}.map-drawer-content::-webkit-scrollbar-track{background:0 0}.map-drawer-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b84d}.map-drawer-content::-webkit-scrollbar-thumb:hover{background:#94a3b899}.drawer-panel-section{flex-direction:column;gap:14px;display:flex}.drawer-panel-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.top-search-container{z-index:var(--z-overlay);pointer-events:auto;flex-direction:column;align-items:stretch;width:clamp(300px,42vw,500px);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.top-search-bar{background:var(--surface-glass);width:100%;height:40px;-webkit-backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);align-items:center;padding:0 12px;display:flex}.top-search-bar:focus-within{background:var(--surface-glass-active);border-color:var(--border-color-focus);box-shadow:var(--shadow-lg)}.top-search-icon{color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:500}.top-search-input::placeholder{color:var(--text-muted);font-weight:400}.top-search-action-btn{width:26px;height:26px;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}.top-search-action-btn:hover{background-color:var(--mono-hover-bg);color:var(--text-primary)}.top-search-spinner{color:var(--brand-primary);animation:.8s linear infinite spin}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-search-dropdown{background:var(--surface-glass-hover);-webkit-backdrop-filter:var(--backdrop-blur-lg);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;gap:8px;max-height:clamp(260px,55vh,440px);padding:8px;animation:.18s ease-out search-fade-in;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}@keyframes search-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-search-dropdown::-webkit-scrollbar{width:5px}.top-search-dropdown::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b866}.top-search-group{flex-direction:column;gap:2px;display:flex}.top-search-group-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:6px 10px 4px;font-size:11px;font-weight:700;display:flex}.top-search-group-count{background:var(--mono-hover-bg);border-radius:var(--radius-full);color:var(--text-secondary);padding:1px 5px;font-size:10px}.top-search-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;outline:none;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.top-search-item:hover,.top-search-item.highlighted{background-color:var(--surface-glass-solid);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.top-search-item-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.top-search-item-icon{border-radius:var(--radius-sm);background-color:var(--mono-hover-bg);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-search-item.highlighted .top-search-item-icon{background-color:var(--mono-accent);color:var(--text-inverse)}.top-search-item-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.top-search-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.top-search-item-region,.top-search-item-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.top-search-badge{border-radius:var(--radius-full);background-color:var(--mono-hover-bg);color:var(--text-secondary);text-transform:capitalize;flex-shrink:0;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}.top-search-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.message-info{color:var(--text-tertiary,#64748b);background:var(--surface-glass-subtle,#64748b);border-color:var(--border-color-medium,#64748b);word-break:"break-word";border-style:solid;border-width:1px;border-radius:6px;margin:10px 10px 0;padding:6px 12px;font-size:12px}.message-error{color:var(--color-danger,#dc2626);background:var(--surface-glass-error,#fee2e2);border-color:var(--color-danger,#dc2626, #64748b);word-break:"break-word";border-style:solid;border-width:1px;border-radius:6px;margin:10px 10px 0;padding:6px 12px;font-size:12px}.tracely-pill{border-radius:var(--radius-full);max-width:min(420px,90vw);color:var(--text-inverse);text-shadow:0 1px 2px #00000059;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:linear-gradient(#0f1f3d,#000);border:1px solid #ffffff2e;flex-flow:row;align-items:center;gap:9px;padding:8px 14px;font-family:inherit;display:inline-flex;box-shadow:0 6px 22px #0f172a47,inset 0 1px #ffffff14}.tracely-pill--light{background:var(--surface-glass-solid);box-shadow:var(--shadow-tooltip), 0 1px 2px #0000000f;color:var(--text-primary);border:1px solid #e2e8f0}.tracely-pill--active{box-shadow:var(--shadow-lg), 0 0 0 2px var(--brand-primary)}.tracely-pill.is-interactive{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.tracely-pill.is-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tracely-pill__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:inline-flex}.tracely-pill__title{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.tracely-pill__subtitle{white-space:nowrap;border-radius:var(--radius-full);letter-spacing:.2px;color:#e2e8f0eb;text-shadow:0 1px 2px #00000080;background:#0000008c;border:1px solid #ffffff1f;flex-wrap:nowrap;flex-shrink:0;align-items:center;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.tracely-pill--light .tracely-pill__subtitle{color:var(--text-tertiary);background:var(--mono-hover-bg);text-shadow:none;border-color:#0000}.maplibregl-popup.tracely-poi-popup{z-index:calc(var(--z-overlay) + 1);max-width:none!important}.maplibregl-popup.tracely-poi-popup .maplibregl-popup-content{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible!important}.maplibregl-popup.tracely-poi-popup .maplibregl-popup-tip{display:none}.maplibregl-popup-close-button{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-tertiary);z-index:2;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;top:10px!important;left:auto!important;right:10px!important}.maplibregl-popup-close-button:hover{color:var(--text-primary);background:var(--mono-hover-bg)}.map-popup-card,.poi-card{box-sizing:border-box;background:var(--surface-glass-solid);width:300px;max-width:min(320px,90vw - 28px);box-shadow:var(--panel-shadow);color:var(--text-primary);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;font-family:inherit;display:flex}.poi-card__header{border-bottom:1px solid #e2e8f0;flex-flow:row;align-items:center;gap:10px;padding:0 28px 12px 0;display:flex}.poi-card__icon{border-radius:var(--radius-md);background:var(--mono-hover-bg);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:inline-flex}.poi-card__name{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.3}.poi-card__badges{flex-wrap:wrap;gap:6px;padding:10px 0 0;display:flex}.poi-card__badge{white-space:nowrap;border:1px solid #0000;border-radius:9999px;flex-wrap:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.poi-card__badge--danger{color:var(--color-danger);border-color:var(--color-danger)}.poi-card__badge--ok{color:var(--color-success);border-color:var(--color-success)}.poi-card__description{color:var(--text-secondary);overflow-wrap:anywhere;padding:12px 0 0;font-size:13px;font-style:normal;line-height:1.5}.poi-card__meta{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}.poi-row{min-width:0;color:var(--text-tertiary);flex-flow:row;align-items:baseline;gap:6px;font-size:13px;line-height:1.45;display:flex}.poi-row__icon{flex-shrink:0;font-size:13px;line-height:1}.poi-row__label{white-space:nowrap;flex-shrink:0;font-weight:600}.poi-row__value{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;font-weight:500}.poi-card__links{flex-wrap:wrap;gap:6px;padding:12px 0 0;display:flex}.poi-card__link{white-space:nowrap;color:var(--brand-primary);transition:background var(--transition-fast), color var(--transition-fast);border-radius:9999px;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.poi-card__footer{margin-top:2px;padding:6px 0 0}.poi-card__status-text{color:#166534;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;display:inline-flex}.poi-card__add-route{border-radius:var(--radius-md);background:var(--brand-primary);width:100%;color:var(--text-inverse);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.poi-card__add-route:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.poi-card__add-route:active{transform:translateY(0)scale(.99)}.poi-card__add-route:focus-visible{box-shadow:var(--shadow-md), 0 0 0 3px #2563eb59;outline:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.red-flag{filter:invert(5%)sepia(95%)saturate(2000%)hue-rotate(340deg)brightness(105%)contrast(75%)}.green-flag{filter:invert(5%)sepia(95%)saturate(2000%)hue-rotate(40deg)brightness(105%)contrast(75%)}.maplibregl-marker,.maplibregl-marker *{cursor:pointer!important}