:root{--lane-height-basic:50px;--lane-height-icon:56px;--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:#00e4002e;--aqi-moderate:#ffe60038;--aqi-sg:#ffa03240;--aqi-unhealthy:#ff50504d;--aqi-vu:#a050aa4d;--aqi-hazardous:#a0003259}*{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}.loading-spinner{border:2px solid #0000001a;border-top-color:#888;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-wrapper{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-main);flex-direction:row;justify-content:flex-start;align-items:stretch;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;gap:8px;width:100vw;height:100vh;font-size:1.5rem;display:flex}.loading-state .loading-spinner{border-color:#fff #fff3 #fff3;width:24px;height:24px}.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}.route-editor-btn{cursor:pointer;z-index:1000;color:#555;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 2px 8px #0000001a}.route-editor-btn:hover{color:#000;background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.route-editor-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1001;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.route-editor-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden;box-shadow:0 12px 32px #0003}.route-editor-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.route-editor-header h3{color:#222;margin:0;font-size:16px}.route-editor-section{border-bottom:1px solid #eee;padding:20px}.route-editor-section h4{text-transform:uppercase;color:#666;margin:0 0 12px;font-size:13px;font-weight:600}.quick-set-row{gap:12px;display:flex}.route-editor-modal input{border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.route-editor-modal input:focus{border-color:#3b82f6}.quick-set-row input{flex:1}.entries-list{flex-direction:column;gap:16px;max-height:350px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.date-group{background:#fafafa;border:1px solid #efefef;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.date-header{align-items:center;margin-bottom:4px;display:flex}.date-input-bold{color:#333;background:0 0;font-weight:700;border:none!important;padding:0!important;font-size:14px!important}.date-input-bold:focus{box-shadow:none;outline:none}.entry-row{align-items:center;gap:8px;display:flex}.entry-inputs{flex:1;gap:8px;min-width:0;display:flex}.entry-inputs input{flex:1;min-width:0}.location-input{flex:5!important}.alias-input{flex:3!important}.add-small-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:4px 0;font-size:13px;transition:opacity .2s;display:flex}.add-small-btn:hover{opacity:.8}.icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn:hover{color:#222;background:#f5f5f5}.icon-btn.remove-btn:hover{color:#ef4444;background:#fee2e2}.add-btn{color:#555;cursor:pointer;background:0 0;border:1px dashed #ccc;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:14px;transition:all .2s;display:flex}.add-btn:hover{color:#222;background:#f9f9f9;border-color:#888}.route-editor-footer{background:#fbfbfb;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.primary-btn:hover{background:#2563eb}.secondary-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.secondary-btn:hover{background:#f5f5f5;border-color:#ccc}