.timeline{left:var(--gap);right:var(--gap);bottom:calc(var(--gap) + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;padding:6px 14px 4px}.tl-row{align-items:center;gap:10px;display:flex}.play{background:var(--accent);border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;font-size:13px}.speed{width:120px}.loop-btn{white-space:nowrap;background:#ffffff14;border-radius:9px;height:36px;min-height:36px;padding:0 10px;font-size:13px}.loop-btn.on{outline:1px solid var(--warn);background:#ffb34040}.tl-info{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tl-graph{cursor:ew-resize;margin-top:30px;position:relative}.tl-graph canvas{width:100%;display:block}.tl-past{pointer-events:none;background:#080c1473;position:absolute;top:0;bottom:0;left:0}.tl-loop{border-left:2px solid var(--warn);border-right:2px solid var(--warn);pointer-events:none;background:#ffb3401f;position:absolute;top:-4px;bottom:0}.tl-loop-start{border-left:2px dashed var(--warn);pointer-events:none;position:absolute;top:-4px;bottom:0}.tl-now{background:var(--ok);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:0}.tl-cursor{pointer-events:none;background:#fff;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-8px;bottom:0;box-shadow:0 0 6px #0009}.tl-cursor:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;left:-7.5px;box-shadow:0 0 0 4px #0a84ff8c}.tl-bubble{background:var(--accent);color:#fff;white-space:nowrap;border-radius:7px;padding:2px 8px;font-size:12px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.tl-days{height:26px;position:relative}.tl-days button{min-width:0;min-height:26px;color:var(--muted);white-space:nowrap;border-left:1px solid #ffffff40;border-radius:0;padding:0 4px;font-size:11px;position:absolute;top:0}@media (width<=700px){.speed{width:96px}.tl-info{display:none}}.speed button{min-width:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0e131ccc;--panel-solid:#0e131cf0;--border:#ffffff1f;--text:#e9eef5;--muted:#e9eef59e;--accent:#0a84ff;--ok:#5fd38a;--warn:#ffb340;--gap:12px;color:var(--text);background:#0b1220;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}html,body,#root{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}.map{position:absolute;inset:0}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;position:absolute;box-shadow:0 6px 24px #00000040}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.btn-accent{background:var(--accent);color:#fff;border-radius:10px;padding:0 16px;font-weight:600}.btn-accent:disabled{opacity:.5}.icon-btn{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:inline-flex}.seg{background:#ffffff14;border-radius:9px;gap:2px;padding:2px;display:flex}.seg button{white-space:nowrap;border-radius:7px;flex:1;min-height:36px;font-size:13px}.seg button.on{background:var(--accent);font-weight:600}.label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;font-size:11px}.muted{color:var(--muted)}.warn{color:var(--warn)}.ok{color:var(--ok)}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.build-tag{opacity:.35;pointer-events:none;font-size:10px;position:absolute;bottom:2px;left:8px}.topbar{top:calc(var(--gap) + env(safe-area-inset-top));left:var(--gap);gap:8px;max-width:calc(100% - 90px);display:flex;position:absolute}.pill{white-space:nowrap;text-overflow:ellipsis;text-align:left;height:44px;padding:0 14px;position:relative;overflow:hidden}.topbar .icon-btn.panel{position:relative}.icon-btn.active,.lb-item.on{background:var(--accent)}.download-btn{top:calc(var(--gap) + env(safe-area-inset-top));right:var(--gap)}.layerbar{right:var(--gap);top:calc(68px + env(safe-area-inset-top));flex-direction:column;gap:2px;padding:4px;display:flex}.lb-item{text-align:left;border-radius:9px;align-items:center;gap:8px;padding:0 12px 0 8px;display:flex}.lb-item:disabled,.row:disabled,.toggle-row:disabled{opacity:.35;cursor:default}.lb-icon{text-align:center;width:22px;font-size:16px}.side-card{right:var(--gap);top:calc(68px + env(safe-area-inset-top));width:300px;max-height:calc(100% - 240px);padding:8px 14px 14px;overflow:auto}.card-head{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.fill-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.row{text-align:left;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.row.on{background:var(--accent);font-weight:600}.radio{border:2px solid #fff9;border-radius:50%;flex:none;width:10px;height:10px}.row.on .radio{background:#fff;border-color:#fff}.toggle-row{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.switch{background:#ffffff40;border-radius:11px;flex:none;width:36px;height:21px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on:after{left:18px}.legend{left:var(--gap);bottom:calc(196px + env(safe-area-inset-bottom));pointer-events:none;padding:8px 12px 6px}.legend-title{margin-bottom:4px;font-size:12px}.legend-bar{border-radius:4px;width:180px;height:8px}.legend-ticks{width:180px;height:14px;color:var(--muted);font-size:10px;position:relative}.legend-ticks span{position:absolute;top:2px;transform:translate(-50%)}.attribution{right:8px;bottom:calc(2px + env(safe-area-inset-bottom));opacity:.55;pointer-events:none;font-size:10px;position:absolute}.point-dot{border:3px solid var(--accent);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.point-card{width:236px;padding:4px 12px 10px}.values{border-collapse:collapse;width:100%;margin-top:4px}.values td{vertical-align:top;padding:4px 0}.values td:first-child{color:var(--muted);width:38%}.small{font-size:11px}@media (width<=700px){.lb-label{display:none}.lb-item{padding:0 8px}.side-card{left:var(--gap);width:auto;max-height:calc(100% - 210px)}.legend{bottom:calc(196px + env(safe-area-inset-bottom))}.legend-bar,.legend-ticks{width:140px}}.viewfinder{left:3%;top:calc(76px + env(safe-area-inset-top));pointer-events:none;border:2px dashed #ffffffe6;border-radius:4px;position:absolute;bottom:5%;right:calc(340px + 3%);box-shadow:0 0 0 9999px #05080e80}.vf-hint,.vf-size{background:var(--panel-solid);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;position:absolute}.vf-hint{text-overflow:ellipsis;max-width:calc(100% - 20px);top:10px;left:10px;overflow:hidden}.vf-size{bottom:10px;right:10px}.download-card,.forecasts-card{top:calc(68px + env(safe-area-inset-top));width:320px;max-height:calc(100% - 84px);padding:6px 14px 14px;overflow:auto}.download-card{right:var(--gap)}.forecasts-card{left:var(--gap)}.text-input{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);font:inherit;background:#ffffff14;border-radius:9px;padding:0 10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid #ffffff38;border-radius:18px;min-height:36px;padding:0 10px;font-size:13px}.chip.on{border-color:var(--accent);background:#0a84ff47}.dl-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex}.region{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;display:flex}.region.on{border-color:var(--accent);background:#0a84ff1f}.region-main{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:8px 10px;display:flex}.region-actions{flex-direction:column;display:flex}.new-region{width:100%;margin:6px 0 8px}@media (width<=700px){.download-card,.forecasts-card{left:var(--gap);right:var(--gap);width:auto}.download-card{top:auto;bottom:var(--gap);max-height:56%}.viewfinder{right:3%;bottom:calc(56% + 2 * var(--gap))}.attribution{bottom:calc(176px + env(safe-area-inset-bottom));text-align:right;max-width:55%}}