:root{font-family:"Segoe UI",Arial,sans-serif;color:#273b31;background:#f1eee5;color-scheme:light;--forest:#243d32;--muted:#637164;--border:#cad0c1;--paper:#fffdf6;--accent:#47745c}
*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{min-height:30px;border:1px solid #aab8a3;border-radius:4px;background:#fffef9;color:inherit;font-size:12px}button{padding:5px 10px;background:#e9eedf;font-weight:500}button:hover:not(:disabled){background:#dce6cf;border-color:#7e9972}button:disabled{cursor:default;opacity:.5}input,select{padding:4px 7px}a{color:#315f47;text-underline-offset:2px}a:hover{color:#142f20}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #688c51;outline-offset:2px}[hidden]{display:none!important}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100% - 1420px)/2));background:var(--forest);border-bottom:1px solid #122a20;color:#f3f0e4}.app-name{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:0}.app-name:hover,.site-link:hover{color:#fff}.app-name img{flex:0 0 30px;border-radius:5px}.app-name h1{margin:0;font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.site-link{color:#d6dfc8;font-size:11px;white-space:nowrap}
main{display:grid;gap:12px;width:min(1420px,100%);margin:0 auto;padding:14px 16px 24px}.control-panel,.panel{min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--paper);box-shadow:0 1px 2px #20362b05}.control-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,300px);align-items:end;gap:8px 16px;padding:10px 12px}.control-row{display:flex;align-items:end;flex-wrap:wrap;gap:7px}.control-row label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.control-row select{max-width:100%}#region{width:155px}#units{width:92px}#location-search{display:flex;gap:5px;min-width:0}#location-query{flex:1;min-width:0;width:100%}.status-row{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;color:var(--muted);font-size:11px;line-height:1.4}.status-row p{margin:0;min-width:0}.status-row time{flex-shrink:0;font-variant-numeric:tabular-nums}.location-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px;padding-top:6px;border-top:1px solid var(--border)}.location-results button{text-align:left;background:#f2f4e9;font-size:11px;line-height:1.4}.location-results small{display:block;color:var(--muted)}
.panel{padding:12px}.panel-heading{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-bottom:8px}.panel-heading h2{flex:1;min-width:100px;margin:0;color:var(--forest);font-size:14px;font-weight:600;line-height:1.4}.panel-heading>a{font-size:11px;white-space:nowrap}.panel-heading select{min-height:27px;font-size:11px}.panel-note{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.5}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:12px;min-width:0}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:6px}.place-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name temp" "condition temp" "meta meta";gap:3px 7px;min-width:0;min-height:82px;padding:9px 8px;text-align:left;background:#f6f6ec;border-color:#d5dacb;border-radius:4px;font-weight:400}.place-card:hover{background:#e9efdc}.place-card[aria-pressed="true"],.place-card.is-selected,.place-card.active{border-color:#6c8d55;background:#e8eed9;box-shadow:inset 3px 0 #688c51}.place-name{grid-area:name;min-width:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.place-condition{grid-area:condition;font-size:10px;color:var(--muted)}.place-temp{grid-area:temp;align-self:center;font-size:25px;line-height:1;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.place-meta{grid-area:meta;font-size:10px;line-height:1.4;color:var(--muted)}.map-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}.map-panel .panel-heading{flex:0 0 auto;margin:0;padding:9px 10px;border-bottom:1px solid var(--border)}#weather-map{display:block;flex:1;width:100%;min-height:330px;border:0;background:#283d3c}.empty-state,.loading,.error,.panel-error{grid-column:1/-1;margin:0;padding:10px;color:var(--muted);font-size:11px;line-height:1.5}.error,.panel-error,[data-state="error"]{color:#8c4537}.loading{opacity:.8}
.local-panel h3,.detail-panel h3,.chart-panel h3{margin:12px 0 7px;font-size:12px;font-weight:600;line-height:1.4}.current-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-bottom:12px}.current-grid>div,.current-grid>article,.metric,.stat,.data-card{min-width:0;padding:8px;border:1px solid #d9dece;border-radius:4px;background:#f5f6ec}.current-grid strong,.metric strong,.stat strong{display:block;margin-top:3px;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.current-grid small,.metric small,.stat small,.metric-label,.stat-label{display:block;color:var(--muted);font-size:10px;line-height:1.4}.chart-panel{margin:8px 0 10px;padding:0 8px;border:1px solid #d9dece;border-radius:4px;background:#f8f8f0}.chart-panel h3{margin-top:8px}#forecast-chart{display:block;width:100%;height:auto;max-height:240px;color:#7b8876;font:12px "Segoe UI",Arial,sans-serif;overflow:visible}.chart-panel .panel-note{margin:2px 0 7px}.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.daily-grid>div,.daily-grid>article{min-width:0;padding:8px;border:1px solid #d9dece;border-radius:4px;background:#f5f6ec;font-size:11px;line-height:1.5}.daily-grid strong,.day-name{display:block;font-weight:600}.daily-grid small{display:block;color:var(--muted)}.table-scroll{min-width:0;max-height:370px;overflow:auto;border:1px solid #d5dccb;border-radius:4px;scrollbar-width:thin;scrollbar-color:#92a080 transparent}table{width:100%;min-width:650px;border-spacing:0;font-size:11px;font-variant-numeric:tabular-nums;text-align:left}th,td{padding:7px 9px;border-bottom:1px solid #e3e6da;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#e8edde;color:#465b42;font-weight:600}tbody tr:nth-child(even){background:#f6f7ef}tbody tr:last-child td{border-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.detail-panel{min-width:0;padding:10px;border:1px solid #d9dece;border-radius:4px;background:#fafbf4}.detail-panel h3{margin:0 0 7px}.subheading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:7px}.subheading h3{margin:0}.subheading button{min-height:25px;padding:3px 7px;font-size:10px}#air-quality,#marine-data,#place-alerts,#space-weather{font-size:11px;line-height:1.6;overflow-wrap:anywhere}#space-weather{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.data-row{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #e4e8dc}.data-row:last-child{border-bottom:0}.alert,.alert-card{margin:5px 0;padding:8px;border-left:3px solid #b9924c;background:#f5efdc}.alert h4,.alert-card h4{margin:0 0 4px;font-size:12px}
.feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.feed-card{min-width:0;padding:10px;border:1px solid #d7dece;border-radius:4px;background:#f8f9f1}.feed-card h3{margin:5px 0;font-size:12px;line-height:1.45}.feed-card h3 a{color:var(--forest);text-decoration:none}.feed-card h3 a:hover{text-decoration:underline}.source-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--muted);font-size:10px;line-height:1.4}.source-line time{font-variant-numeric:tabular-nums}.severity{display:inline-block;padding:1px 5px;border:1px solid #d9c7a2;border-radius:3px;background:#f1e9d7;color:#755f31;font-size:9px;font-weight:600;line-height:1.5}.severity.severe,.severity.extreme,.severity.high{border-color:#c99a8d;background:#f4e3dc;color:#8c4537}.feed-summary{margin:6px 0 0;color:#596955;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.sources-panel{padding:0}.sources-panel>summary{padding:11px 12px;color:var(--forest);font-size:12px;font-weight:600;cursor:pointer}.sources-panel[open]>summary{border-bottom:1px solid var(--border)}.source-list{padding:10px 12px 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.source-list ul{margin:0 0 8px;padding-left:17px}.source-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px;padding:12px}.source-directory section{min-width:0}.source-directory h3{margin:0 0 5px;font-size:11px;font-weight:600}.source-directory ul{list-style:none;margin:0;padding:0}.source-directory li{padding:2px 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.source-directory a{text-decoration:none}.source-directory a:hover{text-decoration:underline}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.map-caption{flex:0 0 auto;margin:0;padding:5px 10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:10px;line-height:1.4}.air-grid,.marine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.metric>span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.daily-card .day-temp,.daily-card .daily-temp{font-size:16px;font-variant-numeric:tabular-nums}.status-banner{margin:6px 0;padding:8px;border:1px solid #d4dcca;border-radius:4px;background:#f1f4e7;font-size:11px;line-height:1.5}.status-banner.error{border-color:#c9a99b;background:#f7ece3}
@media(max-width:1000px){.control-panel{grid-template-columns:1fr}#location-search{max-width:500px}.overview-layout{grid-template-columns:1fr}.map-panel{min-height:330px}#weather-map{min-height:310px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alerts-panel{grid-column:1/-1}}
@media(max-width:600px){.app-header{padding:10px 12px}.app-name h1{font-size:19px}.app-name img{width:27px;height:27px;flex-basis:27px}.site-link{font-size:10px}main{gap:10px;padding:10px 10px 18px}.panel{padding:10px}.map-panel{padding:0}.control-panel{padding:9px 10px}.control-row{gap:6px}.status-row{flex-wrap:wrap;font-size:10px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.place-card{grid-template-columns:1fr;grid-template-areas:"name" "condition" "temp" "meta";gap:4px;min-height:115px;padding:7px}.place-name{font-size:11px}.place-temp{font-size:25px}.place-condition,.place-meta{font-size:9px}.panel-heading{gap:6px 8px}.panel-heading h2{font-size:13px}.detail-grid{grid-template-columns:1fr}.alerts-panel{grid-column:auto}.current-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.current-grid strong,.metric strong{font-size:16px}.daily-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.feed-grid{grid-template-columns:1fr}#weather-map{min-height:300px}.map-panel .panel-heading{padding:8px}.map-panel .panel-heading h2{min-width:80px}.map-panel .panel-heading>a{font-size:10px}.source-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.source-directory li{font-size:10px}}
@media(max-width:360px){.app-header{gap:8px}.app-name{gap:6px}.app-name h1{font-size:18px}.site-link{font-size:9px}main{padding-right:8px;padding-left:8px}#region{width:148px}#units{width:88px}.control-row button{flex:1}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-directory{grid-template-columns:1fr}.map-layer-label{margin-left:auto}.map-panel .panel-heading>a{flex:0 0 100%;text-align:right}.current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.embedded .app-header{display:none}.embedded main{padding-top:10px}
@media(max-width:600px){.place-card{min-height:104px}}