@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--green-100:#d0efb1;--green-400:#9dd674;--green-600:#7ab84a;--green-900:#2d5a0e;--blue-100:#dbe8f4;--blue-500:#4d7298;--blue-600:#3a5e80;--blue-700:#2e4a63;--neutral-0:#fff;--neutral-50:#fafcf8;--neutral-100:#f4f6f8;--neutral-200:#e9edef;--neutral-300:#ddd;--neutral-400:#888;--neutral-500:#555;--neutral-600:#5f6368;--neutral-700:#243240;--neutral-800:#1a2530;--neutral-900:#111;--danger-100:#fdecea;--danger-500:#ea4335;--danger-700:#c0392b;--warning-100:#fff4e0;--warning-700:#8a5c00;--accent-teal-500:#007a8c;--color-action:var(--blue-500);--color-action-hover:var(--blue-600);--color-action-strong:var(--blue-700);--color-action-text:var(--neutral-0);--color-success:var(--green-100);--color-success-hover:var(--green-400);--color-success-strong:var(--green-600);--color-success-text:var(--green-900);--glass-bg-soft:linear-gradient(135deg, #ffffff70, #ffffff3d);--glass-bg:linear-gradient(135deg, #ffffff9e, #ffffff57);--glass-bg-strong:linear-gradient(140deg, #ffffffc2, #ffffff70);--glass-border:transparent;--glass-shadow:0 10px 30px #0a0e1429;--color-surface:var(--glass-bg);--color-surface-muted:var(--glass-bg-soft);--color-surface-soft:var(--glass-bg-soft);--color-surface-inverse:var(--neutral-800);--color-text:var(--neutral-900);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-muted:var(--neutral-500);--color-text-inverse:var(--neutral-0);--color-border:transparent;--color-border-strong:transparent;--color-info:var(--blue-100);--color-info-text:var(--blue-700);--color-warning:var(--warning-100);--color-warning-text:var(--warning-700);--color-danger:var(--danger-100);--color-danger-text:var(--danger-700);--color-disabled-bg:var(--neutral-200);--color-disabled-text:var(--neutral-500);--chat-bubble-them-bg:var(--neutral-200);--chat-bubble-mine-bg:var(--color-action);--chat-bubble-mine-text:var(--color-action-text);--chat-input-bg:var(--color-surface);--chat-input-border:var(--neutral-300);--invite-sheet-bg:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);--location-permission-surface-bg:linear-gradient(160deg, #e7f6d6 0%, #d9e8f5 54%, #f7fbff 100%);--landing-surface-bg:linear-gradient(180deg, #f7faf6, #edf4fb);--landing-hero-bg:linear-gradient(145deg, #102234, #2e4a63 46%, #4d7298 100%);--landing-hero-text:#f4f9fd;--landing-hero-text-secondary:#f2f7fb;--landing-step-text:#0d2d45;--landing-cta-bg:linear-gradient(120deg, #0f2f47, #375873);--landing-cta-text:#f4f8fc;--map-pin-you:#4285f4;--map-pin-partner:var(--accent-teal-500);--map-pin-destination:var(--danger-500);--map-poi-fallback:var(--blue-500);--map-style-background:#ede8e0;--map-style-land:#e6e0d7;--map-style-land-overlay:#ddd7ce;--map-style-park:#cfd9c5;--map-style-grass:#d6dccf;--map-style-water:#b8cfe0;--map-style-road-major:#c8bfb0;--map-style-road-primary:#cdc5b8;--map-style-road-secondary:#d0c9bc;--map-style-road-tertiary:#d5cfc4;--map-style-road-street:#dad4ca;--map-style-road-service:#dedad2;--map-style-road-path:#e2ddd6;--map-style-building:#d8d2c8;--map-style-building-top:#ddd8cf;--map-style-label:#5a5248;--map-style-label-halo:#ede8e0d9;--color-green:var(--color-success);--color-green-mid:#9dd674;--color-green-dark:#7ab84a;--color-green-text:var(--color-success-text);--color-blue:var(--color-action);--color-blue-light:var(--blue-100);--color-blue-mid:var(--color-action-hover);--color-blue-dark:var(--color-action-strong);--color-blue-text:var(--color-action-text);--landing-primary:#0c1a27;--landing-primary-light:#1a2530;--landing-secondary:#2f6fa6;--landing-secondary-light:#4a8bc4;--landing-accent:#7ab84a;--landing-text-primary:#0c1a27;--landing-text-secondary:#3d5568;--landing-bg:#f5f9fd;--landing-card:#fff;--landing-border:#0c1a2714;--landing-border-strong:#0c1a2726}[data-theme=dark] :root{--landing-primary:#f5f9fd;--landing-primary-light:#e5e9ee;--landing-secondary:#4a8bc4;--landing-secondary-light:#5a9bd4;--landing-accent:#7ab84a;--landing-text-primary:#f5f9fd;--landing-text-secondary:#b8c1cc;--landing-bg:#0f1419;--landing-card:#1a1f26;--landing-border:#ffffff14;--landing-border-strong:#ffffff26}:root{--color-surface-900:#0f1a22;--color-surface-800:#1a2530;--color-surface-700:#243240;--color-surface-600:#2f4155;--color-sheet-bg:var(--glass-bg-strong);--color-sheet-bg-solid:#fafcf8c7;--color-text-primary:var(--color-text);--color-text-secondary:var(--neutral-500);--color-text-muted:var(--neutral-400);--color-text-inverted:var(--color-text-inverse);--color-text-on-dark:#ffffffd9;--color-text-on-dark-muted:#ffffff73;--color-success-bg:var(--color-success);--color-success-text:#2d5a0e;--color-danger-bg:var(--color-danger);--color-danger-text:var(--danger-700);--color-warning-bg:var(--color-warning);--color-warning-text:var(--warning-700);--color-online:#22c55e;--color-offline:#94a3b8;--color-partner:#007a8c;--color-destination:#c0392b;--color-you:#1a2530;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:22px;--border-radius-pill:999px;--border-width:0px;--border-color:transparent;--border-color-dark:transparent;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:19px;--text-2xl:23px;--text-3xl:29px;--weight-regular:400;--weight-medium:500;--weight-bold:600;--line-height-tight:1.3;--line-height-base:1.5;--line-height-loose:1.7;--shadow-sm:0 1px 4px #0000001f;--shadow-md:0 2px 12px #00000029;--shadow-lg:0 8px 32px #0000003d;--shadow-xl:0 24px 60px #0006;--z-map:0;--z-map-overlay:5;--z-pins:10;--z-fabs:15;--z-sheet:20;--z-topbar:25;--z-notification:30;--z-modal:40;--z-toast:50;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-sheet:.32s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sheet-peek:72px;--sheet-half:45vh;--sheet-tall:72vh;--sheet-full:92vh;--map-status-bar-height:38px;--fab-size:42px;--pin-size:14px}[data-theme=dark] :root{--color-surface:#0f1419;--color-surface-muted:#1a1f26;--color-surface-soft:#242b35;--color-surface-inverse:#f5f7fa;--color-text:#f5f7fa;--color-text-secondary:#b8c1cc;--color-text-muted:#8892a0;--color-text-inverse:#0f1419;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-action:#4a8bc4;--color-action-hover:#5a9bd4;--color-action-strong:#3a7bb4;--color-action-text:#fff;--color-success:#2d5a1e;--color-success-hover:#3d6a2e;--color-success-text:#d4e8c4;--color-danger:#8b2020;--color-danger-hover:#9b3030;--color-danger-text:#f4cccc;--color-warning:#7a5a10;--color-warning-text:#f4e4c4;--color-info:#1e4a6a;--color-info-text:#c4dce8;--glass-bg:#1a1f26d9;--glass-bg-soft:#242b35bf;--glass-bg-strong:#141920eb;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0006;--color-sheet-bg:#141920f2;--color-sheet-bg-solid:#141920;--chat-bubble-them-bg:#2a3240;--chat-bubble-mine-bg:#4a8bc4;--chat-bubble-mine-text:#fff;--chat-input-bg:#1a1f26;--chat-input-border:#ffffff1a;--color-disabled-bg:#2a3240;--color-disabled-text:#5a6470;--color-online:#4ade80;--color-offline:#6b7280;--map-pin-you:#4a8bc4;--map-pin-partner:#4ade80;--map-pin-destination:#f87171}@media (prefers-color-scheme:dark){:root{--blue-100:#1e3a52;--blue-500:#5a9bd4;--blue-600:#6aabde;--blue-700:#7abbe8;--green-100:#1a3d1a;--green-400:#5da030;--green-600:#7ab84a;--green-900:#d4e8c4;--neutral-0:#0f1419;--neutral-50:#141920;--neutral-100:#1a1f26;--neutral-200:#242b35;--neutral-300:#2f3845;--neutral-400:#6b7280;--neutral-500:#9ca3af;--neutral-600:#b8c1cc;--neutral-700:#d1d5db;--neutral-800:#e5e7eb;--neutral-900:#f5f7fa;--danger-100:#3d1a1a;--danger-500:#f87171;--danger-700:#fca5a5;--warning-100:#3d2e0a;--warning-700:#fbbf24;--color-action:#5a9bd4;--color-action-hover:#6aabde;--color-action-strong:#7abbe8;--color-action-text:#fff;--color-success:#1a3d1a;--color-success-hover:#245224;--color-success-strong:#2e6b2e;--color-success-text:#d4e8c4;--color-info:#1e3a52;--color-info-text:#c4dce8;--color-warning:#3d2e0a;--color-warning-text:#f4e4c4;--color-danger:#3d1a1a;--color-danger-text:#f4cccc;--color-disabled-bg:#242b35;--color-disabled-text:#6b7280;--color-surface:#1a1f26;--color-surface-muted:#242b35;--color-surface-soft:#2f3845;--color-surface-inverse:#f5f7fa;--color-text:#f5f7fa;--color-text-primary:#f5f7fa;--color-text-secondary:#b8c1cc;--color-text-muted:#8892a0;--color-text-inverse:#0f1419;--color-border:#ffffff14;--color-border-strong:#ffffff26;--glass-bg:#1a1f26d9;--glass-bg-soft:#242b35bf;--glass-bg-strong:#141920eb;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0006;--color-sheet-bg:#141920f2;--color-sheet-bg-solid:#141920;--chat-bubble-them-bg:#2a3240;--chat-bubble-mine-bg:#5a9bd4;--chat-bubble-mine-text:#fff;--chat-input-bg:#1a1f26;--chat-input-border:#ffffff1a;--color-green:#245224;--color-green-mid:#5da030;--color-green-dark:#7ab84a;--color-green-text:#d4e8c4;--color-blue:#5a9bd4;--color-blue-light:#1e3a52;--color-blue-mid:#6aabde;--color-blue-dark:#7abbe8;--color-blue-text:#fff;--map-pin-you:#5a9bd4;--map-pin-partner:#4ade80;--map-pin-destination:#f87171;--color-online:#4ade80;--color-offline:#6b7280}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-shell{width:100%;height:100%;display:block;position:relative}#app{width:100%;height:100%;position:relative}#outlet{z-index:var(--z-sheet);pointer-events:none;position:absolute;inset:0}#outlet>*{pointer-events:auto}#app,#app *,#app :before,#app :after{border-color:#0000!important}map-view{z-index:var(--z-map);width:100%;height:100%;display:block;position:absolute;inset:0}#map-inner{z-index:var(--z-map);position:absolute;inset:0}.mapboxgl-map{width:100%!important;height:100%!important}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{bottom:calc(var(--sheet-peek) + var(--space-2))!important}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:var(--border-radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.weight-regular{font-weight:var(--weight-regular)}.weight-medium{font-weight:var(--weight-medium)}.weight-bold{font-weight:var(--weight-bold)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-inverted{color:var(--color-text-inverted)}.text-green{color:var(--color-green-text)}.text-blue{color:var(--color-blue)}.bottom-sheet{z-index:var(--z-sheet);background:var(--color-sheet-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(135%);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:var(--space-3) var(--space-5) env(safe-area-inset-bottom,var(--space-8));will-change:transform;transition:transform var(--duration-sheet) var(--ease-out);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(0)}.bottom-sheet[hidden]{transform:translateY(100%)}.sheet-handle{background:var(--color-border-strong);border-radius:var(--border-radius-pill);width:36px;height:4px;margin:0 auto var(--space-4)}.sheet-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.sheet-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.btn{width:100%;padding:13px var(--space-4);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;text-align:center;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);margin-top:var(--space-2);-webkit-tap-highlight-color:transparent;border:none;line-height:1;display:block}.btn:active{opacity:.9;transform:scale(.98)}.btn-primary{background:var(--color-action);color:var(--color-action-text)}.btn-primary:hover{background:var(--color-action-hover)}.btn-green{background:var(--color-success);color:var(--color-success-text)}.btn-green:hover{background:var(--color-success-hover);color:var(--color-success-text)}.btn-outline{color:var(--color-action);border:1.5px solid var(--color-action);background:0 0}.btn-outline:hover{background:var(--color-surface-muted)}.btn-danger{background:var(--color-danger);color:var(--color-danger-text)}.btn-ghost{background:var(--color-surface-muted);color:var(--color-text-secondary);font-weight:var(--weight-regular)}.status-bar{height:var(--map-status-bar-height);padding:0 var(--space-5);font-size:var(--text-xs);font-weight:var(--weight-bold);z-index:var(--z-topbar);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.status-bar--light{color:var(--color-text-secondary)}.status-bar--dark{color:var(--color-text)}.top-pill{top:var(--map-status-bar-height);left:var(--space-4);right:var(--space-4);z-index:var(--z-topbar);position:absolute}.top-pill__inner{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(135%);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.fab-stack{right:var(--space-4);z-index:var(--z-fabs);gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.fab{width:var(--fab-size);height:var(--fab-size);border-radius:var(--border-radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(135%);cursor:pointer;font-size:var(--text-lg);color:var(--color-text);transition:transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.fab:active{transform:scale(.94)}.notif-banner{top:calc(var(--map-status-bar-height) + var(--space-2));left:var(--space-4);right:var(--space-4);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-3);align-items:center;gap:var(--space-3);z-index:var(--z-notification);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(135%);color:var(--color-text);display:flex;position:absolute}.avatar{font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.avatar--sm{width:28px;height:28px;font-size:12px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:44px;height:44px;font-size:15px}.avatar--blue{background:var(--color-info);color:var(--color-info-text)}.avatar--green{background:var(--color-success);color:var(--color-success-text)}.avatar--amber{background:var(--color-warning);color:var(--color-warning-text)}.badge{font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--border-radius-pill);align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.badge--green{background:var(--color-success);color:var(--color-success-text)}.badge--blue{background:var(--color-info);color:var(--color-info-text)}.badge--online{background:var(--color-success);color:var(--color-success-text)}.badge--dark{background:var(--color-surface-soft);color:var(--color-text)}.card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-3);color:var(--color-text)}.card--blue{background:var(--color-info);border:1px solid var(--color-border)}.card--green{background:var(--color-success);border:1px solid var(--color-border)}.divider{background:var(--color-border);height:1px;margin:var(--space-3) 0}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.8)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.app-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--border-radius-pill);white-space:nowrap;z-index:var(--z-toast);box-shadow:var(--glass-shadow);animation:slide-up .2s var(--ease-out) both;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(135%);padding:10px 20px;position:fixed;left:50%;transform:translate(-50%)}.app-loading{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loading__spinner{border:3px solid var(--color-border-strong);border-top-color:var(--color-action);border-radius:50%;width:34px;height:34px;animation:.65s linear infinite spin}.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}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--border-radius-pill)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}