:root{--lane-height-basic:40px;--lane-height-icon:28px;--lane-height-humidity:35px;--lane-height-temp:110px;--lane-height-clouds:150px;--lane-height-precip-prob:25px;--lane-height-wind:80px;--lane-height-uv:25px;--lane-height-pressure:45px;--lane-height-cape:30px;--lane-height-aqi:60px;--col-width-hour:22px;--legend-width:48px;--bg-dark:#202020;--bg-main:#dfdfdf;--bg-clouds:silver;--text-main:#333;--text-light:#666;--text-inverse:#fff;--color-temp-line:#d32f2f;--wind-0:#888;--wind-1:#a4d2e8;--wind-2:#84d8a5;--wind-3:#58d86f;--wind-4:#3ae82f;--wind-5:#b9e82f;--wind-6:#e8d02f;--wind-7:#e8952f;--wind-8:#e8532f;--wind-9:#e82f2f;--aqi-good:#00e400;--aqi-moderate:#ff0;--aqi-sg:#ff7e00;--aqi-unhealthy:red;--aqi-vu:#8f3f97;--aqi-hazardous:#7e0023}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);scrollbar-width:thin;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}h1,h2,h3,h4,p{margin:0}.dashboard-wrapper{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-main);flex-direction:row;justify-content:flex-start;align-items:flex-start;display:flex;overflow:hidden}.legend-sidebar{width:var(--legend-width);z-index:50;background-color:#e8e8e8;border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;display:flex;box-shadow:2px 0 4px #0000000f}.legend-cell{color:#555;box-sizing:border-box;text-align:center;border-bottom:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;font-size:10px;display:flex;position:relative}.timeline-scroller{background-color:#ededed;flex-grow:1;overflow:auto hidden}.lanes-container{flex-direction:column;min-height:min-content;display:flex;position:relative}.loading-state,.error-state{color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.5rem;display:flex}.lane{border-bottom:1px solid #0000000d;flex-direction:row;display:flex;position:relative}.lane-legend{width:var(--legend-width);z-index:50;color:#555;background-color:#e8e8e8;border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex;position:sticky;left:0;box-shadow:2px 0 4px #0000000f}.lane-data{flex-direction:row;display:flex;position:relative}.lane-cell{width:var(--col-width-hour);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cell-day{background-color:#fff6}.cell-night{background-color:#c8cddc80}