:root{color-scheme:dark;--bg:#091311;--ink:#edf5ef;--muted:#91a49c;--line:#ffffff15;--mint:#b8f5cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Avenir Next","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:absolute;inset:0 0 auto;height:740px;background:radial-gradient(ellipse at 83% 18%,#244c3c58,transparent 50%);pointer-events:none}.ambient{position:absolute;inset:0;max-height:820px;overflow:hidden;pointer-events:none;background-image:radial-gradient(#bdebd11a .6px,transparent .6px);background-size:8px 8px;mask-image:linear-gradient(90deg,transparent 35%,#000)}.page{position:relative;max-width:1280px;width:calc(100% - 112px);margin:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}nav{min-height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.13em;font-weight:700}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a8c6b846;border-radius:12px;font-size:28px;letter-spacing:-.06em;font-weight:500;padding-bottom:6px}.brand-sub{display:block;margin-top:5px;font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400}.back{font-size:11px;color:#b2c3ba;display:flex;gap:24px;align-items:center}.back>span{font-size:22px}.hero{position:relative;padding:62px 0 0;isolation:isolate}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;color:var(--mint);display:flex;align-items:center;gap:11px;margin:0 0 24px}.tiny-line{height:1px;width:24px;background:var(--mint)}h1{font-size:clamp(48px,6.6vw,92px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin:0}h1>span{color:var(--mint)}.intro{font-size:14px;color:#a9bbb1;line-height:1.85;margin:25px 0 0;letter-spacing:-.01em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-top:44px;padding:0 0 24px;gap:15px}.source{display:flex;align-items:center;gap:9px;font-size:11px;color:#bccdc3}.source i{height:6px;width:6px;border-radius:50%;background:#b8f5cc;box-shadow:0 0 15px #b8f5cc55}.clock-label{display:flex;gap:14px;align-items:center;font-size:9px;color:var(--muted);letter-spacing:.12em}.clock-label time{font-size:12px;color:#d8e5dd;letter-spacing:.035em;font-variant-numeric:tabular-nums}.orbital{position:absolute;z-index:0;right:25px;top:18px;width:365px;height:345px;opacity:.88}.orb{position:absolute;inset:83px 88px 80px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#b8ecd7 0,#77b293 8%,#42775e 29%,#214533 51%,#0b2117 71%);box-shadow:inset -7px -8px 25px #010a08,0 0 75px #94eab214,inset 1px 1px 4px #c6fadc66;display:grid;place-items:center;transform:rotate(-18deg)}.orb span{font-size:137px;font-weight:200;color:#e4ffed9c;line-height:1;transform:translateY(21px);text-shadow:0 0 24px #bcffd577}.orbit{position:absolute;inset:35px 6px;border:1px solid #afdbba25;border-radius:50%;transform:rotate(-32deg) scaleY(.64)}.orbit-two{inset:8px 28px;transform:rotate(34deg) scaleX(.6);border-color:#afdbba19}.orbit-three{inset:5px;border-style:dashed;border-color:#afdbba13;transform:rotate(-32deg) scaleY(.84)}.orbit-point{position:absolute;width:8px;height:8px;background:#d0ecca;border-radius:50%;box-shadow:0 0 18px #d0ecca77}.point-one{left:36px;top:214px}.point-two{right:52px;top:97px;width:4px;height:4px;background:#a3c8b0}.orbit-label{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.25em;color:#80a38d}.readings{padding-top:29px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading{display:flex;align-items:baseline;gap:14px}.section-number{font-size:10px;font-family:monospace;color:#708a7b}h2{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:0}#status{color:var(--muted);font-size:11px;line-height:1.6;margin:9px 0 22px}button{display:flex;align-items:center;gap:8px;border:1px solid #94c0a733;border-radius:30px;padding:10px 16px;color:#deeee3;background:#c0f4d107;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s}button svg{width:15px;height:15px}button:hover{background:#c0f4d119;border-color:#b8f5cc66}button:disabled{opacity:.5;cursor:wait}button:disabled svg{animation:turn 1s linear infinite}:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{--tone:#b8f5cc;--wash:#234235;position:relative;min-width:0;padding:25px 27px 22px;border:1px solid #b8f5cc24;border-radius:22px;background:radial-gradient(ellipse at 100% 0,var(--wash),transparent 70%),linear-gradient(150deg,#15221b,#0e1b17);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.card[data-tone="blue"]{--tone:#b6dafa;--wash:#203848;background:radial-gradient(ellipse at 100% 0,var(--wash),transparent 70%),linear-gradient(150deg,#16232a,#101d23);border-color:#b6dafa24}.card[data-tone="amber"]{--tone:#f3d3a4;--wash:#443a29;background:radial-gradient(ellipse at 100% 0,var(--wash),transparent 70%),linear-gradient(150deg,#27251b,#1c2119);border-color:#f3d3a424}.card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--tone) 7%,transparent);border-radius:50%;right:-141px;top:54px;box-shadow:0 0 0 24px color-mix(in srgb,var(--tone) 2%,transparent),0 0 0 49px color-mix(in srgb,var(--tone) 2%,transparent);pointer-events:none}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tone) 45%,transparent);box-shadow:0 18px 42px #0003}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.sensor-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:var(--tone);background:color-mix(in srgb,var(--tone) 7%,transparent);border:1px solid color-mix(in srgb,var(--tone) 13%,transparent)}.sensor-icon svg{width:21px;height:21px}.badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#c9d8ce}.badge:before{content:"";width:4px;height:4px;background:var(--tone);border-radius:50%}.location{margin-top:27px;position:relative;z-index:1}.sensor-index{font:9px monospace;letter-spacing:.16em;color:color-mix(in srgb,var(--tone) 65%,#707d74);margin:0 0 7px}.card h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.temperature{display:flex;align-items:flex-start;gap:6px;margin:28px 0 31px;color:var(--tone);position:relative;z-index:1;white-space:nowrap}.temperature strong{font-size:clamp(65px,6.3vw,91px);font-weight:400;letter-spacing:-.065em;line-height:1;font-variant-numeric:tabular-nums}.temperature>span{font-size:23px;font-weight:400;padding-top:9px;letter-spacing:-.05em;opacity:.7}.humidity>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a5b7ad}.humidity>div>span{display:flex;gap:7px;align-items:center}.humidity svg{width:14px;height:14px;color:var(--tone)}.humidity strong{font-size:17px;font-weight:500;color:var(--tone);font-variant-numeric:tabular-nums}.humidity progress{display:block;width:100%;height:3px;border:0;border-radius:10px;overflow:hidden;margin:12px 0 24px;background:#ffffff0d;appearance:none}.humidity progress::-webkit-progress-bar{background:#ffffff0d}.humidity progress::-webkit-progress-value{background:var(--tone);border-radius:10px}.humidity progress::-moz-progress-bar{background:var(--tone)}.humidity progress[hidden]{display:none}.card-footer{border-top:1px solid #ffffff10;padding-top:15px}.retrieved{font-size:9px;color:#b4c4ba;line-height:1.7;margin:0}.measurement{font-size:9px;line-height:1.7;color:#80968a;margin:3px 0 0}.card.stale .badge,.card.unavailable .badge{color:#f7d29a}.card.stale .badge:before,.card.unavailable .badge:before{background:#f7b764}.card.unavailable .temperature{opacity:.45}.empty{border:1px solid var(--line);border-radius:22px;background:#15261c66;text-align:center;padding:40px 24px}.empty-icon{color:var(--mint);font-size:80px;line-height:1}.empty h3{font-size:22px;font-weight:500;margin:6px 0 12px}.empty p{font-size:13px;line-height:1.8;color:var(--muted);max-width:450px;margin:auto}.notice{border:1px solid #cda16a44;background:#cda16a0c;color:#e0c5a1;padding:14px 18px;border-radius:12px;font-size:12px;line-height:1.6;margin:0 0 18px}.about{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin:28px 0 39px;padding:23px 0 0}.about-lead{display:flex;gap:13px;align-items:center;flex-shrink:0}.info-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #7e9d8b3d;border-radius:50%;font-family:serif;font-style:italic;color:#a9c3b1;font-size:14px}.about-lead p{font-size:11px;color:#809b89;line-height:1.7;margin:0}.about-lead strong{font-weight:400;color:#bdcec3}details{max-width:580px;padding-top:6px}summary{list-style:none;font-size:11px;color:#b0c7b8;cursor:pointer;text-align:right}summary::-webkit-details-marker{display:none}summary>span{margin-left:24px;font-size:16px;display:inline-block;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;line-height:1.8;margin:18px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 32px;font-size:9px;color:#809588}footer a{color:#bed0c2}.top{display:grid;place-items:center;border:1px solid #ffffff16;border-radius:50%;width:29px;height:29px;font-size:14px}[hidden]{display:none!important}.grid:empty{display:none}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.hero{padding-top:77px}.hero-bottom{margin-top:57px}.orbital{right:70px;top:30px;transform:scale(1.12)}}@media(max-width:1050px){.page{width:calc(100% - 64px)}.orbital{right:-20px;top:31px;transform:scale(.78);transform-origin:right center}.hero-copy{max-width:75%}.card{padding:21px 21px 19px}.temperature strong{font-size:67px}.card h3{font-size:21px}.badge{font-size:8px}.grid{gap:12px}}@media(max-width:760px){.page{width:calc(100% - 40px)}nav{min-height:87px}.brand{font-size:9px;gap:10px}.brand-sub{font-size:9px}.back{font-size:10px;gap:10px}.hero{padding-top:41px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:22px}.hero-copy{max-width:none}h1{font-size:clamp(46px,9vw,65px)}.intro{font-size:12px;margin-top:21px}.orbital{display:none}.hero-bottom{margin-top:32px;padding-bottom:20px}.clock-label{font-size:8px;gap:8px}.clock-label time{font-size:10px}.source{font-size:10px}.readings{padding-top:25px}.grid{grid-template-columns:1fr;gap:16px}#status{font-size:10px;max-width:90%}.card{padding:24px 27px 22px}.card h3{font-size:25px}.card-top{position:absolute;right:25px;left:27px;top:25px}.sensor-icon{width:32px;height:32px}.location{margin:58px 0 0}.sensor-index{font-size:9px}.temperature{margin:20px 0 27px}.temperature strong{font-size:86px}.temperature>span{font-size:26px}.badge{font-size:10px}.humidity>div{font-size:12px}.retrieved,.measurement{font-size:10px}.about{gap:25px;flex-direction:column;margin:28px 0}.about-lead p{font-size:12px}details{max-width:none;width:100%}summary{text-align:left;font-size:12px;display:flex;justify-content:space-between}footer{font-size:9px;gap:16px}#cadence{order:3;width:100%}.top{margin-left:auto}.back{font-size:0}.back>span{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the measurements close to the opening view. */
@media(min-width:761px){nav{min-height:90px}.hero{padding-top:40px}h1{font-size:clamp(48px,5.7vw,80px)}.hero-bottom{margin-top:30px}.orbital{top:-2px;transform:scale(.86);transform-origin:right center}.intro{margin-top:20px;font-size:13px}.eyebrow{margin-bottom:20px}}
.retrieved{font-size:10px}.measurement{font-size:10px}.badge{font-size:10px}#status{font-size:12px}footer{font-size:10px}.brand{font-size:11px}.back{font-size:12px}
@media(max-width:760px){.brand{font-size:9px}.back{font-size:0}#status{font-size:11px}}