:root{--bg:#070b0e;--panel:#0b1115;--panel2:#0e171c;--line:#33444e;--soft:#1a2830;--text:#f2f5f6;--muted:#91a1aa;--accent:#62c9fb;--rain:#8ed9ff;--warm:#ffd166}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-width:320px;color:var(--text);font-family:"Space Mono",monospace;background-color:var(--bg);background-image:linear-gradient(rgba(90,114,126,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,114,126,.07) 1px,transparent 1px);background-size:32px 32px}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-frame{position:fixed;inset:8px;pointer-events:none;z-index:99;border:1px solid rgba(132,149,158,.12)}.weather-shell{width:min(1420px,calc(100% - 32px));margin:auto;padding:18px 0 20px}.topbar{min-height:86px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.brand{font-family:"Michroma";font-size:11px;letter-spacing:.08em}.title-wrap{text-align:center}.title-wrap h1{font-family:"Michroma";font-size:27px;font-weight:400;letter-spacing:.15em;margin:0 0 5px}.title-wrap span{font-family:"Share Tech Mono";font-size:11px;color:var(--muted);letter-spacing:.15em}.topbar time{justify-self:end;font-family:"Share Tech Mono";font-size:27px}.search-panel{min-height:72px;display:grid;grid-template-columns:110px minmax(240px,620px) 1fr;gap:14px;align-items:center;border-bottom:1px solid #26343c}.search-label{font-size:10px;letter-spacing:.13em;color:#71858f}.search-wrap{position:relative}.search-wrap input{width:100%;height:42px;border:1px solid #40545f;background:#091014;color:white;padding:0 46px 0 13px;border-radius:4px;outline:none}.search-wrap input:focus{border-color:var(--accent)}#clearSearch{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;background:transparent;color:#8ea0a8;font-size:22px}.search-results{position:absolute;left:0;right:0;top:47px;z-index:50;background:#091014;border:1px solid var(--accent);box-shadow:0 16px 40px #000}.result{width:100%;border:0;border-bottom:1px solid #1c2a31;background:transparent;color:white;padding:11px 13px;display:flex;justify-content:space-between;text-align:left}.result small{display:block;color:#82949d}.result em{font-size:10px;color:#748690}.technical-button{justify-self:end;height:38px;border:1px solid #446c80;background:#0a1115;color:#95dcff;padding:0 14px;font-size:10px}.status{min-height:420px;display:flex;align-items:center;justify-content:center;color:#9baeb7}.status[hidden]{display:none}.weather-content{padding-top:20px}.panel{background:linear-gradient(180deg,#0d151a,#091014);border:1px solid #3d4d56;border-radius:5px}.hero{position:relative;padding:24px;display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:24px;align-items:center}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.13em;margin-bottom:7px}.hero-place h2{font-family:"Michroma";font-size:30px;font-weight:400;margin:0 0 6px}.hero-place p{margin:0;color:var(--muted);font-size:11px}.hero-main{display:flex;align-items:center;gap:18px}.weather-symbol{width:82px;height:82px}.weather-symbol .wx-icon{width:82px;height:82px}.temperature{display:flex;align-items:flex-start;gap:5px}.temperature strong{font-family:"Share Tech Mono";font-size:76px;line-height:.9;font-weight:400}.temperature span{font-size:23px;color:#9db0b8}.condition-wrap{display:flex;flex-direction:column;gap:7px}.condition-wrap>strong{font-size:22px;font-weight:400}.condition-wrap>span{font-size:12px;color:#92a4ad}.hero-note{border-left:2px solid var(--accent);padding-left:16px}.hero-note span{font-size:10px;color:var(--accent);letter-spacing:.12em}.hero-note p{font-size:13px;line-height:1.55;color:#c1cbd0;margin:7px 0 0}.hero-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #22323a;margin-top:4px}.hero-metrics>div{padding:14px 18px;border-right:1px solid #22323a}.hero-metrics>div:last-child{border-right:0}.hero-metrics span{display:block;font-size:9px;color:#758a94;letter-spacing:.11em}.hero-metrics strong{font-family:"Share Tech Mono";font-size:27px;font-weight:400}.hero-metrics small{color:#7d9099;font-size:10px;margin-left:5px}.updated{position:absolute;right:18px;top:14px;color:#6f838d;font-size:9px}.forecast-section{margin-top:28px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.section-title>div{display:flex;gap:10px;align-items:center}.section-title>div>span{font-family:"Share Tech Mono";font-size:11px;color:var(--accent)}.section-title h2{font-family:"Michroma";font-size:15px;font-weight:400;letter-spacing:.08em;margin:0}.section-title p{font-size:10px;color:#768a94;margin:0}.daily-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.day-card{min-height:178px;border:1px solid #31424b;border-radius:4px;background:#0a1115;color:white;text-align:left;padding:15px 14px;display:grid;grid-template-rows:auto auto 1fr auto;cursor:pointer}.day-card:hover{border-color:#56798a}.day-card.active{border-color:var(--accent);background:#10212a;box-shadow:inset 0 0 0 1px rgba(98,201,251,.13)}.day-head{display:flex;justify-content:space-between;align-items:center}.day-head strong{font-size:12px;letter-spacing:.07em}.day-head span{font-size:10px;color:#81939c}.day-weather{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.day-weather .wx-icon{width:54px;height:54px}.day-weather>div{display:flex;align-items:baseline;gap:7px}.day-weather strong{font-family:"Share Tech Mono";font-size:31px;font-weight:400}.day-weather span{font-size:14px;color:#83949c}.day-condition{font-size:12px;line-height:1.35;color:#c6d0d4}.day-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#84c7e6;margin-top:12px}.detail-panel{margin-top:28px;padding:22px}.detail-heading{margin-bottom:16px}.hourly-list{display:flex;flex-direction:column;gap:5px;align-items:center}.hour-row{display:grid;grid-template-columns:92px 60px 190px 155px 175px;gap:12px;align-items:center;width:min(100%,860px);min-height:78px;padding:9px 14px;border:1px solid #24343c;background:#0a1115;border-radius:4px}.hour-row.wet{background:linear-gradient(90deg,#0d2834,#0a1115)}.hour-row.storm{background:linear-gradient(90deg,#342b12,#0a1115);border-color:#6d5a25}.hour-time{font-family:"Share Tech Mono";font-size:29px}.part-time{font-size:18px;letter-spacing:.05em}.hour-icon .wx-icon{width:58px;height:58px}.hour-main strong{font-family:"Share Tech Mono";font-size:30px;font-weight:400;display:block}.hour-main span{font-size:13px;color:#bcc8cd}.hour-block span{display:block;font-size:9px;color:#748893;letter-spacing:.1em}.hour-block strong{display:block;font-family:"Share Tech Mono";font-size:21px;font-weight:400;margin:4px 0}.hour-block small{font-size:10px;color:#91a3ab}.day-summary-card{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #2c3d46;background:#0a1115}.day-summary-card .wx-icon{width:72px;height:72px}.day-summary-card strong{font-family:"Share Tech Mono";font-size:32px;font-weight:400;display:block}.day-summary-card span,.day-summary-card small{display:block;color:#aab9c0;margin-top:5px}.wx-icon{overflow:visible}.wx-stroke,.wx-fog,.wx-rain,.wx-snow{fill:none;stroke:#9edaf6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.wx-sun-fill{fill:rgba(255,209,102,.18);stroke:#ffd166;stroke-width:2}.wx-cloud-fill{fill:rgba(132,166,181,.16)}.wx-lightning{fill:#ffd166}.wx-rain{stroke:#62c9fb}.wx-snow{stroke:#dceff8}.wx-fog{stroke:#95aab4}footer{min-height:62px;margin-top:24px;border-top:1px solid #2c3b43;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#687b84;font-size:9px;letter-spacing:.06em}footer a{justify-self:end;color:#8ed9ff}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1.6fr}.hero-note{grid-column:1/-1}.daily-grid{grid-template-columns:repeat(3,1fr)}.hour-row{grid-template-columns:82px 54px 170px 140px 155px;width:min(100%,780px);gap:10px}.hour-time{font-size:24px}.hour-main strong{font-size:26px}}
@media(max-width:760px){.weather-shell{width:calc(100% - 20px);padding-top:8px}.page-frame{inset:4px}.topbar{grid-template-columns:1fr auto;min-height:76px}.title-wrap{display:none}.topbar time{font-size:22px}.brand{font-size:9px}.search-panel{grid-template-columns:1fr;gap:8px;padding:10px 0}.search-label{display:none}.technical-button{justify-self:stretch}.hero{padding:16px;grid-template-columns:1fr;gap:16px}.updated{display:none}.hero-place h2{font-size:24px}.hero-main{gap:10px}.weather-symbol,.weather-symbol .wx-icon{width:64px;height:64px}.temperature strong{font-size:58px}.condition-wrap>strong{font-size:18px}.hero-note{grid-column:auto}.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics>div:nth-child(2){border-right:0}.hero-metrics>div:nth-child(-n+2){border-bottom:1px solid #22323a}.daily-grid{grid-template-columns:repeat(2,1fr);gap:7px}.day-card{min-height:162px;padding:12px}.day-weather .wx-icon{width:46px;height:46px}.day-weather strong{font-size:27px}.section-title{align-items:flex-start;flex-direction:column}.detail-panel{padding:12px 7px}.hourly-list{align-items:stretch;gap:3px}.hour-row{grid-template-columns:52px 40px 70px minmax(74px,1fr) minmax(86px,1fr);gap:5px;width:100%;padding:6px 7px;min-height:58px}.hour-time{font-size:17px;align-self:center;padding-top:0}.part-time{font-size:12px;padding-top:0}.hour-icon .wx-icon{width:38px;height:38px}.hour-main strong{font-size:19px;line-height:1}.hour-main span{display:none}.hour-block{grid-column:auto;min-width:0}.hour-block span{display:none}.hour-block strong{font-size:15px;line-height:1.05;margin:0 0 3px;white-space:nowrap}.hour-block small{font-size:9px;white-space:nowrap}.hour-block+ .hour-block{margin-top:0}.day-summary-card{padding:18px 12px}.day-summary-card .wx-icon{width:56px;height:56px}.day-summary-card strong{font-size:26px}footer{grid-template-columns:1fr auto;gap:8px}footer #coordinates{display:none}}