*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--glass-bg: rgba(15, 15, 20, .75);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--accent: #FFD786;--danger: #FF3B30;--pin-color: #FFD786;--pin-glow: rgba(255, 215, 134, .4);--bg: #000;--account-bg: rgba(20, 20, 28, .92);--account-avatar-bg: rgba(255, 255, 255, .06);--selector-bg: rgba(255, 255, 255, .02);--selector-hover: rgba(255, 255, 255, .06);--action-bg: rgba(255, 255, 255, .04);--action-hover: rgba(255, 255, 255, .08);--ctrl-icon-filter: none}[data-theme=light]{--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .08);--glass-hover: rgba(0, 0, 0, .03);--text-primary: rgba(0, 0, 0, .85);--text-secondary: rgba(0, 0, 0, .5);--text-muted: rgba(0, 0, 0, .3);--accent: #a07828;--danger: #FF3B30;--pin-color: #a07828;--pin-glow: rgba(160, 120, 40, .12);--bg: #f5f5f5;--account-bg: rgba(255, 255, 255, .95);--account-avatar-bg: rgba(0, 0, 0, .05);--selector-bg: rgba(0, 0, 0, .02);--selector-hover: rgba(0, 0, 0, .05);--action-bg: rgba(0, 0, 0, .03);--action-hover: rgba(0, 0, 0, .06);--ctrl-icon-filter: invert(1) brightness(.2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);overflow:hidden;height:100dvh;width:100vw}#root{height:100%;width:100%}.app{position:relative;width:100%;height:100%}.map-container{position:absolute;top:0;right:0;bottom:0;left:0}.mapboxgl-ctrl-top-right{top:72px!important;right:12px!important}.mapboxgl-ctrl-group{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mapboxgl-ctrl-group button{width:36px!important;height:36px!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--glass-border)!important}.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{filter:var(--ctrl-icon-filter, invert(1) brightness(.8))}.user-location-marker{width:18px;height:18px;border-radius:50%;background:#4a90d9;border:3px solid #fff;box-shadow:0 0 12px #4a90d980,0 0 24px #4a90d940;animation:pulse-user 2.5s ease-in-out infinite}@keyframes pulse-user{0%,to{box-shadow:0 0 12px #4a90d980,0 0 24px #4a90d940}50%{box-shadow:0 0 20px #4a90d9b3,0 0 40px #4a90d959}}.pinned-location-marker{width:24px;height:24px;border-radius:50%;background:#e53935;border:3px solid #fff;box-shadow:0 0 16px #e5393580,0 0 32px #e5393540;cursor:pointer;animation:pulse-pin 2s ease-in-out infinite}@keyframes pulse-pin{0%,to{box-shadow:0 0 16px #e5393580,0 0 32px #e5393540}50%{box-shadow:0 0 24px #e53935b3,0 0 48px #e5393559}}.landmark-pin{width:14px;height:14px;border-radius:50%;background:var(--pin-color);border:2px solid #fff;box-shadow:0 0 12px var(--pin-glow);cursor:pointer;transition:transform .15s ease}.landmark-pin:hover{transform:scale(1.3)}.landmark-popup .mapboxgl-popup-content{background:var(--account-bg);border:1px solid var(--glass-border);border-radius:10px;padding:0;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landmark-popup .mapboxgl-popup-tip{border-top-color:var(--account-bg)}.popup-content{padding:10px 12px}.popup-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.popup-teaser{font-size:11px;line-height:1.4;color:var(--text-secondary);margin-bottom:4px}.popup-meta{font-size:11px;color:var(--text-muted);text-transform:capitalize}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);pointer-events:none;z-index:10}.top-bar>*{pointer-events:auto}.top-bar-left{display:flex;align-items:center;gap:14px}.top-bar-right{display:flex;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.location-name{font-size:13px;color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-container{position:relative;display:flex;align-items:center;width:160px;height:36px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:18px;padding:0 12px;transition:width .25s ease}.search-container.expanded{width:280px}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;color:var(--text-primary);font-size:13px;padding:0 8px;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-clear{width:20px;height:20px;border-radius:50%;border:none;background:var(--action-bg);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--account-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 8px 32px #0000004d}.search-result{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--glass-border);background:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--action-hover)}.search-result-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.search-result-text{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-name{font-size:13px;font-weight:500;color:var(--text-primary)}.search-result-place{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.search-container{width:120px}.search-container.expanded{width:200px}}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);transition:background .15s}.icon-btn:hover{background:#ffffff1a}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background .3s}.status-dot.connected,.status-dot.speaking,.status-dot.listening{background:#34c759;box-shadow:0 0 8px #34c75980}.status-dot.connecting{background:var(--accent);animation:pulse-status 1s ease-in-out infinite}.status-dot.error{background:var(--danger)}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.3}}.location-hint{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;font-size:12px;color:var(--text-secondary);z-index:10;white-space:nowrap}.transcript-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;display:flex;flex-direction:column;justify-content:flex-end;padding:80px 20px 200px}.transcript-content{max-height:100%;overflow-y:auto;scrollbar-width:none}.transcript-content::-webkit-scrollbar{display:none}.transcript-empty{text-align:center;color:var(--text-muted);font-size:14px;font-style:italic}.transcript-line{font-size:15px;line-height:1.6;color:var(--text-muted);margin-bottom:12px;transition:color .5s}.transcript-line.active{color:var(--text-primary)}.bottom-controls{position:absolute;bottom:0;left:0;right:0;padding:16px 20px 24px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;gap:16px;z-index:20}.input-row{position:relative;display:flex;align-items:center}.text-input{width:100%;height:48px;padding:0 48px 0 18px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:#ffffff26}.text-input:disabled{opacity:.4;cursor:not-allowed}.send-btn{position:absolute;right:4px;width:40px;height:40px;border-radius:50%;border:none;background:var(--action-bg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.send-btn:hover{background:var(--action-hover)}.speech-interim{padding:8px 18px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(52,199,89,.3);border-radius:16px;font-size:14px;color:var(--text-secondary);font-style:italic}.glass-btn.listening{background:#34c75926;border-color:#34c75966;color:#34c759;animation:pulse-mic 1.5s ease-in-out infinite}@keyframes pulse-mic{0%,to{box-shadow:0 0 #34c7594d}50%{box-shadow:0 0 0 8px #34c75900}}.buttons-row{display:flex;justify-content:center;align-items:center;gap:16px}.glass-btn{width:56px;height:56px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none}.glass-btn:hover:not(:disabled){background:var(--action-hover);color:var(--text-primary)}.glass-btn:active:not(:disabled){transform:scale(.95)}.glass-btn:disabled{opacity:.3;cursor:not-allowed}.glass-btn.active{background:var(--action-hover);color:var(--text-primary);border-color:var(--glass-border)}.glass-btn.play-btn{width:64px;height:64px}.glass-btn.play-btn.stop{color:var(--danger)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.top-bar{padding:12px 14px}.bottom-controls{padding:12px 14px 20px}.glass-btn{width:48px;height:48px}.glass-btn.play-btn{width:56px;height:56px}.location-name{max-width:150px}}.account-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.account-btn:hover{background:#ffffff1a;color:var(--text-primary)}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50}.account-panel{position:fixed;top:16px;right:16px;width:320px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--account-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;padding:20px;z-index:51;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}.account-panel::-webkit-scrollbar{display:none}.account-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.account-avatar{width:48px;height:48px;border-radius:50%;background:var(--account-avatar-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.account-name{font-size:16px;font-weight:600;color:var(--text-primary)}.account-plan{font-size:13px;color:var(--text-muted);margin-top:2px}.account-close{margin-left:auto;width:32px;height:32px;border-radius:50%;border:none;background:var(--account-avatar-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.account-close:hover{background:var(--action-hover)}.account-stats{display:flex;flex-direction:column;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:4px 0;margin-bottom:4px}.account-stat{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:var(--text-secondary)}.stat-label{color:var(--text-muted)}.stat-value{margin-left:auto;color:var(--text-primary);text-align:right;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.connected{color:#4ade80}.account-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--glass-border);background:var(--action-bg);color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .15s;text-align:left}.account-action:hover{background:var(--action-hover)}.action-hint{margin-left:auto;color:var(--text-muted);font-size:12px}.account-selector{display:flex;flex-direction:column;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;max-height:200px;overflow-y:auto}.selector-row{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--glass-border);background:var(--selector-bg);color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .15s}.selector-row:last-child{border-bottom:none}.selector-row:hover,.selector-row.selected{background:var(--selector-hover)}.selector-hint{color:var(--text-muted);font-size:12px}.check-icon{margin-left:auto;color:#4ade80;flex-shrink:0}.landmark-sheet{position:absolute;bottom:200px;left:50%;transform:translate(-50%);width:360px;max-width:calc(100vw - 32px);background:var(--account-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;padding:18px 20px;z-index:15;animation:slide-up .25s ease-out}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landmark-sheet-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.landmark-sheet-dot{width:10px;height:10px;border-radius:50%;background:var(--pin-color);box-shadow:0 0 8px var(--pin-glow);flex-shrink:0}.landmark-sheet-name{font-size:16px;font-weight:600;color:var(--text-primary);flex:1;margin:0}.landmark-sheet-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.landmark-sheet-type{font-size:12px;color:var(--accent);text-transform:capitalize;padding:2px 8px;background:var(--action-bg);border-radius:6px}.landmark-sheet-distance{font-size:12px;color:var(--text-muted);text-transform:capitalize}.landmark-sheet-teaser{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.landmark-sheet-coords{font-size:11px;color:var(--text-muted);font-family:monospace;margin-bottom:14px}.landmark-sheet-actions{display:flex;gap:8px}.landmark-sheet-go{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px;border-radius:12px;border:1px solid var(--glass-border);background:var(--action-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.landmark-sheet-go:hover{background:var(--action-hover)}.landmark-sheet-go:disabled{opacity:.5;cursor:not-allowed}.landmark-sheet-info-btn{flex:.6}.landmark-info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--account-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;z-index:51;scrollbar-width:none}.landmark-info-panel::-webkit-scrollbar{display:none}.landmark-info-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.landmark-info-teaser{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 18px;font-style:italic}.landmark-info-segments{display:flex;flex-direction:column;gap:16px}.landmark-info-segment{padding:14px 16px;border-radius:12px;background:var(--action-bg);border:1px solid var(--glass-border)}.segment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.segment-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:2px 6px;background:var(--selector-bg);border-radius:4px}.segment-period{font-size:11px;color:var(--text-muted)}.segment-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.segment-content{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.landmark-info-empty{font-size:14px;color:var(--text-muted);text-align:center;font-style:italic;padding:20px 0}.info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--account-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;z-index:51;scrollbar-width:none}.info-panel::-webkit-scrollbar{display:none}.info-header{display:flex;align-items:center;gap:8px;color:var(--text-primary);margin-bottom:16px}.info-title{font-size:20px;font-weight:700;letter-spacing:.5px}.info-header .account-close{margin-left:auto}.info-tagline{font-size:15px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.info-section{margin-bottom:18px}.info-section h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.info-section p{font-size:14px;line-height:1.6;color:var(--text-secondary)}.info-section ul{list-style:none;display:flex;flex-direction:column;gap:6px}.info-section li{font-size:14px;line-height:1.5;color:var(--text-secondary);padding-left:12px;position:relative}.info-section li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.info-section li strong{color:var(--text-primary)}.info-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid #fff;vertical-align:middle;margin-right:2px}.info-dot-blue{background:#4a90d9;box-shadow:0 0 4px #4a90d980}.info-dot-red{background:#e53935;box-shadow:0 0 4px #e5393580}.info-dot-gold{background:#ffd786;box-shadow:0 0 4px #ffd78680}.info-mobile-cta{display:flex;gap:14px;padding:16px;border-radius:14px;background:var(--action-bg);border:1px solid var(--glass-border);margin-bottom:18px;color:var(--accent)}.info-mobile-cta>svg{flex-shrink:0;margin-top:2px}.info-mobile-cta strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.info-mobile-cta p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.info-app-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;border:1px solid var(--accent);background:#ffd78614;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;margin-bottom:12px}.info-app-link:hover{background:#ffd78626}