:root{--bg:#0d2634;--header:#102638;--panel:#183f59;--panel2:#13364b;--text:#d8e2e8;--muted:#91a8b4;--mint:#c6edce;--accent:#ff8a00;--green:#35da82;--danger:#ff4d6d;--line:#28566e;--shadow:0 6px 18px #06141d55;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9f0fa;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}button,input,select{font:inherit}.app-shell,.station-shell{position:relative;width:min(100%,480px);min-height:100vh;margin:auto;background:linear-gradient(180deg,#102536,#0d3441);box-shadow:0 0 25px #1a324033}.app-header,.station-header{height:72px;padding:15px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--header);position:sticky;top:0;z-index:20}.app-header div{display:grid}.app-header strong{font-size:1.18rem;color:var(--mint)}.app-header small{font-weight:700}.app-header a{color:var(--text);text-decoration:none}.menu-button{border:0;background:transparent;color:#ddd;font-size:1.8rem;cursor:pointer}.side-menu{position:fixed;z-index:50;top:0;bottom:0;width:min(78vw,300px);background:#211e1e;padding:16px;box-shadow:8px 0 30px #0008}.side-menu[hidden]{display:none}.side-menu a{display:block;color:#fff;text-decoration:none;padding:17px 8px;border-bottom:1px solid #393434;font-weight:700}.side-menu .danger{color:var(--danger)}.profile{display:flex;align-items:center;gap:10px;padding:8px 0 18px}.profile img{width:38px;height:38px;border-radius:50%}#weather-app,.station-content,.form-page{padding:14px}.search-row{position:relative;display:flex;margin:8px 0 25px;border:1px solid #607870;border-radius:17px;overflow:visible;background:#15384f}.search-row input{width:100%;padding:11px;border:0;background:transparent;color:var(--text);outline:0}.search-row button{border:0;background:transparent;color:#ccd8df;font-size:1.5rem;padding:0 12px}.autocomplete{position:absolute;top:47px;left:0;right:0;background:#fff;color:#142c3b;z-index:30;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.autocomplete button{display:block;width:100%;padding:11px;text-align:left;border:0;border-bottom:1px solid #ddd;background:#fff;color:#142c3b;font-size:.9rem}.loading{text-align:center;padding:40px;color:var(--muted)}.current-summary{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:24px}.current-summary img{width:92px}.temperature{font-size:3.3rem;line-height:1;color:var(--mint)}.current-summary p,.pws-current p{margin:4px 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.metric-grid article{background:var(--panel2);padding:12px;border-radius:6px;box-shadow:var(--shadow);font-size:.88rem}.forecast-list{display:grid;gap:12px;margin:38px 0}.forecast-card{background:var(--panel);padding:10px 14px;border-radius:18px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:5px;align-items:center}.forecast-card h3{margin:0;font-size:1.1rem}.forecast-card small{display:block;margin-top:5px}.forecast-card span{text-align:center;font-size:.78rem}.hot{color:#ffb000}.rain{color:#75d4ba}.panel{background:var(--panel);padding:14px;border-radius:15px;margin:14px 0;box-shadow:var(--shadow)}.panel h3{font-size:.92rem;margin:0 0 14px}.panel canvas{max-height:245px}.astro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.sun-arc,.moon{font-size:3.4rem;color:#ffc400}.astro-grid p{font-size:.8rem}#rain-map{height:370px;border-radius:10px;overflow:hidden}.alerts-heading{color:#8eda95;margin-top:20px}.alert-card{display:block;background:var(--panel);border-left:4px solid var(--accent);padding:12px;border-radius:10px;margin:9px 0;color:var(--text);text-decoration:none}.alert-card strong{color:#ffc36b}.alert-card p{font-size:.8rem;margin:5px 0}.station-header{height:48px;font-size:.72rem}.station-title{text-align:right;font-size:.72rem;margin:4px 0 12px}.online{color:var(--green)}.offline{color:#aab3b9}.pws-current{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.pws-current .temperature{font-size:3rem}.mini-metrics{display:grid;gap:4px}.mini-metrics span{background:var(--panel2);padding:6px;border-radius:5px;font-size:.7rem}.compass-card{margin:14px 0;background:var(--panel2);border-radius:12px;padding:10px}.compass-meta{display:flex;justify-content:space-between;font-size:.7rem}.compass{position:relative;margin:8px auto;width:230px;height:230px;border:2px dotted #98adba;border-radius:50%;display:grid;place-content:center;text-align:center}.compass:before{content:'W                   E';position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);font-weight:bold}.compass .north{position:absolute;top:8px;left:0;right:0;font-weight:bold}.compass strong{font-size:2rem;color:var(--mint)}.compass strong small{font-size:.7rem}.compass em{font-style:normal;font-size:1.3rem}.needle{position:absolute;left:50%;top:50%;width:4px;height:96px;background:linear-gradient(var(--danger) 50%,#d7e1e6 50%);transform-origin:50% 0;transform:rotate(var(--direction,0deg));clip-path:polygon(50% 0,100% 100%,50% 85%,0 100%)}.daily{margin:14px 0}.daily article{text-align:center;min-height:82px;display:grid;place-content:center;font-size:.7rem}.daily strong{display:block;font-size:1rem}.form-card{display:grid;gap:18px;padding:20px}.form-card h2{color:var(--accent);font-size:1rem;margin:0}.form-card label{display:grid;gap:7px;font-size:.75rem;font-weight:700}.form-card input,.form-card select{width:100%;background:#fff;color:#172d3a;border:0;border-radius:4px;padding:11px}.button{display:inline-block;width:max-content;border:0;background:var(--accent);color:#fff;text-decoration:none;padding:11px 16px;border-radius:5px;font-weight:800;cursor:pointer}.success,.warning,.notice{padding:12px;border-radius:8px;margin-bottom:12px}.success{background:#185839}.warning{background:#633c16}.notice{font-size:.82rem}.checkbox-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.checkbox-list label{display:flex;align-items:center;background:var(--panel2);padding:9px;border-radius:8px}.checkbox-list input{width:auto}.station-table{display:grid;gap:6px}.station-table label{grid-template-columns:auto 1fr 1fr;align-items:center;background:#22628a;padding:8px}.station-table input{width:auto}.empty-state{text-align:center;padding:80px 20px}.empty-state .button{margin-top:14px}@media(min-width:780px){.station-shell{width:min(100%,900px)}.station-content{padding:22px}.station-content>.panel{max-width:none}.station-content:has(#solar-chart){display:grid;grid-template-columns:1fr 1fr;gap:14px}.station-content:has(#solar-chart)>.station-title,.station-content:has(#solar-chart)>.warning,.station-content:has(#solar-chart)>.pws-current,.station-content:has(#solar-chart)>.compass-card,.station-content:has(#solar-chart)>.metric-grid{grid-column:1/-1}.astro-grid{grid-template-columns:1fr 1fr}}