.driver-overlay{background:rgba(15,23,42,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;z-index:99998!important;transition:opacity .25s ease!important}.driver-stage{z-index:99999!important;border-radius:14px!important;outline:2px solid rgba(99,102,241,.75)!important;box-shadow:0 0 0 5px rgba(99,102,241,.1),0 10px 35px rgba(79,70,229,.14)!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.driver-active-element{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;position:relative!important;z-index:99999!important}.driver-popover{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(30,41,59,.16),0 0 0 1px rgba(99,102,241,.08),inset 0 1px 1px 0 rgba(255,255,255,.9)!important;padding:20px 22px!important;max-width:min(360px,calc(100vw - 32px))!important;z-index:100000!important;color:#0f172a!important;font-family:inherit!important;animation:tourPopoverFadeIn .2s cubic-bezier(.16,1,.3,1);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}@keyframes tourPopoverFadeIn{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.driver-popover-arrow{border-color:rgba(255,255,255,.95)!important}.driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:rgba(255,255,255,.95)!important}.driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:rgba(255,255,255,.95)!important}.driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:rgba(255,255,255,.95)!important}.driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:rgba(255,255,255,.95)!important}.driver-popover-title{font-size:15px!important;font-weight:800!important;letter-spacing:-.015em!important;color:#0f172a!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;gap:8px!important;line-height:1.4!important}.driver-popover-description{font-size:13px!important;line-height:1.6!important;color:#334155!important;margin-bottom:18px!important;font-weight:450!important}.driver-popover-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:6px!important}.driver-popover-progress-text{font-size:11px!important;font-weight:700!important;color:#4f46e5!important;background:#eef2ff!important;padding:3px 10px!important;border-radius:9999px!important;border:1px solid rgba(199,210,254,.8)!important}.driver-popover-navigation-btns{display:flex!important;gap:6px!important;align-items:center!important}.driver-popover-done-btn,.driver-popover-next-btn{background:linear-gradient(135deg,#4f46e5,#3b82f6 50%,#06b6d4)!important;color:#ffffff!important;font-size:12px!important;font-weight:700!important;padding:8px 16px!important;border-radius:14px!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 12px -2px rgba(79,70,229,.35)!important;transition:all .2s ease!important}.driver-popover-done-btn:hover,.driver-popover-next-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px -2px rgba(79,70,229,.45)!important}.driver-popover-prev-btn{background:rgba(255,255,255,.8)!important;color:#475569!important;font-size:12px!important;font-weight:600!important;padding:8px 14px!important;border-radius:14px!important;border:1px solid #e2e8f0!important;cursor:pointer!important;transition:all .2s ease!important}.driver-popover-prev-btn:hover{background:#f8fafc!important;color:#0f172a!important}.driver-popover-skip-btn{font-size:11px!important;font-weight:600!important;color:#64748b!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:6px 8px!important;border-radius:8px!important;transition:all .15s ease!important}.driver-popover-skip-btn:hover{color:#0f172a!important;background:rgba(241,245,249,.8)!important}.driver-popover-close-btn{position:absolute!important;top:14px!important;right:14px!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;color:#94a3b8!important;background:transparent!important;border:none!important;cursor:pointer!important;font-size:16px!important;transition:all .15s ease!important}.driver-popover-close-btn:hover{color:#0f172a!important;background:#f1f5f9!important}.safepath-tour-hand-pointer{position:fixed;z-index:100001;pointer-events:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:top .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1);animation:tourHandBounce 2s ease-in-out infinite}.safepath-tour-hand-icon{width:32px;height:32px;filter:drop-shadow(0 4px 8px rgba(79,70,229,.35))}.safepath-tour-target-ripple{position:fixed;z-index:99999;border:2px solid rgba(99,102,241,.55);border-radius:14px;pointer-events:none;animation:tourRipplePulse 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes tourHandBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes tourRipplePulse{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.04);opacity:.3}to{transform:scale(.98);opacity:.8}}@media (prefers-reduced-motion:reduce){.driver-popover,.safepath-tour-hand-pointer,.safepath-tour-target-ripple{animation:none!important}}@media (max-width:640px){.driver-popover{padding:16px 18px!important;border-radius:20px!important;font-size:12px!important;max-width:calc(100vw - 24px)!important}.driver-popover-title{font-size:14px!important}.driver-popover-description{font-size:12px!important;margin-bottom:12px!important}}:root{--bg-primary:#F8FBFF;--bg-secondary:#FFFFFF;--surface-soft-blue:#E9F5FF;--surface-ice-blue:#BFE8F7;--surface-mist:#EEF7FD;--primary-blue:#168BD2;--primary-blue-hover:#0E78B9;--accent-teal:#18B6AD;--accent-teal-hover:#139B94;--accent-indigo:#4F46E5;--text-primary:#142A3B;--text-secondary:#607889;--text-muted:#829AA8;--text-inverse:#FFFFFF;--signal-warning:#E8A13B;--signal-warning-bg:#FEF6EB;--signal-warning-border:#FCD69F;--signal-danger:#E16B68;--signal-danger-bg:#FDF1F0;--signal-danger-border:#F8BCBA;--signal-safe:#18B6AD;--signal-safe-bg:#EDFAF8;--signal-safe-border:#A3ECE7;--glass-bg-subtle:rgba(255,255,255,0.65);--glass-bg-default:rgba(255,255,255,0.82);--glass-bg-elevated:rgba(255,255,255,0.92);--glass-bg-ice:rgba(233,245,255,0.78);--glass-border-subtle:rgba(255,255,255,0.75);--glass-border-default:rgba(255,255,255,0.92);--glass-border-blue:rgba(22,139,210,0.22);--glass-border-teal:rgba(24,182,173,0.30);--shadow-ambient-sm:0 2px 8px -2px rgba(20,42,59,0.05),0 1px 3px 0 rgba(20,42,59,0.03);--shadow-ambient-md:0 12px 32px -4px rgba(22,139,210,0.08),0 4px 16px -2px rgba(20,42,59,0.04),inset 0 1px 0 rgba(255,255,255,0.95);--shadow-ambient-elevated:0 24px 56px -8px rgba(22,139,210,0.14),0 8px 24px -4px rgba(20,42,59,0.06),inset 0 1px 0 rgba(255,255,255,1);--shadow-glow-blue:0 0 24px 0 rgba(22,139,210,0.35);--shadow-glow-teal:0 0 24px 0 rgba(24,182,173,0.40);--background:var(--bg-primary);--foreground:var(--text-primary);--pearl-white:var(--bg-primary);--glacier-white:var(--bg-secondary);--ice-blue:var(--surface-ice-blue);--primary:var(--primary-blue);--accent:var(--accent-teal)}.glass-interactive,.glass-surface,.liquid-glass,.liquid-glass-surface{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(240,248,255,.65));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px 0 rgba(22,139,210,.08),0 10px 32px -4px rgba(22,139,210,.07),0 2px 6px -1px rgba(20,42,59,.02);border-radius:24px}.glass-interactive{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.glass-interactive:hover,.liquid-glass-surface:hover,.liquid-glass:hover{border-color:rgba(255,255,255,.98);box-shadow:inset 0 1px 1.5px 0 #FFFFFF,inset 0 -1px 1px 0 rgba(22,139,210,.12),0 16px 40px -4px rgba(22,139,210,.12),0 4px 12px -2px rgba(20,42,59,.04)}}@media (max-width:1023px),(pointer:coarse){.glass-interactive,.glass-mobile,.glass-surface,.liquid-glass,.liquid-glass-surface{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(244,250,255,.8));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.95),0 6px 20px -2px rgba(22,139,210,.06);transform:none!important}}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(240,248,255,.68));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px 0 rgba(22,139,210,.08),0 10px 32px -4px rgba(22,139,210,.07),0 2px 6px -1px rgba(20,42,59,.02)}.glass-panel-elevated{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(244,250,255,.78));backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.98),inset 0 -1px 1px 0 rgba(22,139,210,.1),0 20px 48px -6px rgba(22,139,210,.11),0 4px 16px -2px rgba(20,42,59,.04)}.glass-pill{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(240,248,255,.75));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 4px 16px -2px rgba(22,139,210,.07)}.glass-input{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(200,222,240,.9);color:#142A3B;box-shadow:inset 0 1px 2px 0 rgba(20,42,59,.03);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-input:focus{background:#FFFFFF;border-color:#168BD2;box-shadow:0 0 0 3px rgba(22,139,210,.2),inset 0 1px 2px 0 rgba(20,42,59,.02)}.aurora-btn-primary,.btn-cinematic-primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#168BD2,#18B6AD);color:#FFFFFF;font-weight:650;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.6),0 8px 24px -4px rgba(22,139,210,.38),0 2px 8px -1px rgba(24,182,173,.25);transition:all .25s cubic-bezier(.16,1,.3,1)}.aurora-btn-primary:after,.btn-cinematic-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}.aurora-btn-primary:hover:not(:disabled):after,.btn-cinematic-primary:hover:not(:disabled):after{left:150%}.aurora-btn-primary:hover:not(:disabled),.btn-cinematic-primary:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.8),0 12px 30px -4px rgba(22,139,210,.48),0 4px 12px -2px rgba(24,182,173,.35)}.aurora-btn-primary:active:not(:disabled),.btn-cinematic-primary:active:not(:disabled){transform:translateY(.5px) scale(.98);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 4px 14px -2px rgba(22,139,210,.3)}.aurora-btn-primary:disabled,.btn-cinematic-primary:disabled{opacity:.55;cursor:not-allowed;color:rgba(255,255,255,.85);background:linear-gradient(135deg,#A8B8C4,#C6D4DE);box-shadow:none;border-color:rgba(255,255,255,.3)}.specular-card{position:relative;isolation:isolate;overflow:hidden}.specular-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--spot-x,-400px) var(--spot-y,-400px),rgba(255,255,255,.18),transparent 70%);opacity:0;transition:opacity .25s ease;z-index:0}@media (hover:hover){.specular-card:hover:before{opacity:1}}.aurora-gradient-text,.gradient-text-light{background:linear-gradient(135deg,#168BD2,#18B6AD);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body:has(.spatial-dashboard),html:has(.spatial-dashboard){height:100dvh;overflow:hidden;touch-action:manipulation}.spatial-dock button{transition:background .2s,transform .2s}.spatial-dock button:hover{background:rgba(22,139,210,.08)}.spatial-dashboard :focus-visible{outline:2px solid #168BD2;outline-offset:4px}@keyframes live-pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.spatial-dashboard *{animation:none!important;transition:none!important}}.spatial-dashboard{background:#F8FBFF;color:#142A3B}.spatial-dashboard>header{position:absolute;top:18px;left:20px;right:20px;width:auto;border-radius:9999px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);height:54px;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 12px 32px rgba(22,139,210,.08),0 2px 8px rgba(20,42,59,.03);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#142A3B;z-index:30}.spatial-dashboard>div.absolute{display:none}.dashboard-workspace,.spatial-map{position:absolute;inset:0}.spatial-map{padding:0;width:100%;height:100%}.spatial-dashboard .sidebar-shell{position:absolute;top:86px;left:20px;bottom:86px;width:380px;height:auto;max-height:calc(100dvh - 172px);z-index:20;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s ease}.spatial-dashboard .sidebar-shell[data-collapsed=true]{transform:translateX(-430px);opacity:0;pointer-events:none}.spatial-dashboard .floating-navigator{position:relative;width:100%;height:100%;max-height:100%;border-radius:28px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(240,248,255,.7));backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.98),inset 0 -1px 1px 0 rgba(22,139,210,.08),0 20px 48px -6px rgba(22,139,210,.11),0 4px 14px rgba(20,42,59,.04);color:#142A3B;overflow-y:auto;-webkit-overflow-scrolling:touch}.spatial-dashboard .glass-panel,.spatial-dashboard .glass-panel-elevated{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(240,248,255,.68));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px 0 rgba(22,139,210,.08),0 10px 32px -4px rgba(22,139,210,.07)}.spatial-dashboard .glass-input{background:rgba(255,255,255,.92);border:1px solid rgba(191,232,247,.85);color:#142A3B}.spatial-dashboard .glass-input:focus{background:#FFFFFF;border-color:#168BD2;box-shadow:0 0 0 3px rgba(22,139,210,.18)}.spatial-dashboard .maplibregl-ctrl-top-right{top:85px;right:15px}.spatial-dashboard .map-camera-controls{top:85px;right:65px;z-index:25}.spatial-dashboard .maplibregl-ctrl-bottom-right{font-size:9px}.spatial-dock{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 14px 36px rgba(22,139,210,.1),0 3px 10px rgba(20,42,59,.04);color:#142A3B;border-radius:9999px;white-space:nowrap}.spatial-dock:not([data-variant]){background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.spatial-dock>a,.spatial-dock>button{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;border-radius:9999px;color:#607889;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.spatial-dock>a:hover,.spatial-dock>button:hover{color:#142A3B;background:rgba(22,139,210,.09);transform:translateY(-1px)}.spatial-dock button[aria-pressed=true]{color:#168BD2;background:rgba(22,139,210,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.spatial-dock button:disabled{opacity:.5}.spatial-dock>i{height:18px;width:1px;background:rgba(210,225,240,.8)}.evidence-inspector{position:absolute;top:86px;right:20px;bottom:86px;width:440px;max-width:calc(100% - 32px);z-index:40;animation:inspector-enter .3s ease-out}.evidence-inspector>div{height:100%;max-height:100%;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(233,245,255,.88));border:1px solid rgba(255,255,255,.98);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 22px 55px rgba(22,139,210,.12),0 4px 14px rgba(20,42,59,.05);color:#142A3B;border-radius:28px}.evidence-inspector .glass-panel{background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.95)}@keyframes inspector-enter{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@media (min-width:1000px) and (max-width:1250px){.floating-navigator{width:350px}}@media (max-width:999px){.spatial-dashboard>header nav{display:none}.spatial-dashboard .sidebar-shell{width:340px;top:85px}.spatial-dashboard .floating-navigator{width:100%;height:100%}.spatial-dock>a,.spatial-dock>button{padding:8px 12px}}@media (max-width:1279px){.spatial-dashboard>header nav{display:none}}.spatial-dashboard>header>div{min-width:0}.spatial-dashboard>header>div:last-child{flex-shrink:0}.spatial-dashboard>header a{white-space:nowrap}.environment-heading>span:first-child{min-width:0;flex:1 1 160px}.environment-heading>span:last-child{flex:0 1 auto}.environment-cards{grid-template-columns:minmax(0,1fr)}.environment-cards>div{min-width:0}.environment-cards>div>span{letter-spacing:.02em;line-height:1.5}@media (min-width:1280px){.environment-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.spatial-dashboard{--map-sheet-height:128px}.spatial-dashboard[data-sheet-state=preview]{--map-sheet-height:168px}.spatial-dashboard[data-sheet-state=half]{--map-sheet-height:min(45dvh,340px)}.spatial-dashboard[data-sheet-state=expanded]{--map-sheet-height:min(78dvh,calc(100dvh - 82px))}.spatial-dashboard>header{top:max(10px,env(safe-area-inset-top,0px));left:10px;right:10px;padding:0 12px;height:48px;z-index:30}.spatial-dashboard>header>div:first-child{gap:8px}.spatial-dashboard>header>div:last-child{gap:6px}.spatial-dashboard>header>div:last-child>div{display:none}.spatial-dashboard>header>div:last-child button,.spatial-dashboard>header>div:last-child>a{min-height:40px;min-width:40px;justify-content:center}.map-camera-controls{position:absolute!important;top:calc(env(safe-area-inset-top, 0px) + 68px)!important;right:10px!important;left:auto!important;z-index:20!important;max-width:calc(100% - 20px)}.spatial-dashboard .maplibregl-ctrl-top-right{top:calc(env(safe-area-inset-top, 0px) + 122px)!important;right:10px!important;margin:0!important;z-index:15!important}.spatial-dashboard .sidebar-shell{position:absolute!important;top:auto!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 82px)!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:25}.spatial-dashboard .floating-navigator{position:relative;inset:auto;width:100%;height:var(--map-sheet-height)!important;max-height:calc(100dvh - 82px);border-radius:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.spatial-dashboard .floating-navigator[data-sheet-state=peek],.spatial-dashboard .floating-navigator[data-sheet-state=preview]{overflow:hidden}.spatial-dashboard .floating-navigator[data-sheet-state=peek] .navigator-content,.spatial-dashboard .floating-navigator[data-sheet-state=preview] .navigator-content{display:none}.navigator-handle{min-height:44px}.route-preview{flex-shrink:0}.route-preview>div{gap:8px}.route-preview button{flex-shrink:0}.map-traffic-legend{bottom:calc(var(--map-sheet-height) + max(10px, env(safe-area-inset-bottom, 0px)) + 12px)!important;right:10px!important;max-width:calc(100% - 20px);max-height:calc(100dvh - var(--map-sheet-height) - 190px);overflow-y:auto}.spatial-dashboard[data-sheet-state=expanded] .map-traffic-legend,.spatial-dashboard[data-sheet-state=half] .map-traffic-legend{display:none}.spatial-dashboard .spatial-map{padding-bottom:0!important}.spatial-dashboard .maplibregl-ctrl-bottom-left,.spatial-dashboard .maplibregl-ctrl-bottom-right{bottom:calc(var(--map-sheet-height) + 16px)!important}.spatial-dock{display:none!important}.evidence-inspector{position:fixed!important;top:max(12px,env(safe-area-inset-top,0px))!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:none!important;border-radius:24px!important;z-index:45!important}.spatial-dashboard[data-navigation-state=navigating] .sidebar-shell,.spatial-dashboard[data-navigation-state=paused] .sidebar-shell{display:none}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.spatial-dashboard>header{height:38px!important;top:6px!important;left:8px!important;right:8px!important;padding:0 10px!important}.spatial-dashboard .sidebar-shell{position:absolute!important;top:54px!important;bottom:8px!important;left:8px!important;right:auto!important;width:min(320px,48vw)!important;height:auto!important;max-height:calc(100dvh - 62px)!important}.spatial-dashboard .floating-navigator{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:calc(100dvh - 62px)!important;border-radius:20px!important}.spatial-dashboard .navigator-content{display:block!important}.spatial-dashboard .floating-navigator[data-sheet-state]{overflow-y:auto}.map-camera-controls{top:54px!important;right:8px!important}.spatial-dashboard .maplibregl-ctrl-top-right{top:110px!important;right:8px!important}.map-traffic-legend,.spatial-dock{display:none!important}}.mobile-nav-banner{top:calc(68px + env(safe-area-inset-top, 0px))}.mobile-nav-banner,.mobile-nav-dock{position:absolute;left:12px;right:12px;z-index:35}.mobile-nav-dock{bottom:max(12px,env(safe-area-inset-bottom,0px))}.spatial-aux{background:radial-gradient(ellipse at 15% 12%,rgba(191,232,247,.45),transparent 45%),radial-gradient(ellipse at 85% 18%,rgba(233,245,255,.6),transparent 42%),linear-gradient(180deg,#F8FBFF,#EFF6FC)!important;color:#142A3B!important}.spatial-aux .glass-panel,.spatial-aux .glass-panel-elevated,.spatial-aux .glass-pill{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(240,248,255,.68));border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.95),inset 0 -1px 1px 0 rgba(22,139,210,.08),0 10px 32px -4px rgba(22,139,210,.07)}.spatial-aux [class*=text-ink-]{color:#142A3B}.spatial-aux .glass-input,.spatial-aux select{background:rgba(255,255,255,.92);color:#142A3B;border-color:rgba(191,232,247,.85)}.spatial-aux .aurora-btn-primary{background:linear-gradient(135deg,#168BD2,#18B6AD)}.spatial-landing{color:var(--text-primary);background:var(--bg-primary);isolation:isolate;overflow-x:hidden}.landing-nav{position:fixed;z-index:40;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 32px));display:flex;align-items:center;gap:20px;padding:8px 14px 8px 20px;border-radius:9999px;border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 28px -4px rgba(22,139,210,.08),0 2px 8px -2px rgba(20,42,59,.03),inset 0 1px 0 rgba(255,255,255,.9);contain:layout style}.landing-nav:not([data-variant]){background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.spatial-brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.03em;font-weight:700;white-space:nowrap;color:#142A3B;flex-shrink:0}.nav-live{font-size:11px;font-weight:600;letter-spacing:.04em;color:#64748B;white-space:nowrap}.nav-links{margin-left:auto;display:flex;gap:4px;align-items:center;font-size:13px;color:#475569}.nav-links a,.nav-links button{padding:6px 14px;border-radius:9999px;font-weight:600;color:#475569;transition:color .15s ease,background-color .15s ease;cursor:pointer;white-space:nowrap}.nav-links a:hover,.nav-links button:hover{color:#168BD2;background-color:rgba(22,139,210,.06)}.nav-links button.active{color:#168BD2;background-color:rgba(22,139,210,.1)}.nav-cta,.primary-spatial{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:9999px;background:linear-gradient(135deg,#168BD2,#18B6AD);color:#FFFFFF!important;font-size:13px;font-weight:650;box-shadow:0 6px 20px -4px rgba(22,139,210,.3),inset 0 1px 1px 0 rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.35);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;cursor:pointer;white-space:nowrap;flex-shrink:0}@media (hover:hover){.nav-cta:hover,.primary-spatial:hover{transform:translateY(-1.5px);box-shadow:0 10px 24px -4px rgba(22,139,210,.4),0 3px 10px -2px rgba(24,182,173,.3)}}.nav-cta:active,.primary-spatial:active{transform:scale(.98)}.story-track,.story-viewport{position:relative}.observatory-map{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 75% 30%,#BFE8F7 0,#E9F5FF 50%,#F8FBFF 100%)}.observatory-map>.observatory-map-canvas{position:absolute;inset:0;width:100%;height:100%}.observatory-map .maplibregl-ctrl-bottom-right{bottom:66px}.observatory-error{position:fixed;top:max(80px,env(safe-area-inset-top) + 64px);left:50%;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:12px;padding:6px 16px;font-size:11px;font-weight:600;color:#B45309;background:rgba(254,243,199,.92);border:1px solid rgba(251,191,36,.4);border-radius:9999px;backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(217,119,6,.12)}.observatory-error button{padding:2px 10px;font-size:10px;font-weight:700;border-radius:9999px;color:#FFFFFF;background:#D97706;border:none;cursor:pointer;transition:opacity .15s ease}.observatory-error button:hover{opacity:.9}.observatory-shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,.5),rgba(248,251,255,.2) 45%,rgba(248,251,255,.02) 80%),radial-gradient(ellipse at 85% 20%,rgba(191,232,247,.15) 0,transparent 65%)}.scene-coordinate{position:fixed;right:5%;top:120px;z-index:2;display:grid;text-align:right;gap:6px;font:11px ui-monospace,monospace;color:#607889}.scene-coordinate span{font-size:9px;letter-spacing:.12em;color:#829AA8}.story-scene{position:relative;z-index:3;width:min(1280px,calc(100% - 96px));margin:0 auto;min-height:100svh;padding:clamp(90px,12vh,120px) 0 clamp(80px,10vh,100px);scroll-margin-top:0;display:flex;flex-direction:column;justify-content:center}.hero-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:clamp(32px,5vw,80px);align-items:center}.hero-copy{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#168BD2;font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.6;text-transform:uppercase;background:rgba(233,245,255,.9);padding:4px 12px;border-radius:9999px;border:1px solid rgba(191,232,247,.6);margin-bottom:16px}.hero-copy h1{font-size:clamp(38px,4.6vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:16px 0 20px;color:#142A3B}.hero-copy h1 span,.route-ready h2 span,.scene-heading h2 span{background:linear-gradient(135deg,#168BD2,#18B6AD);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{max-width:580px;font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:#36536B}.hero-copy .hero-detail{font-size:13px;color:var(--text-secondary);margin:14px 0 24px;line-height:1.8}.hero-trust{display:flex;align-items:flex-start;gap:8px;margin-top:18px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.hero-trust svg{flex-shrink:0;margin-top:2px}.hero-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(191,232,247,.6)}.hero-bottom>span{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:12px;color:var(--text-secondary);line-height:1.5}.hero-bottom b{font-size:clamp(18px,1.6vw,24px);font-weight:700;color:#142A3B;overflow-wrap:anywhere}.hero-signal{padding:26px;width:100%}.signal-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px}.signal-top button{min-width:36px;min-height:36px;display:grid;place-items:center}.signal-metrics{margin-top:20px}.signal-metrics strong{font-size:46px;font-weight:700;letter-spacing:-.04em;color:#142A3B}.signal-metrics small{display:block;font-size:12px;color:#607889;line-height:1.6}.live-stat-row{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:#36536B}.live-stat-row b{color:#142A3B}.hero-signal hr{margin:18px 0;border-color:rgba(191,232,247,.4)}.observation-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#168BD2;font-size:13px;font-weight:650;transition:color .2s}.observation-link:hover{color:#0E78B9}.scene-heading{max-width:850px;margin:0 auto 32px;text-align:center}.route-ready h2,.scene-heading h2{font-size:clamp(28px,3.4vw,50px);font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:16px 0;color:#142A3B}.camera-selector{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:13px}.camera-selector select{width:min(440px,100%);min-width:0;padding:12px 16px;border:1px solid rgba(191,232,247,.85);border-radius:14px;background:rgba(255,255,255,.95);color:#142A3B;box-shadow:0 2px 8px rgba(22,139,210,.05)}.vision-scene{width:min(1440px,calc(100% - 64px));max-width:1440px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,7.5vh,88px) 0 clamp(84px,10vh,104px)}.vision-scene .scene-heading{margin:0 auto 18px}.vision-scene .scene-heading .eyebrow{margin-bottom:6px}.vision-scene .scene-heading h2{font-size:clamp(24px,2.7vw,42px);line-height:1.16;margin:8px 0}.vision-scene .camera-selector{margin-top:12px}.vision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;width:100%}.vision-card{min-width:0;height:100%}.snapshot-frame{position:relative;aspect-ratio:4/3;margin-top:14px;margin-bottom:12px;background:#E9F5FF;border-radius:16px;overflow:hidden;border:1px solid rgba(191,232,247,.6)}.snapshot-frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.specular-card:hover .snapshot-frame img{transform:scale(1.025)}.snapshot-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px;font-size:13px;color:#607889;text-align:center}.tiny-badge{font-size:11px;font-weight:650;padding:4px 10px;border:1px solid rgba(191,232,247,.8);border-radius:9999px;background:#E9F5FF;color:#168BD2}.vision-number{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.vision-number strong{font-size:26px;font-weight:700;color:#142A3B}.vision-number small{font-size:12px;font-weight:400;color:#607889}.actual-water-status{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.actual-water-status small{line-height:1.6;color:#607889}.scene-note{display:block;text-align:center;margin-top:14px;margin-bottom:12px;padding:6px 14px;font-size:12px;color:var(--text-secondary)}.environment-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-bottom:26px}.environment-grid>.liquid-glass{padding:24px;min-width:0}.news-float-card:first-child h3{font-size:20px}.news-published{font-size:12px;color:var(--text-secondary)}.observation-context{padding:14px 22px;display:flex;gap:10px;align-items:center;font-size:12px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.98);border-radius:9999px;box-shadow:0 4px 16px rgba(22,139,210,.08)}.route-scene{align-items:center;min-height:100svh;padding:clamp(80px,11vh,100px) 0 clamp(90px,12vh,120px)}.route-ready{width:min(780px,100%);padding:clamp(20px,3.5vw,36px) clamp(18px,4vw,44px);text-align:center;border-radius:28px}.ready-icon{display:inline-flex;padding:12px;border-radius:16px;color:#168BD2;background:#E9F5FF;border:1px solid #bfe8f7;margin-bottom:12px}.routing-health{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;padding:14px;border:1px solid rgba(191,232,247,.7);background:rgba(255,255,255,.7);border-radius:16px;font-size:13px;color:#36536B}.route-caution{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:14px 0 20px}.story-bottom{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));top:auto;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:12px;border-radius:9999px;padding:4px 8px 4px 14px;border:1px solid rgba(255,255,255,.75);box-shadow:0 6px 20px rgba(20,42,59,.08);contain:layout style}.story-bottom:not([data-variant]){background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.scroll-invite{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:600;color:#475569;white-space:nowrap;transition:color .15s ease,background-color .15s ease;cursor:pointer}.scroll-invite:hover{color:#168BD2;background-color:rgba(22,139,210,.06)}.chapter-nav{display:flex;gap:3px;align-items:center}.chapter-nav button{min-width:44px;min-height:38px;padding:4px 10px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9999px;color:#64748B;font-size:12px;font-weight:600;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease;cursor:pointer}.chapter-nav button:hover{color:#168BD2;background-color:rgba(22,139,210,.06)}.chapter-nav button[aria-current]{background:rgba(22,139,210,.1);color:#168BD2;box-shadow:0 1px 4px rgba(22,139,210,.12)}.chapter-nav i{width:5px;height:5px;border-radius:50%;background:#CBD5E1;transition:background-color .15s ease}.chapter-nav i.active{background:#168BD2}.story-caption{font-size:11px;font-weight:600;white-space:nowrap;color:#475569;padding-right:6px}.story-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#168BD2,#18B6AD);z-index:40;transform-origin:left;transform:scaleX(var(--story-progress,0))}.spatial-footer{position:relative;z-index:3;display:flex;gap:25px;align-items:center;justify-content:space-between;background:#F8FBFF;border-top:1px solid rgba(191,232,247,.6);padding:36px max(24px,6vw) 100px;font-size:12px;color:#607889}.routing-launch-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;text-align:left}@media (max-width:640px){.routing-launch-inputs{grid-template-columns:minmax(0,1fr)}}@keyframes aurora-first{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(60px,-40px,0) scale(1.08)}}@keyframes aurora-second{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-50px,50px,0) scale(.95)}}@keyframes aurora-third{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,60px,0) scale(1.05)}}@keyframes aurora-fourth{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-60px,-30px,0) scale(1.1)}}@keyframes aurora-fifth{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(50px,-50px,0) scale(.92)}}.animate-aurora-first{animation:aurora-first 32s ease-in-out infinite alternate;will-change:transform}.animate-aurora-second{animation:aurora-second 38s ease-in-out infinite alternate;will-change:transform}.animate-aurora-third{animation:aurora-third 34s ease-in-out infinite alternate;will-change:transform}.animate-aurora-fourth{animation:aurora-fourth 40s ease-in-out infinite alternate;will-change:transform}.animate-aurora-fifth{animation:aurora-fifth 36s ease-in-out infinite alternate;will-change:transform}@media (prefers-reduced-motion:reduce){.animate-aurora,.animate-aurora-fifth,.animate-aurora-first,.animate-aurora-fourth,.animate-aurora-second,.animate-aurora-third,[class*=animate-aurora],[class*=animate-aurora]:after{animation:none!important}}.fusion-scene{padding-bottom:clamp(140px,18vh,190px)}.act03-action-bar{display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-top:24px;width:100%}.act03-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;white-space:nowrap}.act03-weather-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.act03-weather-pill{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 18px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:9999px;box-shadow:0 4px 16px rgba(22,139,210,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}.act03-weather-provenance{font-size:11px;color:#607889;padding-left:12px;margin:0;line-height:1.4}@media (max-width:768px){.act03-action-bar{flex-direction:column;align-items:stretch;gap:12px}.act03-cta-btn{width:100%}.act03-weather-card{width:100%;align-items:stretch}.act03-weather-pill{width:100%;justify-content:center;white-space:normal;text-align:center}.act03-weather-provenance{text-align:center;padding-left:0}}@keyframes pearl-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hero-copy .eyebrow{animation:pearl-reveal .7s .15s both}.hero-copy h1{animation:pearl-reveal .8s .3s both}.hero-copy>p{animation:pearl-reveal .8s .5s both}.hero-copy .primary-spatial,.hero-trust{animation:pearl-reveal .8s .7s both}.hero-bottom{animation:pearl-reveal .8s .9s both}.hero-signal{animation:pearl-reveal 1s .6s both}.story-scene.is-active:not(.hero-scene) .scene-heading{animation:pearl-reveal .7s both}.story-scene.is-active:not(.hero-scene) .liquid-glass{animation:pearl-reveal .8s both}.story-scene.is-active .liquid-glass:nth-child(2){animation-delay:.12s}.story-scene.is-active .liquid-glass:nth-child(3){animation-delay:.24s}}@media (prefers-reduced-motion:reduce){.specular-card:hover,.specular-card:hover img{transform:none}}.landing-nav{transform:translateX(-50%)!important}@media (max-width:1200px){.nav-live,.scene-coordinate{display:none}.nav-links{gap:14px}.story-scene{width:calc(100% - 64px)}.hero-scene{grid-template-columns:minmax(0,1fr) 290px;gap:36px}.hero-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-scene{width:calc(100% - 48px)}.vision-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vision-cards>:last-child{grid-column:1/-1}.actual-water-status{min-height:160px}}@media (max-width:900px){.nav-links{display:none}.nav-cta{margin-left:auto}.hero-scene{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:680px}.hero-copy h1{font-size:clamp(40px,7vw,64px)}.hero-signal{margin-top:0;max-width:680px}.hero-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-float-card:first-child{grid-column:1/-1}.scene-coordinate,.story-caption{display:none}.observatory-shade{background:linear-gradient(90deg,#f7f9ffdf,#f7f9ff80)}}@media (max-width:700px){.vision-scene{width:calc(100% - 28px);padding-bottom:95px}.vision-cards{grid-template-columns:minmax(0,1fr);gap:16px}.vision-cards>:last-child{grid-column:auto}}@media (max-width:600px){.landing-nav{width:calc(100% - 24px);padding:8px 10px 8px 14px;gap:10px;top:max(12px,env(safe-area-inset-top))}.spatial-brand{font-size:17px}.nav-cta{padding:10px 14px;font-size:12px;gap:6px}.nav-cta,.primary-spatial{min-height:44px}.observatory-error{max-width:calc(100% - 24px);top:max(68px,env(safe-area-inset-top) + 56px);border-radius:16px;padding:6px 12px;font-size:10.5px;flex-wrap:wrap;justify-content:center}.story-scene{width:calc(100% - 24px);padding:80px 0 75px}.hero-scene{gap:24px}.hero-copy h1{font-size:clamp(30px,8vw,44px);line-height:1.15;margin:16px 0}.eyebrow{font-size:10px;letter-spacing:.08em}.hero-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.hero-signal{padding:18px}.environment-grid,.vision-cards{grid-template-columns:minmax(0,1fr)}.vision-cards>.liquid-glass{padding:18px}.environment-grid>.liquid-glass{grid-column:auto}.scene-heading h2{font-size:26px}.route-ready h2{font-size:clamp(20px,5.5vw,26px)}.route-ready{padding:18px 14px;border-radius:22px}.scroll-invite{display:none}.story-bottom{padding:4px 10px;bottom:max(14px,env(safe-area-inset-bottom));top:auto;gap:8px}.chapter-nav button{min-width:44px;min-height:44px}.spatial-footer{flex-direction:column;align-items:flex-start;padding-bottom:80px}.observatory-map .maplibregl-ctrl-bottom-right{bottom:0;font-size:10px}}@media (max-width:480px){.landing-nav{width:calc(100% - 16px);padding:6px 8px 6px 12px;gap:8px}.spatial-brand{font-size:16px;gap:6px}.nav-cta{padding:8px 12px;font-size:11.5px}.hero-bottom{grid-template-columns:1fr;gap:12px}}@media (max-width:380px){.landing-nav{width:calc(100% - 12px);padding:5px 6px 5px 10px;gap:6px}.spatial-brand{font-size:15px;gap:5px}.nav-cta{padding:6px 10px;font-size:11px;min-height:40px}.hero-copy h1{font-size:27px}.story-bottom{padding:2px 6px;gap:4px}.chapter-nav button{min-width:40px;min-height:40px;padding:2px 6px;font-size:11px}}@media (max-height:760px) and (min-width:601px){.story-scene{padding:85px 0 75px}.vision-scene{padding:80px 0 95px}.route-scene{padding:80px 0 70px}.hero-copy h1{font-size:clamp(34px,3.8vw,52px)}.route-ready{padding:18px 24px}.story-bottom{bottom:14px;top:auto}}@media (max-height:850px) and (min-width:601px){.story-bottom{bottom:18px;top:auto}}