:root,[data-theme=dark]{--bg-primary: #1e293b;--bg-header: rgba(30, 41, 59, .78);--bg-deep: #0f172a;--bg-surface: rgba(51, 65, 85, .98);--bg-surface-hover: #334155;--bg-surface-active: #475569;--bg-overlay: rgba(0, 0, 0, .3);--bg-overlay-heavy: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-rgb: 37, 99, 235;--border-subtle: #475569;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-button: 0 4px 12px rgba(0, 0, 0, .4);--search-meta: #cbd5e1;--overlay-backdrop: rgba(0, 0, 0, .5);--spinner-track: rgba(255, 255, 255, .3);--icon-color: #fb923c;--icon-hover-color: #fdba74;--icon-hover-bg: rgba(251, 146, 60, .12);--icon-active-bg: rgba(251, 146, 60, .2)}[data-theme=light]{--bg-primary: #faf8f5;--bg-header: rgba(250, 248, 245, .78);--bg-deep: #e8e3dc;--bg-surface: rgba(255, 253, 250, .98);--bg-surface-hover: #f5f0eb;--bg-surface-active: #e8e3dc;--bg-overlay: rgba(255, 253, 250, .7);--bg-overlay-heavy: rgba(255, 253, 250, .9);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-rgb: 37, 99, 235;--border-subtle: #cbd5e1;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .15);--shadow-button: 0 4px 12px rgba(0, 0, 0, .1);--search-meta: #475569;--overlay-backdrop: rgba(0, 0, 0, .3);--spinner-track: rgba(0, 0, 0, .15);--icon-color: #ea580c;--icon-hover-color: #c2410c;--icon-hover-bg: rgba(234, 88, 12, .1);--icon-active-bg: rgba(234, 88, 12, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none;background:var(--bg-primary);color:var(--text-primary)}#app{display:flex;flex-direction:column;height:100vh;width:100vw}.hidden{display:none!important}.map-container{flex:1;position:relative;overflow:hidden;background:var(--bg-deep)}#map-canvas{display:block;width:100%;height:100%;touch-action:none}.app-header{display:flex;align-items:center;gap:4px;padding:0 12px;height:52px;min-height:52px;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.2);z-index:100;position:absolute;top:0;left:0;right:0}.header-left{flex:1;min-width:0}.header-brand{font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.header-brand br{display:none}.header-brand .floor-name-sub{display:inline;font-size:15px;font-weight:400;opacity:.75;margin-left:4px}.header-brand .floor-name-sub:before{content:" · ";margin-right:2px}.header-app-title{font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--text-primary)}.header-app-title:after{content:"|";margin:0 8px 0 10px;font-weight:300;opacity:.35}.header-floor-info{font-size:17px;font-weight:500;opacity:.85}.header-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.header-btn{width:48px;height:48px;border-radius:10px;border:none;background:transparent;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;padding:0;position:relative;flex-shrink:0}.header-btn svg{width:28px;height:28px}.header-btn:hover{background:var(--icon-hover-bg);color:var(--icon-hover-color)}.header-btn:active{background:var(--icon-active-bg);color:var(--icon-hover-color)}.header-btn.active{background:var(--accent-primary, #3b82f6);color:#fff;border-radius:8px}#three-container{position:absolute;inset:0;z-index:1}.route-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-surface, #1e293b);border-top:1px solid var(--border-subtle, #334155);border-radius:16px 16px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #0000004d;transition:transform .3s ease}.route-panel.hidden{display:none}.route-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.route-panel-summary{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.route-distance{font-size:20px;font-weight:700;color:var(--text-primary)}.route-time{font-size:15px;color:var(--text-secondary)}.route-close-btn{width:36px;height:36px;border:none;background:var(--bg-surface-hover, #334155);color:var(--text-primary);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.route-close-btn:hover{background:var(--bg-surface-active, #475569)}.route-details{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.route-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.route-chip-floor{background:var(--accent-primary, #3b82f6);color:#fff}.route-chip-floor:hover{opacity:.85}.route-chip-transition{background:var(--bg-surface-hover, #334155);color:var(--text-secondary);font-size:12px}.route-chip-transition.stairs{color:#a78bfa}.route-chip-transition.lift{color:#f87171}.search-result-navigate{margin-left:auto;padding:6px 12px;border:none;border-radius:8px;background:var(--accent-primary, #3b82f6);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.search-result-navigate:hover{opacity:.85}.search-result-navigate:active{opacity:.7}.header-status-toggle{width:48px;height:48px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.header-status-toggle:hover{background:var(--bg-surface-hover)}.header-status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);transition:background .3s}.header-overflow-btn{display:none;width:48px;height:48px;border:none;background:transparent;color:var(--icon-color);cursor:pointer;border-radius:10px;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.header-overflow-btn svg{width:24px;height:24px}.header-overflow-btn:hover{background:var(--icon-hover-bg);color:var(--icon-hover-color)}.header-dropdown{position:absolute;top:52px;right:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-panel);z-index:150;min-width:200px}.header-status-dropdown{padding:12px 16px}.header-status-dropdown #heading-display{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-primary)}.header-status-dropdown #heading-display span{display:block;white-space:nowrap}.header-overflow-dropdown{padding:8px 0}.header-overflow-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:15px;cursor:pointer;width:100%;min-height:48px;text-align:left}.header-overflow-item:hover{background:var(--bg-surface-hover)}.header-overflow-item svg{width:24px;height:24px;flex-shrink:0;color:var(--icon-color)}@media (max-width: 767px){.app-header{flex-wrap:wrap;height:auto;min-height:auto;padding:6px 8px 2px;gap:0}.header-left{order:1;flex:1;min-width:0}.header-status-toggle{order:2;width:36px;height:36px}.header-actions{order:3;width:100%;margin-left:0;justify-content:space-evenly;gap:0;padding:2px 0 4px}.header-btn{width:52px;height:52px;border-radius:12px}.header-btn svg{width:30px;height:30px}.header-overflow-btn{display:none}.header-dropdown{top:100%}}.debug-chip{display:inline-block;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ef4444;border-radius:6px;vertical-align:middle;line-height:1.6;animation:debug-chip-pulse 2s ease-in-out infinite}@keyframes debug-chip-pulse{0%,to{opacity:1}50%{opacity:.6}}.debug-panel{position:absolute;bottom:120px;left:16px;background:var(--bg-overlay-heavy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#22c55e;padding:8px 12px;border-radius:12px;font-family:Courier New,monospace;font-size:11px;z-index:101;pointer-events:none;max-width:280px}.debug-panel div{margin:3px 0;line-height:1.4}#sensor-toggle-btn.active{background:rgba(var(--accent-rgb),.15);color:var(--accent-primary)}#sensor-toggle-btn.inertial{background:#f59e0b26;color:#f59e0b}#sensor-toggle-btn.inactive{color:var(--text-muted)}#sensor-toggle-btn.inactive svg{opacity:.5}#sensor-toggle-btn.inactive:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-muted);transform:rotate(-45deg);border-radius:1px}.north-lock-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.north-lock-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}#north-lock-btn{position:relative}#north-lock-btn.compass-enabled{background:rgba(var(--accent-rgb),.9)}#north-lock-btn.compass-enabled:hover{background:#1d4ed8f2}#north-lock-btn.compass-enabled svg path{fill:#fff}#north-lock-btn.compass-enabled svg path:last-of-type{fill:#ffffffbf}#north-lock-btn.compass-disabled{background:#64748be6}#north-lock-btn.compass-disabled svg{opacity:.6}#north-lock-btn.compass-disabled svg path{fill:#94a3b8}#north-lock-btn.compass-disabled svg circle:first-child{stroke:#cbd5f5}#north-lock-btn.compass-disabled:after{content:"";position:absolute;width:40px;height:2px;background:#e2e8f0e6;transform:rotate(-45deg);border-radius:1px}.overlay-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);z-index:200;opacity:0;transition:opacity .2s ease;pointer-events:none}.overlay-backdrop.visible{opacity:1;pointer-events:auto}.overlay-panel{position:fixed;z-index:210;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;will-change:transform}@media (max-width: 767px){.overlay-panel{inset:0;border-radius:0;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.overlay-panel.panel-hidden{transform:translateY(100%);pointer-events:none}}@media (min-width: 768px){.overlay-panel{top:52px;left:0;bottom:0;width:380px;max-width:40vw;box-shadow:var(--shadow-panel);transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.overlay-panel.panel-hidden{transform:translate(-100%);pointer-events:none}}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:60px;gap:12px}.overlay-title{font-size:24px;font-weight:700;margin:0;flex:1}.overlay-subtitle{font-size:15px;font-weight:400;color:var(--text-secondary);margin-top:2px}.overlay-close-btn{width:48px;height:48px;border:none;background:transparent;color:var(--text-secondary);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s}.overlay-close-btn:hover{background:var(--bg-surface-hover)}.overlay-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-list{padding:0}.overlay-list-item{padding:16px 20px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:20px;font-weight:500;display:flex;align-items:center;gap:14px;min-height:56px}.overlay-list-item:last-child{border-bottom:none}.overlay-list-item:hover{background:rgba(var(--accent-rgb),.1)}.overlay-list-item:active{background:rgba(var(--accent-rgb),.2)}.overlay-list-item.active{background:rgba(var(--accent-rgb),.15);font-weight:700}.overlay-list-item.active:after{content:"✓";margin-left:auto;color:var(--accent-primary);font-size:22px;flex-shrink:0}.overlay-list-item svg{width:24px;height:24px;flex-shrink:0}.search-bar-inline{display:flex;align-items:center;gap:10px;flex:1;background:var(--bg-surface);border-radius:24px;padding:10px 16px}.search-bar-inline input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none;min-width:0}.search-bar-inline input::placeholder{color:var(--text-secondary)}.search-bar-inline svg{flex-shrink:0;color:var(--text-secondary)}.search-clear-btn{flex-shrink:0;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.search-clear-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.search-result-item{padding:14px 20px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .15s;min-height:56px;display:flex;align-items:baseline;gap:8px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-surface-hover)}.search-result-item:active{background:var(--bg-surface-active)}.search-result-text{font-size:18px;color:var(--text-primary);font-weight:500}.search-result-floor{font-size:15px;color:var(--search-meta);font-weight:400;white-space:nowrap}.no-results{padding:20px;text-align:center;color:var(--text-secondary);font-size:15px}@media (max-width: 767px){.overlay-list-item,.search-result-item{min-height:72px;padding:18px 20px}}.settings-group{padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.settings-group:last-child{border-bottom:none}.settings-group-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 12px}.settings-item{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:4px 0}.settings-label{font-size:16px;color:var(--text-primary);flex:1}.settings-select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;font-size:15px;min-height:44px;min-width:120px;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--text-muted);border-radius:28px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.settings-about{text-align:center;padding:8px 0 4px}.settings-about-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.settings-about-detail{font-size:13px;color:var(--text-muted);line-height:1.6}.settings-about-tagline{font-size:12px;color:var(--text-secondary);margin-top:10px;font-style:italic;opacity:.8}.settings-about-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:var(--accent-primary);text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .15s}.settings-about-link:hover{background:rgba(var(--accent-rgb),.1)}.settings-about-link svg{flex-shrink:0}.landscape-warning{display:none}@media (orientation: landscape){[data-rotation-lock=true] .landscape-warning{position:fixed;inset:0;z-index:9999;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-primary);font-size:18px;text-align:center;padding:40px}}.spinner{border:3px solid var(--spinner-track);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.splash-screen{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.splash-screen.hidden{display:none}.splash-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.splash-logo{color:var(--accent-primary);margin-bottom:.25rem}.splash-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.splash-spinner{width:24px;height:24px;border:3px solid var(--bg-surface);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-top:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.splash-status{font-size:.875rem;color:var(--text-secondary);margin:0}.login-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-screen.hidden{display:none}.login-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2.5rem;background:var(--bg-surface);border-radius:1rem;box-shadow:var(--shadow-panel);text-align:center;max-width:380px;width:90%}.login-logo{color:var(--accent-primary);margin-bottom:.5rem}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}.login-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;margin-top:1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;text-decoration:none;-webkit-tap-highlight-color:transparent}.login-btn:hover{background:var(--accent-primary-hover)}.login-btn--loading{opacity:.7;pointer-events:none}.login-status{font-size:.875rem;color:var(--text-secondary);margin:0;min-height:1.25rem}.login-status.hidden{display:none}.login-refresh-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.4rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle, rgba(255,255,255,.1));border-radius:.375rem;font-size:.8125rem;cursor:pointer;transition:color .15s,border-color .15s}.login-refresh-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.no-buildings-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary);text-align:center;padding:2rem}.no-buildings-message h2{color:var(--text-primary);font-size:1.25rem}.settings-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.settings-logout-btn{padding:.5rem 1.25rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-logout-btn:hover{background:#ef4444;color:#fff}