.obs{--obs-bg:#060606;--obs-fg:#e9e9e7;--obs-dim:#9b9b99;--obs-line:#525252;--obs-soft:#222;background:var(--obs-bg);color:var(--obs-fg);font:12px/1.4 Geist Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;max-width:1620px;padding:24px clamp(12px,2.2vw,32px) 48px;margin:0 auto}.obs *{box-sizing:border-box}.obs h1,.obs h2,.obs p,.obs dl,.obs dd{margin:0}.obs-head{border:1px solid var(--obs-line);display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:28px 26px;margin-bottom:26px}.obs-eyebrow{font-size:10px;letter-spacing:.15em;color:var(--obs-dim)}.obs-head h1{font-size:clamp(28px,4.4vw,57px);letter-spacing:-.055em;font-weight:450;line-height:1.1;margin:10px 0}.obs-head h1 span{font-size:clamp(12px,1.4vw,20px);letter-spacing:.01em;color:var(--obs-dim)}.obs-sub{color:var(--obs-dim);max-width:57ch}.obs-system{border-left:1px solid var(--obs-line);padding-left:25px;display:grid;align-content:center;gap:9px}.obs-system>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dotted #414141;padding-bottom:5px}.obs-system dt,.obs-instrument__top span{color:var(--obs-dim)}.obs-system dd{text-align:right}.obs-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--obs-line);padding:12px 0 16px;font-weight:700;letter-spacing:.09em}.obs-section-title span:last-child{color:var(--obs-dim);font-size:10px;font-weight:400}.obs-primary,.obs-secondary{display:grid;gap:10px}.obs-primary{grid-template-columns:1.2fr 1.4fr 1fr}.obs-secondary{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.obs-instrument{border:1px solid var(--obs-line);padding:12px;min-width:0;position:relative;overflow:hidden}.obs-instrument__top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #363636;padding-bottom:10px;min-height:28px}.obs-instrument h2{font-size:12px;font-weight:550;letter-spacing:.07em}.obs-reading{display:flex;align-items:baseline;gap:9px;margin:20px 0 12px;white-space:nowrap}.obs-reading strong{font-size:clamp(30px,3vw,48px);line-height:1.1;font-weight:450;letter-spacing:-.045em}.obs-reading>span{font-size:15px}.obs-trend{color:var(--obs-dim);font-size:11px;min-height:19px}.obs-minmax{display:flex;justify-content:space-between;gap:9px;padding-top:11px;border-top:1px dotted var(--obs-line);font-size:11px;color:var(--obs-dim)}.obs-minmax b,.obs-small-footer b{font-weight:500;color:var(--obs-fg)}.obs-temperature__body{display:flex;gap:22px;min-height:315px;padding-top:16px}.obs-thermo{display:flex;gap:7px;min-width:55px;flex-shrink:0}.obs-thermo__labels{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--obs-dim);text-align:right}.obs-thermo__track{height:250px;width:21px;border:1px solid var(--obs-fg);position:relative;align-self:flex-start;background:repeating-linear-gradient(to bottom,transparent 0 24px,#444 24px 25px)}.obs-thermo__fill{position:absolute;bottom:0;left:3px;right:3px;height:0;background:repeating-linear-gradient(to bottom,#cfcfcf 0 3px,transparent 3px 5px);transition:height .6s}.obs-thermo__needle{position:absolute;left:calc(100% + 2px);bottom:0;transform:translateY(50%);width:0;height:0;border:5px solid transparent;border-right:0;border-left-color:#f3f3f3}.obs-temp-content{min-width:0;flex:1;display:flex;flex-direction:column}.obs-temp-content .obs-reading{margin-top:5px}.obs-spark{height:85px;display:flex;align-items:center;margin-top:auto;margin-bottom:16px;min-width:0;overflow:hidden;color:#767676;font-size:10px}.obs-spark svg{width:100%;height:100%;display:block}.obs-spark path{vector-effect:non-scaling-stroke}.obs-wind__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.85fr);gap:8px;align-items:center;min-height:314px}.obs-wind svg{width:100%;max-height:294px;min-width:0;display:block}.obs-wind-stats{min-width:0}.obs-wind-stats .obs-reading strong{font-size:clamp(32px,3.8vw,54px)}.obs-wind-stats dl{display:grid;gap:15px}.obs-wind-stats dt{color:var(--obs-dim);font-size:10px}.obs-wind-stats dd{font-size:18px}.obs-pressure__value{margin-bottom:2px}.obs-dial{width:100%;height:auto;max-height:178px;color:var(--obs-fg);display:block}.obs-pressure .obs-spark{height:47px;margin-top:5px}.obs-secondary .obs-reading strong{font-size:clamp(26px,3vw,43px)}.obs-secondary .obs-spark{height:82px;margin-top:28px;margin-bottom:18px}.obs-liquid{height:70px;width:27px;border:1px solid var(--obs-line);margin:12px 0 0 12px;position:relative}.obs-liquid__fill{position:absolute;bottom:0;left:2px;right:2px;background:repeating-linear-gradient(to top,#ddd 0 2px,transparent 2px 4px);height:0}.obs-liquid>span{position:absolute;left:34px;top:-7px;color:var(--obs-dim);font-size:10px}.obs-liquid>span:last-child{top:auto;bottom:-6px}.obs-rain-meta{display:grid;gap:6px;color:var(--obs-dim);font-size:10px}.obs-rain-meta>div{display:flex;justify-content:space-between;gap:5px}.obs-rain-meta b{color:var(--obs-fg)}.obs-uv-scale{display:flex;justify-content:space-between;position:relative;border-top:7px solid #353535;margin-top:30px;font-size:10px}.obs-uv-scale:before{content:"";position:absolute;left:0;top:-10px;width:6px;height:14px;background:var(--obs-fg);transform:translate(var(--uv-position,0%));transition:transform .6s}.obs-solar-track{margin:22px 0 5px;height:10px;border:1px solid var(--obs-line)}.obs-solar-track>div{height:100%;background:repeating-linear-gradient(90deg,#ccc 0 3px,transparent 3px 5px);width:0}.obs-small-footer{font-size:11px;color:var(--obs-dim);border-top:1px dotted var(--obs-line);padding-top:12px}.obs-footer{border:1px solid var(--obs-line);border-top:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;color:var(--obs-dim);font-size:10px}.obs-footer strong{color:var(--obs-fg)}.obs-footer a{color:var(--obs-fg);text-decoration:none}.obs-footer a:hover{text-decoration:underline}.obs-demo{margin-top:18px;color:var(--obs-dim);font-size:11px}.obs-demo summary{cursor:pointer}.obs-demo p{margin:10px 0}.obs-demo button{border:1px solid #999;background:transparent;color:#fff;font:inherit;padding:8px 14px;cursor:pointer}.obs[data-demo=true]{--obs-line:#737373}.obs[data-demo=true] #obs-status{color:#fff}@media (max-width:1100px){.obs-primary{grid-template-columns:1fr 1fr}.obs-pressure{grid-column:1/-1}.obs-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-pressure .obs-dial{max-height:145px}.obs-pressure .obs-spark{height:60px}}@media (max-width:650px){.obs{padding:14px 8px 30px}.obs-head{grid-template-columns:1fr;padding:17px;gap:20px}.obs-system{border-left:0;border-top:1px solid var(--obs-line);padding:12px 0 0}.obs-primary,.obs-secondary{grid-template-columns:1fr}.obs-pressure{grid-column:auto}.obs-section-title{align-items:start;flex-direction:column}.obs-temperature__body{min-height:245px}.obs-thermo__track{height:220px}.obs-wind__body{min-height:220px}.obs-wind svg{max-height:250px}.obs-footer{flex-direction:column}.obs-secondary .obs-spark{margin-top:15px}}@media (prefers-reduced-motion:reduce){.obs *{transition:none!important}}