:root{--bg-primary: #ffffff;--bg-secondary: #fafaf9;--bg-block: #ffffff;--bg-block-hover: #d8e8f8;--border: #ebf2ff;--text-primary: #245bff;--text-secondary: #000000;--text-muted: #3884f5;--accent: #f70808;--accent-warm: #ff7f3f;--accent-cold: #050505;--gauge-bg: #f5f5f5;--gauge-arc: #e6e6e6;--gauge-needle: #1a1a1a;--chart-wind-speed: #d51920;--chart-wind-peak: #1939d7;--chart-wind-min: #2a6fff;--chart-wind-dir: #ff9933;--chart-temp: #ff3d3d;--chart-dew: #71d3e5;--chart-rh: #61eaa6;--chart-pressure: #aa66ff;--profile-bar-bg: transparent;--freeze-line: #4d6aff;--success: #0a0a0a;--warning: #ffaa00;--danger: #f20707;--font-mono: "Open Sans", sans-serif;--radius: 6px;--block-padding: 10px;--row1-height: 33vh;--thin-row-height: 21vh;--row3-height: 40vh}[data-theme=night]{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-block: #000000;--bg-block-hover: #1e2a3d;--border: #000000;--text-primary: #e8edf5;--text-secondary: #f93939;--text-muted: #4a5a72;--accent: #4a9eff;--accent-warm: #ff7f3f;--accent-cold: #4ae3ff;--danger: #ff4444;--success: #44cc88;--warning: #ffaa00;--freeze-line: #4ae3ff;--gauge-bg: #0d1520;--gauge-arc: #2a3a55;--gauge-needle: #ffffff;--chart-wind-speed: #44cc88;--chart-wind-peak: #4a9eff;--chart-wind-min: #2a6fff;--chart-wind-dir: #ff9933;--chart-temp: #ff7f3f;--chart-dew: #4ae3ff;--chart-rh: #44cc88;--chart-pressure: #aa66ff;--profile-bar-bg: transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.4;overflow:hidden}button{font-family:var(--font-mono);cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;font-size:11px}button:hover{border-color:var(--accent);color:var(--accent)}select{font-family:var(--font-mono);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:2px 6px;font-size:11px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:768px){html,body,#root{height:auto;min-height:100dvh;overflow-y:auto}body{overflow:visible}}.dashboard{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary);gap:4px;padding:4px}.dashboard__toolbar{display:flex;align-items:center;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;height:30px;gap:8px}.dashboard__toolbar-left{flex:1;display:flex;align-items:center;align-self:stretch;min-width:0}.dashboard__logo{height:35px;width:auto;object-fit:contain;pointer-events:none;flex-shrink:0}.dashboard__title{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.dashboard__toolbar-controls{flex:1;display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:0}.dashboard__help-link{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted);padding:0;flex-shrink:0;cursor:pointer}.dashboard__help-link:hover{border-color:var(--accent);color:var(--accent)}.dashboard__row{display:flex;gap:4px;flex-shrink:0}.dashboard__row--three{height:var(--row1-height)}.dashboard__row--thin{height:auto;min-height:var(--thin-row-height);flex-shrink:0}.dashboard__row--thin>.block{flex:1 1 0;max-width:none}.dashboard__row--charts{height:var(--row3-height);flex-shrink:0;min-height:0}.dashboard__row>.block{height:100%}.dashboard__row--three>.block,.dashboard__row--charts>.block{flex:1 1 0;max-width:none}.dashboard__chart-panel{flex:2;height:100%;display:flex;min-width:0}.dashboard__chart-panel>.block{flex:1;height:100%;max-width:100%;min-width:0}.dashboard__webcam-panel{flex:1;height:100%;display:flex;min-width:0}.dashboard__webcam-panel>.block{flex:1;height:100%;max-width:100%;min-width:0}@media(max-width:768px){.dashboard{height:auto;min-height:100dvh;overflow:visible}.dashboard__toolbar{height:auto;min-height:30px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px}.dashboard__toolbar-left{justify-content:center;flex:none;align-self:auto}.dashboard__logo{height:28px}.dashboard__title{font-size:10px}.dashboard__toolbar-controls{flex:none;flex-wrap:wrap;justify-content:center}.dashboard__mobile-blocks{display:flex;flex-direction:column;gap:4px}.dashboard__mobile-blocks>.block{flex:0 0 auto!important;max-width:100%!important}.dashboard__mobile-blocks>.block:not(.block--thin) .block__body{height:240px;flex:none}.dashboard__mobile-blocks .block--thin .block__body{height:auto!important;overflow-y:visible}}.block{display:flex;flex-direction:column;background:var(--bg-block);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.block--third{flex:0 0 33.333%;max-width:33.333%}.block--half{flex:0 0 50%;max-width:50%}.block--full{flex:0 0 100%;max-width:100%}.block--thin .block__body{height:auto;overflow-y:visible}.block__header{display:flex;align-items:center;justify-content:space-between;padding:4px var(--block-padding);background:var(--bg-secondary);border-bottom:1px solid var(--border);height:26px;flex-shrink:0}.block__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.block__controls{display:flex;align-items:center;gap:6px}.block__body{flex:1;display:flex;flex-direction:column;padding:var(--block-padding);overflow:hidden;min-height:0;min-width:0}.block-status{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:11px}.block-status--error{color:var(--danger)}.wind-gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px}.wind-gauge__main{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;width:100%;min-height:0}.wind-gauge__sponsor{flex:1 1 0;min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 6px}.wind-gauge__sponsor-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.wind-gauge__sponsor img{max-width:80%;max-height:80%;object-fit:contain}.wind-gauge__svg{flex:0 0 auto;height:100%;width:auto}.wind-gauge__peak{font-size:11px;font-family:var(--font-mono);flex-shrink:0}.ct-section-cols{display:flex;flex-wrap:wrap;gap:0;align-items:flex-start}.ct-table{border-collapse:collapse;font-size:14px;white-space:nowrap;flex:1 1 auto;min-width:160px}.ct-table th,.ct-table td{padding:2px 8px;border-bottom:1px solid var(--border);text-align:left}.ct-table th{color:var(--text-muted);font-size:12px;font-weight:400}.ct-section-cols .ct-table+.ct-table{border-left:1px solid var(--border)}.ct-label{color:var(--text-secondary);padding-right:4px;min-width:68px}.ct-value{color:var(--text-primary);font-weight:700;text-align:right}.ct-metric{color:var(--text-secondary);font-weight:400}.ct-clickable{cursor:pointer}.ct-clickable:hover td{color:var(--accent)}.ct-weather{color:var(--warning)!important}.ct-col-weather{position:relative}.ct-metar-popover{position:absolute;left:calc(100% + 4px);top:0;z-index:200;width:340px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:9px;color:var(--text-muted);font-style:italic;letter-spacing:.04em;line-height:1.6;white-space:normal;word-break:break-word;box-shadow:0 2px 8px #0000004d;pointer-events:none;opacity:0;transition:opacity .15s ease}.ct-col-weather:hover .ct-metar-popover{opacity:1}.ct-forecast{flex:2 1 220px;min-width:200px;border-left:1px solid var(--border);padding:4px 10px;margin-right:10px;display:flex;flex-direction:column;justify-content:center;gap:1px}.ct-forecast__muted{color:var(--text-muted);font-size:11px}.ct-forecast__alert{color:var(--warning);font-weight:700;font-size:15px;margin:0;line-height:1.3;white-space:normal;overflow-wrap:break-word}.ct-forecast__period{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 6px}.ct-forecast__body{font-size:14px;color:var(--text-primary);margin:0;line-height:1.35;white-space:normal;overflow-wrap:break-word}.ct-forecast__body strong{color:var(--text-secondary)}@media(max-width:768px){.ct-section-cols{flex-direction:column}.ct-section-cols .ct-table+.ct-table{border-left:none;border-top:1px solid var(--border)}.ct-forecast{border-left:none;border-top:1px solid var(--border);flex:none}}.webcam-frame{width:100%;height:100%;display:flex;flex-direction:column}.webcam-iframe{flex:1;width:100%;height:100%;border:none;display:block;background:#000}.webcam-more-link{font-size:9px;font-weight:400;color:var(--accent);text-decoration:none;opacity:.7;margin-left:6px}.webcam-more-link:hover{opacity:1;text-decoration:underline}.webcam-select{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:10px;padding:1px 4px;cursor:pointer;max-width:120px}.se-toggle{position:fixed;right:0;left:auto;top:50%;transform:translateY(-50%);z-index:10000;width:28px;height:56px;padding:0;background:var(--bg-secondary);border:1px solid var(--border);border-right:none;border-radius:var(--radius) 0 0 var(--radius);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:right .25s ease;box-shadow:-2px 0 8px #0006}.se-toggle--open{right:260px}.se-toggle:hover{background:var(--bg-block-hover);border-color:var(--accent)}.se-sidebar{position:fixed;top:0;right:-260px;left:auto;width:260px;height:100vh;z-index:9999;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:right .25s ease}.se-sidebar--open{right:0}.se-header{padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.se-title{display:block;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em}.se-help-link{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);text-decoration:none;flex-shrink:0}.se-help-link:hover{border-color:var(--accent);color:var(--accent)}.se-section-label{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:7px 12px 3px;flex-shrink:0}.se-theme-row{display:flex;gap:5px;padding:0 12px 4px;flex-shrink:0}.se-theme-select{flex:1;font-size:11px;padding:3px 5px;min-width:0}.se-theme-delete-btn{width:26px;height:26px;padding:0;font-size:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.se-theme-delete-btn:disabled{opacity:.3;cursor:default}.se-theme-delete-btn:not(:disabled):hover{border-color:var(--danger);color:var(--danger)}.se-theme-save-row{display:flex;gap:5px;padding:0 12px 2px;flex-shrink:0}.se-theme-name-input{flex:1;height:24px;font-family:var(--font-mono);font-size:11px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:0 6px;min-width:0}.se-theme-name-input:focus{outline:none;border-color:var(--accent)}.se-theme-name-input:disabled{opacity:.4}.se-theme-save-btn{padding:0 10px;height:24px;font-size:11px;flex-shrink:0;border-radius:var(--radius)}.se-theme-save-btn:not(:disabled):hover{border-color:var(--success);color:var(--success)}.se-theme-save-btn:disabled{opacity:.35;cursor:default}.se-theme-warning{font-size:9px;color:var(--warning);padding:0 12px 4px;flex-shrink:0}.se-font-select{margin:0 12px 2px;width:calc(100% - 24px);font-size:11px;padding:3px 6px;flex-shrink:0}.se-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:2px 12px 6px;flex-shrink:0}.se-swatch{display:flex;align-items:center;gap:5px;padding:3px 5px;background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);text-align:left;overflow:hidden;transition:border-color .15s}.se-swatch:hover{border-color:var(--accent);color:var(--text-primary)}.se-swatch--copied{border-color:var(--success);color:var(--success)}.se-swatch-dot{width:12px;height:12px;border-radius:2px;background:var(--swatch-color);flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.se-swatch-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-var-group{font-size:8px;font-weight:700;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px 2px;border-top:1px solid var(--border);margin-top:2px}.se-var-group:first-child{border-top:none;margin-top:0}.se-rows{flex:1;overflow-y:auto;padding:2px 0 4px}.se-rows::-webkit-scrollbar{width:4px}.se-rows::-webkit-scrollbar-track{background:var(--bg-secondary)}.se-rows::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.se-row{padding:4px 12px}.se-row-label{font-size:10px;color:var(--text-secondary);margin-bottom:3px}.se-row-controls{display:flex;align-items:center;gap:5px}.se-color-picker{-webkit-appearance:none;width:28px;height:22px;border:1px solid var(--border);border-radius:3px;padding:1px;background:none;cursor:pointer;flex-shrink:0}.se-color-picker::-webkit-color-swatch-wrapper{padding:0}.se-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.se-hex-input{flex:1;height:22px;font-family:var(--font-mono);font-size:11px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:0 5px;min-width:0}.se-hex-input:focus{outline:none;border-color:var(--accent)}.se-reset-row-btn{width:22px;height:22px;padding:0;font-size:13px;line-height:1;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5}.se-reset-row-btn:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.se-vh-slider{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer;height:4px}.se-vh-input{width:36px;height:22px;font-family:var(--font-mono);font-size:11px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:0 4px;text-align:center;flex-shrink:0}.se-vh-input:focus{outline:none;border-color:var(--accent)}.se-vh-unit{font-size:9px;color:var(--text-muted);flex-shrink:0}.se-actions{display:flex;gap:6px;padding:8px 12px 12px;flex-shrink:0;border-top:1px solid var(--border)}.se-reset-all-btn{flex:1;padding:6px 8px;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius)}.se-reset-all-btn:hover{border-color:var(--warning);color:var(--warning)}.se-copy-btn{flex:1;padding:6px 8px;font-size:11px;font-family:var(--font-mono);background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.se-copy-btn:hover{opacity:.85;color:#fff;border-color:transparent}.help-overlay{position:fixed;inset:0;background:#000000c7;z-index:20000;display:flex;align-items:center;justify-content:center}.help-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:680px;max-width:92vw;max-height:82vh;overflow-y:auto;padding:28px 32px 32px;position:relative;box-shadow:0 8px 40px #000000b3}.help-modal::-webkit-scrollbar{width:5px}.help-modal::-webkit-scrollbar-track{background:var(--bg-secondary)}.help-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.help-close{position:absolute;top:12px;right:12px;background:none;border:1px solid transparent;color:var(--text-muted);font-size:14px;width:24px;height:24px;padding:0;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.help-close:hover{border-color:var(--danger);color:var(--danger)}.help-modal h1{color:var(--accent);font-size:15px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:20px;padding-right:28px}.help-modal h2{color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:4px;margin:24px 0 8px}.help-modal h3{color:var(--text-primary);font-size:12px;font-weight:700;margin:14px 0 4px}.help-modal p{font-size:12px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.help-modal ul{margin:4px 0 8px 18px}.help-modal li{font-size:12px;color:var(--text-secondary);margin-bottom:4px;line-height:1.5}.help-modal code{background:var(--bg-secondary);color:var(--accent-cold);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:11px}.help-table{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:12px}.help-table th{text-align:left;color:var(--text-muted);font-weight:400;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-bottom:1px solid var(--border)}.help-table td{padding:4px 10px;border-bottom:1px solid var(--bg-secondary);color:var(--text-secondary)}.help-table td:first-child code{background:none;border:none;padding:0;color:var(--accent-cold)}