@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");*,html{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007bff;--secondary-color: #6c757d;--body-color: #333333;--font-family-base: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 0.25rem;--border-radius-md: 0.5rem;--border-radius-lg: 1rem;--transition-speed: 0.3s;--transition-timing: ease-in-out;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}body{display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--body-color)}h1,h2,h3,h4,h5{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:underline;transition:color var(--transition-speed) var(--transition-timing)}a:hover{text-decoration:none}main{display:flex;flex-direction:column;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}article{display:flex;flex-direction:column;padding:1rem;color:white;flex:1;width:100%;max-width:800px;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:black}canvas{display:block;width:100%;height:100%}.dg{font:12px "Geist", system-ui, sans-serif !important}.dg .cr.string input[type=text]{font:12px "Geist", system-ui, sans-serif !important}.date-nav-container,.time-nav-container{display:flex;align-items:center;gap:8px;width:100%}.date-nav-container .dg .c input[type="text"],.time-nav-container .dg .c input[type="text"]{width:100% !important;text-align:center}.date-nav-container .dg .c .property-name,.time-nav-container .dg .c .property-name{width:100% !important}.nav-button{background:#303030;border:1px solid #505050;color:#fff;padding:2px 8px;cursor:pointer;font-size:12px;border-radius:2px}.nav-button:hover{background:#404040}.wind-arrow-3d{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:16px solid #00ddff;transform-origin:center bottom;pointer-events:none;z-index:1 !important;filter:none;transition:transform 0.1s ease}#demo-label{position:fixed;bottom:10px;left:10px;background:rgba(0,0,0,0.8);color:white;padding:8px 12px;font-family:'Geist', system-ui, sans-serif;font-size:12px;font-weight:600;letter-spacing:0.5px;border-radius:4px;z-index:10000;pointer-events:none;user-select:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#tooltip{position:absolute;background-color:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:12px;font-size:14px;font-family:'Geist', system-ui, sans-serif;pointer-events:none;z-index:1000;display:none;white-space:nowrap;border:2px solid white;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#tooltip.visible{display:block}#app-container{display:flex;width:100%;height:100vh;overflow:hidden;flex-direction:row}@media screen and (max-width: 768px){#app-container{flex-direction:column !important;height:100vh !important}}#map-panel{width:50%;height:100%;position:relative;background:#2a3f2a;border-bottom:none;min-width:200px}@media screen and (max-width: 768px){#map-panel{width:100% !important;height:50%;border-right:none !important;border-bottom:none !important;min-height:150px !important}}#splitter{width:8px;background:#444;cursor:ew-resize;position:relative;flex-shrink:0;transition:background-color 0.2s ease}#splitter:hover{background:#666}#splitter::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:30px;background:#888;border-radius:1px}@media screen and (max-width: 768px){#splitter{width:100% !important;height:12px !important;cursor:ns-resize !important;background:#444 !important}#splitter:hover{background:#666 !important}#splitter::after{width:30px !important;height:2px !important;top:50% !important;left:50% !important}}#canvas-panel{flex:1;height:100%;position:relative;min-width:200px;display:flex;align-items:center;justify-content:center}#canvas-panel canvas{width:100% !important;height:100% !important;display:block !important}@media screen and (max-width: 768px){#canvas-panel{width:100% !important;flex:1 !important;min-height:150px !important}#canvas-panel canvas{width:100% !important;height:100% !important}}#leaflet-map-main{width:100%;height:100%;z-index:1}@media screen and (max-width: 768px){#leaflet-map-main{width:100% !important;height:100% !important}}.wind-cube-cell{transition:opacity 0.2s ease}.wind-cube-cell:hover{opacity:1.0 !important}.dg.ac{z-index:9999 !important}