*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:#667eea}.geo-error{background:#fff3cd;border:1px solid #ffc107;padding:1rem;margin:1rem;border-radius:8px;text-align:center;flex-shrink:0}.tts-activation,.tts-status{padding:1rem;text-align:center;flex-shrink:0}.tts-activation{background:#e3f2fd}.tts-status.tts-initializing{background:#fff3cd;color:#856404}.tts-status.tts-ready{background:#e8f5e9;color:#2e7d32}.tts-status.tts-failed{background:#ffebee;color:#c62828}.activate-tts-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.activate-tts-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.app-main{display:flex;flex-direction:column;flex:1;overflow:visible;min-height:0}.map-container{flex-shrink:0;height:50vh;position:relative;z-index:2;overflow:visible}.map-container .maplibregl-map{overflow:visible}.map-container .maplibregl-popup{z-index:10}.poi-html-labels-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.poi-html-label{position:absolute;top:0;left:0;max-width:140px;font-size:12px;line-height:1.2;text-align:center;color:#1a1a1a;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map{width:100%;height:100%}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:400px;background:#fff;overflow-y:auto;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column}.poi-card{padding:1.5rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.poi-card-empty{text-align:center;color:#999;padding:3rem 1.5rem}.poi-card-image img{width:100%;height:auto;border-radius:8px;margin-bottom:.5rem}.poi-card-close{position:absolute;top:.5rem;right:.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.poi-card-close:hover{background:#000000b3}@media (max-width: 768px){.poi-card-image img{margin-bottom:.25rem}}.poi-card-title{font-size:1.25rem;margin-bottom:.25rem;color:#667eea}.poi-card-distance{color:#667eea;font-weight:600;margin-bottom:.25rem}.poi-card-route{margin:.25rem 0 0;color:#667eea;font-weight:600;font-size:1.25rem}.poi-card-summary{color:#666;font-size:1.1rem;line-height:1.4}.audio-controls{padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.audio-progress-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.audio-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.audio-time{display:flex;justify-content:space-between;font-size:.875rem;color:#666;margin-bottom:1rem}.audio-buttons{display:flex;gap:.5rem}.audio-button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.audio-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.audio-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.audio-button-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.audio-button-secondary:hover:not(:disabled){background:#f8f9fa}.audio-button:disabled{opacity:.5;cursor:not-allowed}.audio-queue-info{font-size:.9rem;color:#666;padding:0 1.5rem 1rem}.action-buttons{padding:1rem 1.5rem;flex-shrink:0}.voice-qa-button{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.voice-qa-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.voice-qa{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-height:0}.voice-qa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.voice-qa-header h3{font-size:1.25rem;color:#333}.voice-qa-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.voice-qa-counter{background:#e3f2fd;padding:.5rem;border-radius:6px;text-align:center;margin-bottom:1rem;color:#1976d2;font-weight:600;flex-shrink:0}.voice-qa-counter-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.voice-qa-counter-row .voice-qa-counter{text-align:left;margin:0;flex:1}.voice-qa-input{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.voice-qa-input input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.voice-qa-input input:focus{outline:none;border-color:#667eea}.voice-button,.send-button{padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;background:#667eea;color:#fff;transition:all .2s}.voice-button:hover:not(:disabled),.send-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.voice-button:disabled,.send-button:disabled{opacity:.5;cursor:not-allowed}.voice-qa-status{padding:1rem;background:#e8f5e9;border-radius:8px;text-align:center;color:#2e7d32;margin-bottom:1rem;flex-shrink:0}.voice-qa-error{padding:1rem;background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:1rem;flex-shrink:0}.voice-qa-error .voice-qa-limit-message,.voice-qa-limit-message{padding:1rem;background:#fff3e0;border-radius:8px;color:#e65100;margin-bottom:1rem;flex-shrink:0}.voice-qa-history{flex:1;overflow-y:auto;min-height:0}.qa-item{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.qa-question{margin-bottom:.5rem;color:#333}.qa-answer{color:#666}.qa-open-button{margin:1rem 1.5rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.qa-open-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;max-height:50vh}.map-container{height:50vh;flex-shrink:0}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}}@media (min-width: 769px){.map-container{height:60vh}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}}.install-prompt{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #0003;z-index:2000;display:flex;align-items:center;gap:1rem}.install-prompt button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}