body{--surface-radius:18px;--surface-radius-lg:24px;--shadow-soft:0 18px 34px #0f172a29;--shadow-strong:0 20px 40px #0f172a38;--accent:#0f766e;--accent-strong:#0b5f59;--success:#166534;--warning:#9a3412;--surface:#ffffffeb;--surface-subtle:#f8fafcd6;--text-strong:#0f172a;--text-muted:#475569;background:radial-gradient(circle at 0 0,#10b9812e,#0000 28%),linear-gradient(#e8eef5 0%,#f8fafc 100%);margin:0;padding:0;font-family:Segoe UI,Aptos,Open Sans,sans-serif}#app{min-height:100vh}#map{width:100%;position:absolute;inset:0}.trip-banner{z-index:6;border-radius:var(--surface-radius);color:#f8fafc;width:min(420px,100vw - 32px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0f172af0;margin:0 auto;padding:10px 14px;position:absolute;bottom:92px;left:16px;right:16px}.trip-banner--success{background:#065f46eb}.trip-banner--warning{background:#92400ef0}.trip-banner__title{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.trip-banner__detail{margin-top:4px;font-size:13px;line-height:1.35}.trip-primary-action{z-index:6;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 16px 28px #0f766e38}.trip-primary-action--active{background:#b91c1c;box-shadow:0 16px 28px #b91c1c38}.trip-primary-action--active:after{content:"";border-radius:inherit;border:2px solid #ef444447;animation:1.8s ease-out infinite tripPulse;position:absolute;inset:-8px}.trip-primary-action__icon{display:inline-block}.trip-primary-action__icon--start{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fff;width:0;height:0;margin-left:4px}.trip-primary-action__icon--stop{background:#fff;border-radius:4px;width:16px;height:16px}@keyframes tripPulse{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.08)}}.panel-backdrop{z-index:4;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a2e;transition:opacity .18s,visibility .18s;position:absolute;inset:0}.panel-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.action-hub{z-index:6;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;right:14px}body.navigation-active .action-hub{opacity:.2}body.navigation-active .action-hub:hover,body.navigation-active .action-hub:focus-within{opacity:1}body.panel-open .action-hub{opacity:0;pointer-events:none;transform:translateY(8px)}.action-hub__trigger{color:#f8fafc;background:linear-gradient(145deg,#0f172afa,#1e293beb);border:0;border-radius:999px;justify-content:center;align-items:center;min-width:58px;min-height:58px;padding:0;display:inline-flex;box-shadow:0 18px 34px #0f172a3d}.action-hub__icon{gap:5px;display:inline-grid}.action-hub__icon span{background:#f8fafc;border-radius:999px;width:18px;height:2px;transition:transform .18s,opacity .18s}.action-hub__trigger.is-open .action-hub__icon span:first-child{transform:translateY(7px)rotate(45deg)}.action-hub__trigger.is-open .action-hub__icon span:nth-child(2){opacity:0}.action-hub__trigger.is-open .action-hub__icon span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.action-dock{opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 100%;justify-items:end;gap:8px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;transform:translateY(12px)scale(.96)}.action-dock.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.action-dock__button{color:#f8fafc;background:#0f172ad6;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:52px;min-height:52px;padding:8px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 16px 32px #0f172a2e}.action-dock__button--ghost{color:#dbe4f0;background:#0f172aa3}.action-dock__icon{text-transform:uppercase;background:#f8fafc24;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.action-dock__icon svg{fill:currentColor;width:16px;height:16px}.action-dock__label{white-space:nowrap;display:none}.action-dock.is-open .action-dock__button{justify-content:flex-start;min-width:132px;padding-inline:10px 14px}.action-dock.is-open .action-dock__label{display:inline}.floating-drawer{z-index:7;border-radius:var(--surface-radius-lg);background:var(--surface);width:min(340px,100vw - 28px);color:var(--text-strong);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;padding:14px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:62px;right:14px;transform:translateY(10px)}.floating-drawer__handle{background:#64748b4d;border-radius:999px;width:44px;height:5px;margin:0 auto 12px;display:none}.floating-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.floating-drawer__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.floating-drawer__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:11px}.floating-drawer__title{font-size:18px;font-weight:700;line-height:1.2}.floating-drawer__close{color:#334155;background:#94a3b82e;border:0;border-radius:999px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:700}.floating-drawer__body{margin-top:14px}.floating-drawer__hint{color:#64748b;margin:12px 0 0;font-size:12px;line-height:1.45}.info-panel__grid{gap:10px;display:grid}.info-panel__card{background:#f1f5f9e6;border:1px solid #cbd5e1b8;border-radius:16px;padding:12px 14px}.info-panel__label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:800}.info-panel__value{color:var(--text-strong);margin-top:6px;font-size:14px;line-height:1.4}.travel-preferences__title{letter-spacing:.08em;text-transform:uppercase;color:#334155;font-size:12px;font-weight:700}.travel-preferences__field,.travel-preferences__check{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.mode-switch__button{min-height:44px;color:var(--text-muted);background:#f8fafce6;border:1px solid #cbd5e1d1;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700}.mode-switch__button.is-active{color:var(--accent-strong);background:#0f766e1f;border-color:#0f766e47}.mode-switch__description{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.45}.travel-preferences__field select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:132px;padding:8px 10px}.travel-preferences__check{justify-content:flex-start;margin-top:12px}.travel-preferences__actions{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.travel-preferences__actions--compact{margin-top:10px}.travel-preferences__actions button{background:var(--accent);color:#fff;border:0;border-radius:12px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700}.travel-preferences__actions .travel-preferences__secondary{color:#0f172a;background:#e2e8f0}.travel-preferences__actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.travel-preferences__check input:disabled+span{opacity:.55}.travel-preferences__check:has(input:disabled) span{opacity:.55}.route-summary__details{color:var(--text-muted);font-size:14px;line-height:1.45}.route-sheet__section{background:#f8fafcbd;border:1px solid #e2e8f0d1;border-radius:18px;margin-top:14px;padding:12px}.route-sheet__section--summary{margin-top:0}.route-sheet__section--status{background:#f1f5f9e6}.route-summary__meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.route-trip{background:#ffffff8f;border:1px solid #cbd5e1b8;border-radius:16px;margin-top:10px;padding:12px}.route-trip--active{background:#ecfdf5eb;border-color:#10b98147}.route-trip__meta{flex-wrap:wrap;gap:8px;display:flex}.route-trip__guidance{color:#334155;margin-top:10px;font-size:13px;line-height:1.45}.route-summary__section{margin-top:16px}.route-summary__section-title{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:800}.route-summary__advanced{border-top:1px solid #cbd5e1b8;margin-top:14px;padding-top:12px}.route-summary__advanced summary{cursor:pointer;color:#334155;font-size:13px;font-weight:700;list-style:none}.route-summary__advanced summary::-webkit-details-marker{display:none}.route-summary__advanced[open] summary{margin-bottom:12px}.route-summary__pill{color:#0f172a;background:#94a3b82e;border-radius:999px;align-items:center;min-height:34px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.route-summary__pill--success{color:var(--success);background:#22c55e2e}.route-summary__pill--warning{color:var(--warning);background:#f973162e}.route-summary__pill--neutral,.route-summary__pill--muted{background:#94a3b82e}.reports-list{max-height:min(48vh,420px);overflow-y:auto}.card{background:#f8fafceb;border:1px solid #e2e8f0e6;border-radius:16px;margin-bottom:10px;padding:12px;font-size:13px}.card-header{border-radius:12px;padding:8px 10px;font-weight:700}.no-route{color:#c1121f;background-color:#e2e8f0}.obstacle-found{color:#fff;background-color:#64748b}.route-found{color:#fff;background-color:#16a34a}.card-details{color:var(--text-muted);padding:10px 2px 0;line-height:1.45}.mapboxgl-ctrl-directions{border-radius:var(--surface-radius-lg);background:var(--surface);border:1px solid #cbd5e1b8;max-width:min(340px,100vw - 28px);overflow:hidden;box-shadow:0 16px 40px #0f172a29}.mapbox-directions-component{border-radius:18px}.directions-control-instructions:empty{display:none}.directions-control-instructions{background:var(--surface-subtle);border-radius:0 0 var(--surface-radius-lg) var(--surface-radius-lg);color:var(--text-strong);max-height:min(24vh,240px);box-shadow:none;border-top:1px solid #cbd5e1d1;margin-top:0;position:relative;overflow:hidden auto}.directions-control-instructions.is-hidden{display:none}.directions-control-instructions .directions-control-directions{box-shadow:none;background:0 0;border-radius:0;overflow:clip}.directions-control-instructions .mapbox-directions-route-summary{color:var(--text-strong);box-shadow:none;background:#f1f5f9d1;border-bottom:1px solid #cbd5e1c7;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:10px 12px 8px;display:grid}.directions-control-instructions .mapbox-directions-routes{align-items:center;gap:6px;margin:0;display:inline-flex}.directions-control-instructions input[name=routes]{opacity:0;pointer-events:none;position:absolute}.directions-control-instructions .mapbox-directions-route{color:#334155;background:#cbd5e1d1;border-radius:999px;justify-content:center;align-items:center;min-width:26px;min-height:26px;font-size:12px;font-weight:700;display:inline-flex}.directions-control-instructions input[name=routes]:checked+.mapbox-directions-route{color:#0f766e;background:#0f766e29}.directions-control-instructions .mapbox-directions-route-summary h1{letter-spacing:.01em;margin:0;font-size:14px;font-weight:800}.directions-control-instructions .mapbox-directions-route-summary>span{color:var(--text-muted);justify-self:end;font-weight:700}.directions-control-instructions .mapbox-directions-route-summary h1,.directions-control-instructions .mapbox-directions-route-summary span,.directions-control-instructions .mapbox-directions-step-maneuver,.directions-control-instructions .mapbox-directions-step-distance{color:var(--text-muted);font-size:12px}.directions-control-instructions .mapbox-directions-step{color:var(--text-muted);background:#ffffff6b;border-bottom:1px solid #e2e8f0e6;padding:9px 12px}.directions-control-instructions .mapbox-directions-step:nth-child(odd){background:#f8fafcb8}.directions-control-instructions .mapbox-directions-step *{color:inherit}.directions-control-instructions .mapbox-directions-step:last-child{border-bottom:0}.mapbox-directions-origin,.mapbox-directions-destination{min-height:44px}.mapbox-directions-profile{scrollbar-width:none;overflow-x:auto}.mapbox-directions-profile::-webkit-scrollbar{display:none}.mapboxgl-ctrl-directions .mapbox-directions-step-maneuver{line-height:1.35}.mapboxgl-ctrl-directions .mapbox-directions-step-distance{color:#0f766e;font-weight:700}.notification{color:#fff;z-index:1000;pointer-events:none;opacity:0;background-color:#0f172ae6;border-radius:12px;padding:12px 14px;transition:opacity .3s;position:fixed;top:20px;right:20px}.notification.show{opacity:1}@media (width<=900px){.floating-drawer{width:auto;inset:auto 12px 82px}.action-hub{bottom:12px;right:12px}.trip-banner{width:auto;bottom:82px;left:12px;right:12px}.trip-primary-action{bottom:12px;left:12px}.action-dock{width:auto}.action-dock.is-open .action-dock__button{width:min(172px,100vw - 24px)}.mapboxgl-ctrl-directions{width:calc(100vw - 24px);max-width:none}}@media (width<=640px){.floating-drawer{border-radius:22px 22px 16px 16px;max-height:min(58vh,460px);padding:12px 14px 18px;bottom:86px;overflow-y:auto;transform:translateY(18px);box-shadow:0 -8px 44px #0f172a38}.floating-drawer__handle{display:block}.travel-preferences__field{flex-direction:column;align-items:stretch}.travel-preferences__field select{width:100%;min-height:44px}.mapboxgl-ctrl-directions{width:calc(100vw - 24px)}.directions-control-instructions{max-height:min(20vh,180px)}.mapbox-directions-component-keyline{padding-left:0;padding-right:0}.mapbox-directions-origin input,.mapbox-directions-destination input{font-size:14px}.mapbox-directions-profile label{text-align:center;min-width:72px;padding:8px 10px;font-size:12px}.action-dock__button{min-height:42px;padding:9px 12px;font-size:12px}.action-hub__trigger{min-width:52px;min-height:52px}.trip-primary-action{width:56px;height:56px}.trip-banner{bottom:84px}.notification{inset:auto 12px 146px}}