:root {color-scheme:dark;--mw-bg:#0c2027;--mw-panel:#17313a;--mw-text:#eef7f7;--mw-muted:#acbfc5;--mw-edge:#35515a;--mw-accent:#9aebd6;}
body {background:radial-gradient(ellipse at top left,#244a4e,transparent 45%),var(--mw-bg);color:var(--mw-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;}
.page {max-width:1420px;padding:30px 24px;}
.site-header {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}
.site-brand {display:flex;gap:12px;align-items:center;min-width:0;}.site-brand img {flex-shrink:0;}
h1 {font-size:clamp(1.45rem,2.8vw,2.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.17;margin:0;}
h2 {font-size:1rem;font-weight:650;margin:0;}h3 {font-size:1rem;font-weight:650;}
.eyebrow {font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--mw-accent);margin-bottom:5px;}.subtitle {color:var(--mw-muted);font-size:.85rem;margin:8px 0 0;}
.header-meta {display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--mw-muted);font-size:.75rem;white-space:nowrap;}.header-meta a {color:var(--mw-accent);text-decoration:none;}
.mobile-break {display:none;}.panel {background:var(--mw-panel);border:1px solid var(--mw-edge);border-radius:16px;overflow:hidden;}
.camera-card {margin-bottom:22px;}.camera-heading {padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.camera-heading h2 span {font-weight:400;color:var(--mw-muted);}.camera-state {color:var(--mw-accent);font-size:.68rem;font-weight:750;letter-spacing:.08em;white-space:nowrap;}.camera-state.recorded {color:#fcd58c;}
.camera-frame {position:relative;aspect-ratio:16/9;min-height:240px;background:#081a22;}.camera-frame>img {display:block;width:100%;height:100%;object-fit:contain;}.camera-offline {position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse,#26474d,#0b232a);color:var(--mw-muted);padding:20px 12px 100px;}.camera-offline h3 {font-size:1.2rem;color:var(--mw-text);margin:6px 0;}.camera-offline p {font-size:.8rem;margin:0;}.camera-offline span {font-size:28px;}
[hidden] {display:none !important;}.capture-label {position:absolute;top:12px;left:12px;padding:5px 9px;background:#08171bda;color:#fff;border-radius:5px;font-size:.7rem;}
.playback-overlay {position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#071419ef 20%);padding:14px 12px 10px;color:#fff;}.camera-timeline {margin:0 0 6px;}.form-range::-webkit-slider-thumb {background:var(--mw-accent);}.form-range::-moz-range-thumb {background:var(--mw-accent);}
.playback-controls {display:flex;gap:6px;align-items:center;}.playback-controls .btn,.playback-controls .form-select {color:#fff;background-color:#1b363f;border:1px solid #ffffff40;border-radius:6px;font-size:.78rem;min-height:38px;}.playback-controls .btn {min-width:40px;padding:6px 10px;}.playback-controls .playback-play {min-width:58px;}.playback-controls .form-select {width:68px;padding-left:8px;}.playback-controls .playback-live {margin-left:auto;color:var(--mw-accent);}.playback-controls .btn:disabled {opacity:.45;}
.camera-meta {font-size:.75rem;color:var(--mw-muted);padding:10px 16px;margin:0;line-height:1.45;min-height:38px;}
.station-panel,.solar-panel {padding:18px;margin-bottom:22px;}.section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}.status-badge {font-size:.68rem;color:var(--mw-accent);}.data-time {font-size:.72rem;color:var(--mw-muted);margin:8px 0;line-height:1.6;}.history-hint {font-size:.73rem;color:var(--mw-muted);margin:12px 0;}
.metric,.solar-metric {display:block;width:100%;background:#10262f;border:1px solid var(--mw-edge);border-radius:9px;padding:11px 12px;text-align:left;color:var(--mw-text);}.metric:hover {border-color:var(--mw-accent);}.metric-label {display:flex;justify-content:space-between;color:var(--mw-muted);font-size:.7rem;line-height:1.5;}.metric-value {display:block;font-size:1.45rem;font-weight:650;margin-top:5px;letter-spacing:-.03em;}.metric-value small {font-size:.7rem;font-weight:400;color:var(--mw-muted);margin-left:4px;letter-spacing:0;}
.runway-head {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--mw-edge);padding-top:16px;margin:18px 0 12px;}.runway-pill {white-space:nowrap;padding:4px 8px;border-radius:6px;background:var(--mw-accent);color:#123a30;font-size:.75rem;font-weight:750;}.aircraft-dial {display:block;width:100%;max-width:340px;margin:0 auto;}.runway-note {font-size:.85rem;font-weight:650;text-align:center;margin:12px 0 0;}.disclaimer {font-size:.7rem;color:var(--mw-muted);border-top:1px solid var(--mw-edge);padding-top:12px;margin:12px 0 0;line-height:1.6;}
.solar-system {display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:.85rem;}.battery-shell {width:64px;height:24px;border:2px solid #a3bdb7;padding:3px;border-radius:5px;position:relative;}.battery-shell:after {content:'';position:absolute;right:-6px;top:6px;width:4px;height:8px;background:#a3bdb7;}#battery-fill {height:100%;width:0;background:var(--mw-accent);border-radius:2px;}
.contact-panel {padding:24px;margin:6px 0 20px;}.contact-panel h2 {font-size:1.5rem;}.contact-panel p {color:var(--mw-muted);font-size:.86rem;line-height:1.7;margin-top:12px;}.contact-panel .data-time {font-size:.72rem;}.contact-button {background:var(--mw-accent);color:#123a30;font-weight:700;font-size:.82rem;padding:11px 14px;}.contact-button:hover {background:#c5f5e8;color:#123a30;}.privacy-note {border-left:1px solid var(--mw-edge);}
footer {display:flex;justify-content:flex-end;padding:4px 0;}footer a {display:flex;align-items:center;gap:10px;font-size:.72rem;color:var(--mw-muted);text-decoration:none;}footer img {width:auto;}
#weather-history-dialog {background:var(--mw-panel);color:var(--mw-text);border:1px solid var(--mw-edge);border-radius:16px;padding:24px;width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 80px #0006;}#weather-history-dialog::backdrop {background:#03151dcc;backdrop-filter:blur(4px);}.history-header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}.history-header h2 {font-size:1.25rem;}.history-close,.history-picker button {background:#10262f;color:var(--mw-text);border:1px solid var(--mw-edge);border-radius:6px;font-size:.78rem;}.history-picker {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;}.history-picker button[aria-pressed=true] {background:var(--mw-accent);color:#123a30;}#history-status,#history-detail {font-size:.85rem;}#history-chart {display:block;width:100%;touch-action:pan-y;}#history-chart text {font:12px system-ui;fill:var(--mw-muted);}.chart-grid {stroke:var(--mw-edge);stroke-width:1;}.chart-line {stroke:var(--mw-accent);stroke-width:2;fill:none;}.chart-dot {fill:var(--mw-accent);}.chart-guide {stroke:var(--mw-muted);stroke-width:1;stroke-dasharray:3 3;}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible {outline:3px solid var(--mw-accent);outline-offset:3px;}
@media(max-width:1199px) {.header-meta {white-space:normal;}.camera-frame {min-height:220px;}.site-header {align-items:flex-start;}}
@media(max-width:575px) {.page {padding:18px 12px;}.site-header {flex-direction:column;gap:14px;}.site-brand {align-items:flex-start;}.site-brand img {width:40px;height:40px;}.header-meta {align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px 16px;}.mobile-break {display:block;}.camera-heading {padding:12px;gap:6px;}.camera-heading h2 {font-size:.88rem;}.camera-heading h2 span {display:block;font-size:.75rem;margin-top:2px;}.camera-state {font-size:.65rem;}.camera-frame {min-height:240px;}.playback-controls {gap:4px;}.playback-controls .btn {min-height:44px;min-width:40px;padding:6px 8px;}.playback-controls .form-select {min-height:44px;width:62px;font-size:16px;}.playback-controls .playback-live {font-size:.75rem;}.station-panel,.solar-panel {padding:14px;}.metric {padding:10px;min-height:78px;}.contact-panel {padding:18px;}.privacy-note {border-left:0;border-top:1px solid var(--mw-edge);padding-top:18px;}.contact-button {white-space:normal;}footer a {flex-wrap:wrap;justify-content:flex-end;}#weather-history-dialog {padding:16px;}.history-picker .btn {min-height:40px;}}
@media(prefers-reduced-motion:reduce) {* {scroll-behavior:auto !important;transition:none !important;}}