@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.cache-bust-trigger{display:none}:root{--surface:#0b1326;--surface-dim:#0b1326;--surface-bright:#31394d;--surface-container-lowest:#060e20;--surface-container-low:#131b2e;--surface-container:#171f33;--surface-container-high:#222a3d;--surface-container-highest:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#e0c0af;--primary:#ffb68b;--primary-container:#ff7a00;--on-primary:#522300;--on-primary-container:#5c2800;--secondary:#ffb4ac;--secondary-container:#a90111;--on-secondary:#690006;--tertiary:#fabd00;--tertiary-container:#ca9800;--on-tertiary:#3f2e00;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--outline:#a78b7c;--outline-variant:#584235;--emerald-accent:#10b981;--indigo:#312e81;--royal-purple:#6d28d9;--glass-surface:#ffffff14;--glass-border:#ffffff1f;--glass-blur:24px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-unit:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--container-margin:20px;--gutter:16px;--touch-target:48px;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.75rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;display:flex}#root{flex-direction:column;flex:1;display:flex}.app-container{min-height:100dvh;padding:var(--container-margin);background:var(--surface);z-index:1;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 20% 80%,#6d28d926 0%,#0000 60%),radial-gradient(60% 40% at 80% 20%,#ff7a001f 0%,#0000 50%),radial-gradient(100% 100%,#312e8114 0%,#0000 70%);animation:20s ease-in-out infinite alternate atmosphericDrift;position:absolute;inset:0}.app-container:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0b132680 0%,#0b13264d 40%,#0b1326b3 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:25s ease-in-out infinite alternate bgZoom;position:absolute;inset:0}@media (width<=768px){.app-container:after{background-position:50%;background-size:100% 100%}}@media (width>=769px){.app-container:after{background-image:linear-gradient(#0b132680 0%,#0b13264d 40%,#0b1326b3 100%)}}@keyframes atmosphericDrift{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.header-container{top:var(--space-md);right:var(--space-md);z-index:10;position:absolute}.card{border-radius:var(--radius-2xl);padding:var(--space-md) var(--container-margin);text-align:center;z-index:5;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000004d,0 0 40px #ffffff1a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(16px)!important;background:#00000040!important;border:1px solid #ffffff4d!important}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff6,#ffffff1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.title{font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 8px #ff7a004d;margin-bottom:var(--space-sm);font-size:28px;font-weight:800;line-height:34px}.subtitle{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:var(--space-sm);font-size:12px;font-weight:600}.tagline{font-family:var(--font-sans);letter-spacing:.1em;color:var(--primary);margin-bottom:var(--space-md);justify-content:center;align-items:center;gap:.65rem;font-size:14px;font-weight:600;display:flex}.tagline .divider-dot{color:#ffb68b66;font-size:.6rem}.description{color:var(--on-surface-variant);margin-bottom:var(--space-lg);font-size:16px;line-height:24px}.chakra-container{width:100px;height:100px;margin:0 auto var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;background:#0b132680!important;border:1px solid #ffffff26!important;border-radius:50%!important;box-shadow:inset 0 4px 10px #0006,0 6px 20px #00000040!important}.chakra-glow{pointer-events:none;border-radius:50%;position:absolute;inset:8px}.chakra-svg{filter:drop-shadow(0 0 8px #ff7a0066)}.divine-divider{margin:var(--space-md) 0;color:var(--tertiary);opacity:.9;justify-content:center;align-items:center;gap:1rem;display:flex}.divine-divider:before,.divine-divider:after{content:"";background:linear-gradient(to var(--direction,right), #fabd0000, #fabd00b3);width:60px;height:1px}.divine-divider:before{--direction:left}.divine-divider:after{--direction:right}.divine-symbol{text-shadow:0 0 8px #fabd0080;font-size:1.5rem;animation:2.5s ease-in-out infinite alternate glowPulse}@keyframes glowPulse{0%{text-shadow:0 0 4px #fabd004d}to{text-shadow:0 0 16px #fabd00cc}}.btn{border-radius:var(--radius-lg);font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;width:100%;margin-top:var(--space-md);background:linear-gradient(135deg,#ff7a00 0%,#e53935 50%,#6d28d9 100%);border:none;justify-content:center;align-items:center;gap:.75rem;padding:10px 18px;font-size:12.5px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #e5393540,0 0 10px #ff7a001f;color:#fff!important}.btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e5393566,0 0 20px #ff7a0040}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bell-icon-left,.bell-icon-right{transform-origin:top;display:inline-flex}.btn:hover .bell-icon-left{animation:.6s ease-in-out infinite alternate swingLeft}.btn:hover .bell-icon-right{animation:.6s ease-in-out infinite alternate-reverse swingRight}@keyframes swingLeft{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes swingRight{0%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}.btn-secondary{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--on-surface);box-shadow:none}.btn-secondary:hover{box-shadow:none;background:#ffffff1f}.particle-field{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.golden-particle{background:radial-gradient(circle,#fabd00cc,#ff7a0066);border-radius:50%;animation:linear infinite floatUp;position:absolute;bottom:-10px;box-shadow:0 0 6px #fabd004d}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh)translate(30px)scale(.5)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{color:var(--error);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#93000a4d;border:1px solid #ffb4ab33;align-items:center;gap:.75rem;font-size:14px;display:flex}.success-container{color:var(--emerald-accent);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#10b98126;border:1px solid #10b98133;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:14px;font-weight:500;display:flex}.viewport-container{z-index:10;background-color:#000;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.pano-iframe{border:none;width:100%;height:100%}.viewport-header{top:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:30;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.viewport-header-btn{pointer-events:auto;-webkit-backdrop-filter:blur(16px);color:var(--on-surface);border-radius:var(--radius-full);cursor:pointer;background:#0b1326b3;border:1px solid #ff7a004d;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #0000004d}.viewport-header-btn svg{width:14px!important;height:14px!important}.viewport-header-btn:hover{background:#0b1326d9;border-color:#ff7a0080;transform:translateY(-1px)}.viewport-nav-wrapper{bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));z-index:20;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;left:50%}.viewport-nav-wrapper.collapsed{width:auto}.viewport-nav-card{width:calc(100% - 2 * var(--container-margin));-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);gap:var(--space-sm);pointer-events:auto;flex-direction:column;max-width:480px;padding:14px 16px;display:flex;box-shadow:0 15px 35px #0006,0 0 25px #f503,inset 0 1px #ffffff26;color:#0b1326!important;background:linear-gradient(135deg,#facc15 0%,#ff7a00 50%,#ea580c 100%)!important;border:1px solid #ffffff40!important}.viewport-nav-card .viewport-spot-title,.viewport-nav-card .viewport-spot-title strong,.viewport-nav-card .viewport-spot-title span,.viewport-nav-card span,.viewport-nav-card strong,.viewport-nav-card p,.viewport-nav-card label,.viewport-nav-card .active-service-badge span{color:#0b1326!important;text-shadow:none!important}.viewport-nav-card svg{stroke:#0b1326!important}.viewport-nav-card .viewport-action-btn,.viewport-nav-card .viewport-action-btn.primary{color:#f80!important;font-family:var(--font-sans)!important;letter-spacing:.03em!important;text-transform:uppercase!important;background:#0b1326!important;border:1px solid #ffffff1f!important;border-radius:8px!important;padding:6px 8px!important;font-size:11px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 12px #00000040!important}.viewport-nav-card .viewport-action-btn:hover,.viewport-nav-card .viewport-action-btn.primary:hover{color:#fabd00!important;background:#151d30!important;border-color:#ffffff40!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #00000059!important}.viewport-nav-card .viewport-action-btn svg{stroke:#f80!important;transition:stroke .2s!important}.viewport-nav-card .viewport-action-btn:hover svg{stroke:#fabd00!important}.viewport-nav-card .viewport-action-btn span,.viewport-nav-card .viewport-action-btn.primary span{color:#f80!important;transition:color .2s!important}.viewport-nav-card .viewport-action-btn:hover span,.viewport-nav-card .viewport-action-btn.primary:hover span{color:#fabd00!important}.viewport-nav-card .viewport-action-btn.primary:disabled{opacity:.4!important;cursor:not-allowed!important;transform:none!important}.viewport-nav-card:before{content:"";background:#fabd004d;border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.viewport-spot-info{color:var(--on-surface);align-items:center;gap:.5rem;padding-top:4px;font-size:14px;font-weight:600;display:flex}.viewport-spot-title{white-space:normal;word-break:break-word;color:var(--on-surface)}.viewport-spot-title strong{color:var(--tertiary)}.viewport-spot-distance{color:var(--primary);opacity:.95;font-variant-numeric:tabular-nums;white-space:nowrap}.viewport-actions-row{gap:8px;width:100%;display:flex}.viewport-action-btn{color:var(--on-surface);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;min-height:var(--touch-target);background:#ffffff14;border:1px solid #ffffff26;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.viewport-action-btn:hover{background:#ffffff24;border-color:#fff3}.viewport-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff7a00,#e53935);border:1px solid #ffb68b66}.viewport-action-btn.primary:hover{box-shadow:0 4px 16px #ff7a0059}.viewport-action-btn.primary:disabled{opacity:.4;cursor:not-allowed}.direction-indicator-card{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:6px;padding:12px;display:flex}.direction-indicator-header{justify-content:space-between;align-items:center;display:flex}.direction-indicator-title{color:var(--tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.direction-indicator-cancel{color:var(--on-surface);opacity:.5;cursor:pointer;background:0 0;border:none;font-size:12px;transition:opacity .2s}.direction-indicator-cancel:hover{opacity:1}.direction-indicator-body{justify-content:center;align-items:center;gap:1rem;display:flex}.compass-icon-container{border:2px solid var(--emerald-accent);background:#10b9811f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 0 12px #10b98166}.compass-arrow-icon{width:22px;height:22px}.direction-instruction-container{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.direction-instruction-text{color:var(--on-surface);font-size:14px;font-weight:600}.direction-bearing-text{color:#dae2fd80;font-size:11px}.direction-arrow-small{width:16px;height:16px}.top-direction-hud-container{top:calc(var(--space-md) + env(safe-area-inset-top,0px));z-index:40;width:100%;max-width:300px;position:absolute;left:50%;transform:translate(-50%)}@media screen and (width<=480px){.top-direction-hud-container{max-width:220px}}.direction-indicator-card.top-floating{-webkit-backdrop-filter:blur(24px);padding:14px;background:linear-gradient(135deg,#facc15 0%,#ff7a00 50%,#ea580c 100%)!important;border:1px solid #ffffff40!important;box-shadow:0 15px 35px #0006,0 0 25px #f503!important}.direction-indicator-card.top-floating .direction-indicator-title{color:#4c1a00!important;text-shadow:none!important}.direction-indicator-card.top-floating .direction-instruction-text{color:#0b1326!important;text-shadow:none!important}.direction-indicator-card.top-floating .direction-bearing-text{color:#0b1326b3!important;text-shadow:none!important}.direction-indicator-card.top-floating .direction-distance-badge{color:#0b1326!important;background:#0b13261a!important;border:1px solid #0b132633!important}.direction-indicator-card.top-floating svg,.direction-indicator-card.top-floating button svg{stroke:#0b1326!important}.direction-indicator-card.top-floating .compass-arrow-icon{fill:#0b1326!important;stroke:#0b1326!important}.direction-indicator-card.top-floating .viewport-header-btn{color:#0b1326!important;background:#0b13261a!important;border:1px solid #0b132633!important}.direction-indicator-card.top-floating .viewport-header-btn:hover{background:#0b132633!important}.viewport-nav-collapsed-btn{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;max-width:calc(100vw - 2 * var(--container-margin));pointer-events:auto;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 25px #00000059;color:#0b1326!important;background:linear-gradient(135deg,#facc15 0%,#ff7a00 50%,#ea580c 100%)!important;border:1px solid #ffffff40!important}.viewport-nav-collapsed-btn svg{stroke:#0b1326!important}.viewport-nav-collapsed-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffc720 0%,#ff8c1a 50%,#f46215 100%)!important;border-color:#fff6!important}.active-service-badge{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--on-surface);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.active-service-badge:hover{background:#ffffff24;border-color:#ffffff40}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#00000080;position:fixed;inset:0}.details-drawer{background:var(--surface-container);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-lg) var(--container-margin);z-index:101;border-top:1px solid #ff7a0033;max-width:540px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.details-drawer:before{content:"";background:#fabd004d;border-radius:2px;width:36px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.drawer-header{margin-bottom:var(--space-md);padding-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.drawer-title{color:var(--on-surface);font-size:20px;font-weight:700}.drawer-close{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--on-surface-variant);cursor:pointer;border-radius:50%;align-items:center;padding:6px;transition:all .2s;display:flex}.drawer-close:hover{color:var(--on-surface);background:#ffffff24}.data-grid{gap:var(--space-sm);text-align:left;grid-template-columns:1fr 1fr;display:grid}.data-item{background:var(--glass-surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);flex-direction:column;gap:4px;display:flex}.data-label{color:var(--on-surface-variant);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500}.data-value-row{justify-content:space-between;align-items:center;display:flex}.data-value{font-variant-numeric:tabular-nums;color:var(--on-surface);font-size:16px;font-weight:700}.info-item{color:var(--on-surface-variant);margin-top:var(--space-md);justify-content:center;align-items:center;gap:.5rem;font-size:14px;display:flex}.icon-btn{color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--glass-surface);color:var(--on-surface)}.service-modal-overlay{z-index:1000;padding:var(--container-margin);background:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.service-modal-container{border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:calc(100dvh - 40px);padding:var(--space-lg);position:relative;overflow:hidden auto;-webkit-backdrop-filter:blur(16px)!important;background:#00000040!important;border:1px solid #ffffff4d!important;box-shadow:0 24px 60px #0000004d,0 0 40px #ffffff1a,inset 0 1px #fff3!important}@media (width>=481px){.service-modal-container{border-radius:var(--radius-2xl)}}.service-modal-decor-top{opacity:1;justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.service-modal-title-container{text-align:center;margin-bottom:var(--space-sm);padding-top:0}.service-modal-title{font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 8px #ff7a004d;margin-bottom:var(--space-sm);font-size:28px;font-weight:800;line-height:34px}.service-modal-subtitle{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:var(--space-sm);font-size:12px;font-weight:600}.service-modal-divider{margin:var(--space-sm) 0;color:var(--tertiary);opacity:.8;justify-content:center;align-items:center;gap:.75rem;display:flex}.service-modal-divider:before,.service-modal-divider:after{content:"";background:linear-gradient(90deg,#fabd0000,#fabd0099);width:50px;height:1px}.service-modal-divider:before{background:linear-gradient(270deg,#fabd0000,#fabd0099)}.service-modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.service-card{border-radius:var(--radius-xl);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;min-height:96px;padding:16px 8px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;background:#0b1326b8!important;border:1px solid #ffffff14!important}.service-card.water:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#3b82f699!important;box-shadow:0 8px 30px #3b82f640!important}.service-card.toilets:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#10b98199!important;box-shadow:0 8px 30px #10b98140!important}.service-card.aid:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#fabd0099!important;box-shadow:0 8px 30px #fabd0040!important}.service-card.police:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#ef444499!important;box-shadow:0 8px 30px #ef444440!important}.service-card.parking:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#f9731699!important;box-shadow:0 8px 30px #f9731640!important}.service-card.transport:hover{transform:translateY(-4px);background:#0f172ad9!important;border-color:#a78bfa99!important;box-shadow:0 8px 30px #a78bfa40!important}.service-card:active{transform:translateY(-1px)}.service-icon-circle{justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:8px;transition:transform .3s;display:flex}.service-card:hover .service-icon-circle{transform:scale(1.15)}.service-icon-circle.water,.service-icon-circle.toilets,.service-icon-circle.aid,.service-icon-circle.police,.service-icon-circle.parking,.service-icon-circle.transport{background:0 0;border:none}.svg-fill-target{fill:#fff0;transition:fill .35s}.service-card.water:hover .svg-fill-target{fill:#3b82f638}.service-card.toilets:hover .svg-fill-target{fill:#10b98138}.service-card.aid:hover .svg-fill-target{fill:#fabd0038}.service-card.police:hover .svg-fill-target{fill:#ef444438}.service-card.parking:hover .svg-fill-target{fill:#f9731638}.service-card.transport:hover .svg-fill-target{fill:#a78bfa38}.service-card-title{font-family:var(--font-sans);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.3}.service-modal-decor-bottom{margin-top:var(--space-md);opacity:1;justify-content:space-between;align-items:center;display:flex}.service-locations-container{flex-direction:column;gap:6px;max-height:180px;margin-top:4px;margin-bottom:4px;padding-right:4px;display:flex;overflow-y:auto}.service-locations-container::-webkit-scrollbar{width:3px}.service-locations-container::-webkit-scrollbar-track{background:0 0}.service-locations-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.service-location-item{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.service-location-item:hover{background:#ffffff1a}.service-location-item.active{background:#fabd001a;border-color:#fabd004d}.service-location-info{flex-direction:column;flex:1;gap:2px;display:flex}.service-location-name{color:var(--on-surface);font-size:13px;font-weight:600}.service-location-meta{color:var(--primary);align-items:center;gap:8px;font-size:11px;display:flex}.service-location-active-badge{color:var(--emerald-accent);text-transform:uppercase;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.service-location-active-dot{background-color:var(--emerald-accent);width:6px;height:6px;box-shadow:0 0 8px var(--emerald-accent);border-radius:50%;animation:1.5s infinite pulseDot}@keyframes pulseDot{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}to{opacity:.6;transform:scale(.9)}}.service-location-actions{align-items:center;gap:6px;display:flex}.service-location-btn{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--on-surface);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.service-location-btn:hover{background:#ffffff24}.service-location-btn.go-btn{color:#fff;background:linear-gradient(135deg,#ff7a00,#e53935);border-color:#ffb68b66}.service-location-btn.go-btn:hover{box-shadow:0 4px 12px #ff7a004d}.navigation-hud-card{border-radius:var(--radius-md);background:#ffffff0a;border:1px dashed #fabd0040;flex-direction:column;gap:8px;padding:12px;display:flex}.toast-msg{top:var(--space-lg);background:var(--surface-container-highest);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--on-surface);border-radius:var(--radius-full);z-index:1000;pointer-events:none;border:1px solid var(--glass-border);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;animation:2.5s forwards toastFadeInOut;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@media (width<=480px){.card{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl)}.title{font-size:24px;line-height:30px}.subtitle{letter-spacing:.12em;font-size:11px}.tagline{letter-spacing:.08em;gap:.4rem;font-size:12px}.btn{padding:12px 20px;font-size:13px}.viewport-nav-card{border-radius:var(--radius-lg);width:calc(100% - var(--space-md));gap:6px;padding:10px 12px}.viewport-spot-info{gap:4px;font-size:13px}.active-service-badge{padding:2px 8px;font-size:10px}.viewport-actions-row{gap:6px}.viewport-action-btn{border-radius:8px;padding:8px 4px;font-size:11px}.viewport-action-btn.primary{flex:1.3}.direction-indicator-card{gap:4px;padding:8px 10px}.direction-indicator-title{font-size:11px}.compass-icon-container{width:36px;height:36px}.compass-arrow-icon{width:18px;height:18px}.direction-instruction-text{font-size:13px}.direction-bearing-text{font-size:10px}.viewport-nav-collapsed-btn{max-width:190px;padding:6px 10px;font-size:11px}.viewport-nav-collapsed-btn span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.service-modal-container{padding:var(--space-md);border-radius:var(--radius-2xl);margin:16px}.service-modal-title{font-size:20px}.service-modal-grid{gap:8px}.service-card{border-radius:var(--radius-lg);padding:12px 6px}.service-icon-circle{width:56px;height:56px;margin-bottom:6px}.service-icon-circle svg{width:38px!important;height:38px!important}.service-card-title{font-size:11px}}@media (width>=1024px){.viewport-header-btn{padding:10px 20px;font-size:14px}.viewport-header-btn svg{width:16px!important;height:16px!important}.theme-toggle-btn{width:44px;height:44px}.theme-toggle-btn svg{width:20px!important;height:20px!important}}@media (width<=768px){.service-locations-section{display:none!important}}