:root {--mw-bg:#30271f;--mw-panel:#30342d;--mw-text:#f2e7cb;--mw-muted:#bba98d;--mw-edge:#8a795b;--mw-accent:#e1b879;}
.history-window .chart-band {fill:#ab8c56;opacity:.22;}
.history-window #history-chart text {fill:#625740;}
.history-all-graphs {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 20px;margin-top:18px;}
.history-graph-card {min-width:0;border-top:1px solid #c0b393;padding-top:14px;scroll-margin-top:16px;}
.history-graph-card h2 {font-size:1rem;margin:0 0 10px;}
.graph-statistics {display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.72rem;color:#5d523d;margin-bottom:8px;}
.graph-statistics strong {color:#302e26;}
.history-graph-card .history-details {margin-bottom:0;font-size:.72rem;min-height:24px;}
.history-graph-card .chart-line {stroke:#7b5432;}
@media(max-width:700px) {.history-all-graphs {grid-template-columns:minmax(0,1fr);}}
body {min-height:100vh;background-color:#30271f;background-image:linear-gradient(#2b1b1299,#261911b8),url('assets/leather-sheet.png');background-position:center top;background-size:cover;background-repeat:no-repeat;}
.page {padding-top:32px;}.panel {position:relative;background:linear-gradient(120deg,#424039,#292e2c 36%,#34372f);border:2px solid #9d8b6f;border-radius:12px;box-shadow:0 3px 0 #211b16,inset 0 0 0 3px #37332a,0 7px 15px #160d0850;}
.panel:before,.panel:after {content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(45deg,#aaa18a,#524b3f 45%,#201e19 50%,#9c927b 60%);position:absolute;top:8px;z-index:2;}.panel:before {left:8px;}.panel:after {right:8px;}
.camera-heading {padding:16px 18px;}.camera-heading h2 {text-transform:uppercase;font-size:.88rem;letter-spacing:.04em;}.camera-state {color:#c4d7af;}.camera-frame {width:100%;}.camera-offline {background:radial-gradient(ellipse,#3b4133,#1a271e);}.playback-controls .btn,.playback-controls .form-select {border-color:#988768;background:linear-gradient(#4a4d40,#282f26);}.capture-label {background:#18221de0;border:1px solid #b9a88360;}.metric,.solar-metric {background:#182522;border:1px solid #71694f;}.metric {text-decoration:none;}.metric-value {font-family:'Courier New',monospace;}.metric-label {color:#c2bda8;}.runway-pill {display:none;}.runway-head h2 {font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;}
.wind-instrument {display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;align-items:center;}.wind-instrument>* {min-width:0;}.wind-readouts {font-size:.66rem;letter-spacing:.05em;color:var(--mw-muted);}.wind-readouts strong {display:block;font:500 1.15rem/1.4 'Courier New',monospace;color:var(--mw-text);margin:5px 0 18px;}.runway-recommend {display:flex;align-items:center;gap:14px;background:#17261f;border:2px solid #bfba83;border-radius:5px;padding:14px;margin-top:14px;box-shadow:inset 0 0 0 2px #354739;}.runway-recommend>strong {font:600 2.7rem/1.1 'Courier New',monospace;color:#e8e4ac;}.runway-recommend span {font-size:.65rem;letter-spacing:.1em;color:#c4ccb3;}.runway-note {font-size:.75rem;text-align:left;margin-top:4px;font-weight:400;}.history-hint a {color:var(--mw-accent);}.header-meta a {text-decoration:underline;text-underline-offset:3px;}.contact-button {color:#30291d;}.contact-button:hover {background:#f0d4a2;color:#30291d;}
.history-page {max-width:1100px;}.history-window {background:#e8dfc5;color:#302e26;border:5px solid #786b53;border-radius:10px;padding:22px;box-shadow:0 24px 60px #0007;}.history-window h1 {font-size:1.6rem;}.history-window .data-time {color:#665b48;}.history-window .history-close,.history-window .btn {background:#f7f1dd;color:#302e26;border:1px solid #a39375;}.history-toolbar {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0;}.history-toolbar select {background:#f7f1dd;color:#302e26;border-color:#95856a;max-width:290px;}.history-ranges {display:flex;flex-wrap:wrap;gap:5px;}.history-ranges .btn[aria-pressed=true] {background:#443c2d;color:#f2e7cb;}.history-stats {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #c0b393;border-bottom:1px solid #c0b393;padding:10px 0;font-size:.8rem;}.history-window svg {width:100%;display:block;touch-action:pan-y;}.history-window svg text {font:12px system-ui;fill:#625740;}.history-window .chart-grid {stroke:#c6baa0;}.history-window .chart-line {stroke:#7b5432;}.history-window .chart-dot {fill:#7b5432;}.history-window .chart-guide {stroke:#74684e;}.history-related {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:16px;}.history-related h2 {font-size:.85rem;}.history-window a {color:#65502d;}.history-window .history-source {font-size:.72rem;color:#73664e;border-top:1px solid #c0b393;padding-top:12px;}.history-header {margin-bottom:10px;}.history-details {font-size:.8rem;min-height:28px;}
@media(max-width:575px) {.wind-instrument {grid-template-columns:minmax(0,1fr);}.wind-readouts {display:flex;justify-content:space-around;text-align:center;gap:6px;}.wind-readouts strong {margin:4px 0 8px;font-size:1.15rem;}.camera-heading h2 {font-size:.8rem;}.runway-recommend {gap:12px;}.history-window {padding:14px;border-width:3px;}.history-related {grid-template-columns:minmax(0,1fr);}.history-toolbar select {max-width:100%;font-size:16px;}.history-header {flex-wrap:wrap;}.history-window h1 {font-size:1.3rem;}}