#map{height:100vh;left:0;position:absolute;top:0;width:100%;z-index:1}.voice-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}#point-placement-indicator{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.map-crosshair,.map-crosshair *{cursor:crosshair!important}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-text-size-adjust:100%;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6}body,button{-webkit-tap-highlight-color:transparent}button{min-height:44px;min-width:44px;touch-action:manipulation}#app{flex-direction:column;height:100vh;overflow:hidden}#app,header{display:flex}header{align-items:center;background-color:#3b82f6;box-shadow:0 2px 4px #0000001a;color:#fff;flex-shrink:0;justify-content:space-between;min-height:60px;padding:.75rem 1rem;position:relative;width:100%;z-index:50}header h1{font-size:1.25rem;font-weight:600}.controls{gap:.5rem}.controls,.controls button{align-items:center;display:flex}.controls button{border:none;border-radius:.5rem;cursor:pointer;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:all .2s}#voiceBtn{background-color:#fff;border-radius:1.5rem;color:#3b82f6;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}#voiceBtn span{display:none}#voiceBtn.active{animation:pulse 1.5s infinite;background-color:#ef4444;color:#fff}.panel-overlay{backdrop-filter:blur(2px);background-color:#00000080;inset:0;opacity:0;position:fixed;transition:all .3s;visibility:hidden;z-index:40}.panel-overlay.visible{opacity:1;visibility:visible}.mobile-panel{background-color:#fff;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;transform:translateY(100%);transition:transform .3s;z-index:45}.mobile-panel.visible{transform:translateY(0)}.mobile-panel-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;min-height:64px;padding:1rem}.mobile-panel-header h2{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.mobile-panel-header button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;min-height:44px;min-width:44px;padding:.5rem}@media (width <= 1023px){#aiPanel{background-color:#fff;border-bottom-right-radius:12px;border-right:1px solid #e5e7eb;border-top-right-radius:12px;bottom:0;box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;height:calc(100vh - 60px)!important;left:0;max-height:calc(100vh - 60px)!important;max-width:280px!important;overflow:hidden;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s;width:280px!important;z-index:45}#aiPanel.visible{transform:translateX(0)}@media (orientation:landscape){#aiPanel{height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;max-width:280px!important;width:280px!important}}@media (orientation:portrait){#aiPanel{height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;max-width:280px!important;width:280px!important}}}@media (width >= 1024px){#aiPanel{border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;height:100%;position:relative;transform:none;width:320px}}@media (width <= 1023px){#aiResponses{-webkit-overflow-scrolling:touch;flex:1;height:calc(100vh - 180px);overflow-y:auto;padding:.5rem}}@media (width >= 1024px){#aiResponses{-webkit-overflow-scrolling:touch;flex:1;max-height:calc(100vh - 180px);overflow-y:auto;padding:1rem}}#textInput{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:16px;line-height:1.5;margin:0;max-height:80px;min-height:40px;outline:none;padding:10px 48px 10px 12px;resize:none;vertical-align:top}#textInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#textInput:parent{position:relative}#sendText{background:none;border:none;color:#6b7280;cursor:pointer;height:32px;margin:0;min-height:32px;min-width:32px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;z-index:10}#sendText,#sendText i{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1}.map-container{flex:1;height:calc(100vh - 60px);overflow:hidden;position:relative}#mapControls{z-index:10;shadow:0 2px 8px #00000026;background-color:#fff;border-radius:.5rem;max-width:calc(100vw - 2rem);overflow:hidden;position:absolute;right:1rem;top:1rem}#mapControlsContent{min-width:150px;padding:.75rem}#mapControlsContent h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}#tileLayerSelect{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}@media (width <= 1023px){#collapsedChat{background-color:#3b82f6;border-radius:50%;bottom:1rem;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;height:56px;left:1rem;max-height:56px;max-width:56px;min-height:56px;min-width:56px;overflow:hidden;position:fixed;top:auto;transform:none;width:56px;z-index:30}#collapsedChat,#collapsedChat>div{align-items:center;display:flex;justify-content:center;margin:0;padding:0}#collapsedChat>div{height:100%;width:100%}#collapsedChat i{display:block;font-size:1.25rem;line-height:1}#collapsedChat span{display:none}}#collapsedChat.hidden{display:none}#aiPanel.hidden{display:none!important}#mapControls{box-shadow:0 10px 25px #00000026;max-width:280px;position:absolute!important;right:1rem!important;top:1rem!important;z-index:1000!important}.station-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;transition:all .2s;width:16px}.station-marker:focus,.station-marker:hover{box-shadow:0 4px 8px #0006;transform:scale(1.3)}.station-marker.selected{border-width:3px;box-shadow:0 6px 12px #00000080;transform:scale(1.4)}.station-marker.usgs{background-color:#2e8b57}.station-marker.noaa{background-color:#4169e1}.station-marker.nws{background-color:tomato}.station-marker.epa{background-color:#32cd32}.station-marker.cuahsi{background-color:#9370db}.station-marker.default,.station-marker.unknown{background-color:#696969}#loadingOverlay{align-items:center;background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.panel-transition{transition:all .3s}.dataset-item{border-radius:.5rem;cursor:pointer;padding:.75rem;transition:all .2s}.dataset-item:hover{background-color:#f3f4f6;transform:translateY(-1px)}.chart-container{background-color:#f3f4f6;border-radius:.5rem;height:200px;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.feature-icon{align-items:center;border:2px solid #fff;border-radius:4px;box-shadow:0 2px 4px #0003;display:flex;font-size:12px;height:24px;justify-content:center;position:relative;width:24px}.feature-icon.watershed{background-color:#9333ea}.feature-icon.river{background-color:#06b6d4}.feature-icon.boundary{background-color:#dc2626}.feature-icon.polygon{background-color:#059669}.feature-icon.line{background-color:#d97706}.feature-icon.point{background-color:#7c3aed;border-radius:50%}.feature-icon.generic{background-color:#6b7280}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}@media (width >= 768px){body{font-size:15px}header h1{font-size:1.5rem}#voiceBtn span{display:inline}#voiceBtn{padding:.5rem 1rem}#aiPanel{height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:320px;z-index:10}#aiPanel.visible{transform:translateX(0)}#collapsedChat{border-radius:0 .5rem .5rem 0;bottom:auto;left:0;min-height:48px;min-width:auto;padding:.75rem 1rem;position:absolute;top:1rem}#mapControls{max-width:250px;min-width:200px}.station-marker{height:14px;width:14px}.station-marker:hover{transform:scale(1.2)}.chart-container{height:240px}}@media (width >= 1024px){body{font-size:16px}header{padding:1rem}header h1{font-size:1.25rem}.controls{gap:1rem}.controls button{padding:.5rem 1rem}#aiPanel{flex-shrink:0;position:relative;z-index:10}#aiPanel,#aiPanel.visible{transform:none}.side-panel{background-color:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;width:384px;z-index:10}.chart-container{height:280px}::-webkit-scrollbar{width:8px}}@media (width >= 1440px){body{font-size:17px}header h1{font-size:1.5rem}.side-panel{width:420px}#mapControls{max-width:300px;min-width:240px}.chart-container{height:320px}}@media (orientation:landscape) and (height <= 600px){header{min-height:48px;padding:.5rem 1rem}header h1{font-size:1.125rem}#aiPanel{padding-top:0}.chart-container{height:160px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#aiPanel,.mobile-panel,.panel-transition,.station-marker{transform:translateZ(0);will-change:transform}#map,.chart-container{touch-action:pan-x pan-y}.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem}.break-words{overflow-wrap:break-word;word-break:break-word}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.-webkit-overflow-scrolling-touch{-webkit-overflow-scrolling:touch}@media (width <= 1023px){.side-panel{height:100vh!important;inset:0;position:fixed;transform:translateX(100%);transition:transform .3s;width:100%!important;z-index:45}.side-panel.visible{transform:translateX(0)}#aiPanel:not(.hidden){display:flex!important}}.station-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (width >= 640px){.station-grid{gap:1rem;grid-template-columns:1fr 1fr}}@media (width >= 1024px){.station-grid{gap:1.25rem}}.text-responsive-sm{font-size:.75rem}.text-responsive-base{font-size:.875rem}.text-responsive-lg{font-size:1rem}@media (width >= 768px){.text-responsive-sm{font-size:.875rem}.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}}@media (width >= 1024px){.text-responsive-sm{font-size:1rem}.text-responsive-base{font-size:1.125rem}.text-responsive-lg{font-size:1.25rem}}.slide-in{animation:slideIn .3s forwards}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.layers-container{overflow:hidden;transition:max-height .3s ease-in-out}.layers-container.expanded{max-height:500px}.layers-container.collapsed{max-height:0}.layer-item{max-width:100%;opacity:1;overflow:hidden;text-overflow:ellipsis;transform:translateX(0);transition:all .2s ease-in-out;white-space:nowrap}.layer-item.removing{opacity:0;transform:translateX(-100%)}.layer-item.adding{animation:slideInFromRight .3s ease-in-out forwards;opacity:0;transform:translateX(100%)}@keyframes slideInFromRight{to{opacity:1;transform:translateX(0)}}.download-btn-geojson{background-color:#3b82f6}.download-btn-geojson:hover{background-color:#2563eb}.download-btn-kml{background-color:#10b981}.download-btn-kml:hover{background-color:#059669}.download-btn-csv{background-color:#f59e0b}.download-btn-csv:hover{background-color:#d97706}.click-marker{z-index:2000}.click-marker div{animation:click-pulse 1.5s infinite}@keyframes click-pulse{0%{box-shadow:0 0 #ff4444b3;transform:scale(1)}70%{box-shadow:0 0 0 8px #f440;transform:scale(1.1)}to{box-shadow:0 0 #f440;transform:scale(1)}}.station-marker.selected{animation:pulse-selection 2s infinite;background-color:#ef4444!important;border:3px solid #fff!important;box-shadow:0 0 0 2px #ef4444,0 0 10px #ef444480!important;height:20px!important;width:20px!important;z-index:1001!important}@media (width >= 768px){.station-marker.selected{height:18px!important;width:18px!important}}.leaflet-interactive.flowline-selected{stroke:#ef4444!important;stroke-width:4px!important;stroke-opacity:1!important;filter:drop-shadow(0 0 8px #ef4444cc)!important;z-index:1000!important}.leaflet-interactive.station-selected{stroke:#ef4444!important;stroke-width:6px!important;stroke-opacity:1!important;fill:#ef4444!important;filter:drop-shadow(0 0 8px #ef4444cc)!important;z-index:1001!important}@keyframes pulse-selection{0%{box-shadow:0 0 0 2px #ef4444,0 0 10px #ef444480}50%{box-shadow:0 0 0 2px #ef4444,0 0 15px #ef4444cc}to{box-shadow:0 0 0 2px #ef4444,0 0 10px #ef444480}}.station-marker:hover{transform:scale(1.2);transition:transform .2s}.leaflet-interactive:hover{transition:all .2s;stroke-width:3px!important;stroke-opacity:.8!important}.flowline-marker{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px}.flowline-icon-line{border-radius:2px;height:4px;position:relative;width:16px}.flowline-icon-line,.flowline-marker.order-1 .flowline-icon-line{background-color:#06c}.flowline-marker.order-2 .flowline-icon-line{background-color:#0052a3}.flowline-marker.order-3 .flowline-icon-line{background-color:#003d7a}.flowline-marker.order-4 .flowline-icon-line{background-color:#002952}.flowline-marker.order-5 .flowline-icon-line{background-color:#001429}.flowline-selected{stroke:#f44!important;stroke-width:4px!important;stroke-opacity:1!important}.watershed-selected{fill:#ff44444d!important;stroke:#f44!important;stroke-width:3px!important}.touch-device{-webkit-text-size-adjust:100%}.touch-device,.touch-device .touch-target,.touch-device button{-webkit-tap-highlight-color:transparent}.touch-device input,.touch-device select,.touch-device textarea{-webkit-appearance:none;border-radius:0}.touch-device input[type=email],.touch-device input[type=password],.touch-device input[type=text],.touch-device textarea{font-size:16px}