@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:#2d5a0e;--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-secondary:var(--neutral-500);--color-text-muted:var(--neutral-400);--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:#ccc;--color-disabled-text:#666;--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);--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-inverted:var(--color-text-inverse);--color-text-on-dark:#ffffffd9;--color-text-on-dark-muted:#ffffff73;--color-success-bg:var(--color-success);--color-danger-bg:var(--color-danger);--color-warning-bg:var(--color-warning);--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:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--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]{--glass-bg-soft:linear-gradient(135deg, #1c20269e, #161a215c);--glass-bg:linear-gradient(135deg, #242a32bd, #181c247a);--glass-bg-strong:linear-gradient(140deg, #282e38d6, #1a1f2894);--glass-border:transparent;--glass-shadow:0 14px 40px #00000070;--color-surface:var(--glass-bg);--color-surface-muted:var(--glass-bg-soft);--color-surface-soft:var(--glass-bg-soft);--color-text:#fafafa;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-border:transparent;--color-border-strong:transparent;--color-sheet-bg:var(--glass-bg-strong);--color-sheet-bg-solid:#1f242bd1;--color-text-on-dark:#ffffffeb;--color-text-on-dark-muted:#ffffff94;--chat-bubble-them-bg:#2a2f38;--chat-input-bg:#20252d;--chat-input-border:#ffffff24}*,: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-primary);background:var(--color-surface-900);-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{border-radius:var(--border-radius-pill);width:36px;height:4px;margin:0 auto var(--space-4);background:#0000001f}.sheet-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);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-blue);color:var(--color-blue-text)}.btn-primary:hover{background:var(--color-blue-mid)}.btn-green{background:var(--color-green);color:var(--color-green-text)}.btn-green:hover{background:var(--color-green-mid);color:var(--color-green-text)}.btn-outline{color:var(--color-blue);border:1.5px solid var(--color-blue);background:0 0}.btn-outline:hover{background:var(--color-blue-light)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.btn-ghost{color:var(--color-text-secondary);font-weight:var(--weight-regular);background:#0000000d}.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:#1e1e1ebf}.status-bar--dark{color:var(--color-text-on-dark)}.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{border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--color-text-muted);background:#fffffff5;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);box-shadow:var(--shadow-md);cursor:pointer;font-size:var(--text-lg);transition:transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:#fffffff5;border:none;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);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(--shadow-lg);-webkit-backdrop-filter:blur(8px);background:#1a2530f0;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:10px}.avatar--md{width:36px;height:36px;font-size:12px}.avatar--lg{width:44px;height:44px;font-size:14px}.avatar--blue{background:var(--color-blue-light);color:var(--color-blue-dark)}.avatar--green{background:var(--color-green);color:var(--color-green-text)}.avatar--amber{color:#7a4a10;background:#fdf4e8}.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-green);color:var(--color-green-text)}.badge--blue{background:var(--color-blue-light);color:var(--color-blue-dark)}.badge--online{background:var(--color-success-bg);color:var(--color-success-text)}.badge--dark{background:var(--color-surface-700);color:var(--color-text-on-dark)}.card{border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-3);background:#0000000a}.card--blue{background:#4d729814;border:1px solid #4d729833}.card--green{background:#d0efb166;border:1px solid #d0efb1cc}.divider{height:var(--border-width);background:var(--border-color);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);color:#ffffffe6;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(--shadow-lg);animation:slide-up .2s var(--ease-out) both;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#1a2530ed;padding:10px 20px;position:fixed;left:50%;transform:translate(-50%)}.app-loading{z-index:var(--z-modal);background:#00000038;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loading__spinner{border:3px solid #fff3;border-top-color:var(--color-green);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{border-radius:var(--border-radius-pill);background:#0000002e}