:root{--ice:#ecf8ff;--muted:#b3c3df;--line:#c6ddff32;--mint:#aaf3e3;--navy:#10152f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ice);font-family:"Helvetica Neue",Arial,sans-serif;isolation:isolate}button,input{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 2% 45%,#18535c80,transparent 58%),radial-gradient(ellipse at 60% 8%,#4f3eac65,transparent 60%),linear-gradient(145deg,#101e38,#181c42 60%,#10192c)}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,#e4f8ff 1px,transparent 1.5px),radial-gradient(circle,#d0efff .8px,transparent 1.2px);background-size:147px 167px,241px 207px;background-position:13px 19px,92px 73px}.skip{position:fixed;top:10px;left:10px;background:var(--ice);color:var(--navy);padding:15px;z-index:10;transform:translateY(-150%)}.skip:focus{transform:none}header,main,footer{width:min(1500px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px 0;border-bottom:1px solid var(--line)}.brand{font-size:35px;letter-spacing:-1.4px;font-weight:750;text-decoration:none}.brand>span{color:var(--mint);margin-left:4px;font-weight:300}.header-note{font:9px/1.8 monospace;letter-spacing:2px;margin-right:auto;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.header-actions>a{text-decoration:none;padding:10px 0}.header-actions>a:hover{text-decoration:underline;text-underline-offset:5px}#motion{padding:10px 13px;color:var(--muted);border:1px solid var(--line);border-radius:30px;background:#ffffff08;font-size:10px}#motion:hover{color:var(--ice);border-color:var(--ice)}#motion:disabled{cursor:default;opacity:1}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font:9px/1.6 monospace;letter-spacing:1.5px;color:var(--muted)}.masthead p{margin:0;display:flex;align-items:center;gap:9px}.masthead i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px var(--mint)}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}.conditions{min-height:570px;position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:linear-gradient(155deg,#27476655,#25385820 40%,#1a234f10);display:flex;flex-direction:column;padding:35px 38px 0}.place{position:relative;z-index:3;max-width:100%}#region{font:9px/1.6 monospace;letter-spacing:1.6px;color:var(--mint);margin:0 0 18px}h1{font-size:clamp(42px,4.9vw,76px);font-weight:350;letter-spacing:-3px;line-height:1.07;margin:0;max-width:100%;overflow-wrap:anywhere}#coordinates{font:10px/1.8 monospace;color:var(--muted);letter-spacing:.4px;margin:14px 0}.sky{position:absolute;inset:0;z-index:-1;overflow:hidden}.aurora{position:absolute;width:90%;height:95%;left:32%;top:-30%;transform:rotate(-30deg);filter:blur(34px);opacity:.7;background:linear-gradient(105deg,transparent 20%,#68e4ce65 36%,#7b8cf580 47%,#b7b7ff32 57%,transparent 68%);animation:sky-drift 18s ease-in-out infinite alternate;transform-origin:50% 100%}.orbits{position:absolute;left:-30%;width:160%;height:650px;bottom:-510px;border-radius:50%;background:linear-gradient(180deg,#6ce0d429,#122744 30%,#0d142d);border-top:1px solid #d4ffffbf;box-shadow:0 -4px 55px #a4e8ef33,0 -35px 85px #c5cbff15}.orbits:before{content:"";position:absolute;inset:-32px -45px;border:1px solid #d2e6ff28;border-radius:50%}.orbits:after{content:"";position:absolute;inset:-85px -100px;border:1px solid #c5ddff10;border-radius:50%}.sun{position:absolute;width:115px;height:115px;right:14%;top:38%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f2fbff,#accddf 75%,#708eb8);box-shadow:0 0 55px #d1dfff33,0 0 120px #a9bbff1c}.sky[data-sky=idle] .sun{opacity:.65}.sky[data-sky=clear] .sun{background:radial-gradient(circle at 30% 25%,#fff8e2,#edce8e 70%,#bba4c7);box-shadow:0 0 65px #f6dba455,0 0 150px #f0d4a91c}.sky[data-night=true] .sun,.sky[data-sky=night] .sun{background:#d7e3f3;box-shadow:inset -30px -8px #344264,0 0 75px #c7dbff25}.cloud{display:none;position:absolute;width:160px;height:45px;right:10%;top:51%;border-radius:60px;background:linear-gradient(#d6e5f1,#a2b8d4);box-shadow:0 20px 40px #0d142d80;opacity:.95}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:75px;height:75px;left:25px;top:-38px}.cloud:after{width:59px;height:59px;right:22px;top:-25px}.sky[data-sky=cloud] .cloud,.sky[data-sky=rain] .cloud,.sky[data-sky=snow] .cloud,.sky[data-sky=storm] .cloud{display:block}.sky[data-sky=fog] .sun{filter:blur(15px);opacity:.5}.sky[data-sky=rain] .rain,.sky[data-sky=storm] .rain{position:absolute;right:12%;top:60%;height:55px;width:120px;background:repeating-linear-gradient(112deg,transparent 0 18px,#a5d8f0aa 19px 20px,transparent 21px 31px)}.sky[data-sky=snow] .rain{position:absolute;right:12%;top:60%;height:55px;width:120px;background:radial-gradient(circle,#e8f5ff 1.5px,transparent 2px) 0 0/22px 23px}.sky-caption{position:absolute;right:7%;bottom:25%;font:8px monospace;letter-spacing:1.2px;color:#d0dff185;writing-mode:vertical-rl}.reading{position:relative;z-index:2;margin-top:auto;padding-top:45px;max-width:100%;padding-bottom:40px}.temperature-line{display:flex;align-items:start;min-width:0}.temperature{font-size:clamp(125px,15vw,225px);letter-spacing:-12px;font-weight:200;line-height:.95;font-variant-numeric:tabular-nums}.temp-unit{font-size:32px;font-weight:300;line-height:1;margin:12px 0 0 12px;color:var(--mint)}.condition-meta{display:flex;align-items:center;gap:20px;margin-top:15px}#summary{font-size:18px;font-weight:400;margin:0}#updated{font:9px/1.6 monospace;margin:0;color:var(--muted)}.horizon-note{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #c6ddff20;font:8px/1.5 monospace;letter-spacing:1.8px;color:var(--muted);z-index:2}.horizon-note>span:last-child{font:22px Arial;color:var(--mint)}aside{padding:27px 25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#f0edff0c,#c1dbff05);backdrop-filter:blur(20px);min-width:0;align-self:start;scroll-margin-top:20px}.rail-heading{display:flex;align-items:center;gap:10px}.rail-icon{font-size:23px;font-weight:300;color:var(--mint)}.eyebrow{font:8px/1.6 monospace;letter-spacing:1.5px;color:var(--muted);margin:0}h2{font-size:25px;font-weight:350;letter-spacing:-.8px;line-height:1.3;margin:19px 0 27px}label,.quick>span,.unit-row>span{font:8px/1.6 monospace;letter-spacing:1.2px;color:var(--muted)}label{display:block;margin-bottom:8px}.search-box{display:flex;gap:10px;border:1px solid #c6ddff55;border-radius:12px;padding:5px 5px 5px 13px;background:#08162d35}input{width:100%;min-width:0;border:0;background:transparent;color:var(--ice);font-size:16px;padding:8px 0}input::placeholder{color:#a2b4d1}.search-box button{width:38px;min-height:40px;flex-shrink:0;border:0;border-radius:8px;background:var(--mint);color:#102938;font-size:23px}.search-box button:hover{background:var(--ice)}#results{display:flex;flex-direction:column;gap:6px;margin-top:8px}#results:empty{margin:0}#results button{font-size:12px;line-height:1.5;text-align:left;color:var(--ice);background:#182c47;border:1px solid #abc3eb60;border-radius:10px;padding:12px;cursor:pointer}#results button:hover{background:#2d4264}#status{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 21px;min-height:37px}.quick{display:flex;flex-wrap:wrap;gap:7px}.quick>span{width:100%;margin-bottom:5px}.quick button{display:flex;align-items:center;gap:9px;padding:9px 10px;background:transparent;color:var(--ice);border:1px solid var(--line);border-radius:20px;font-size:10px}.quick button:hover{border-color:var(--mint)}.quick i{font-style:normal;color:var(--mint)}.unit-row{padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.unit-switch{display:flex;padding:3px;background:#0c1831;border:1px solid var(--line);border-radius:30px}.unit-switch button{border:0;background:none;color:var(--muted);font-size:10px;padding:9px 11px;border-radius:25px;white-space:nowrap}.unit-switch [aria-pressed=true]{background:var(--ice);color:#142038}details{border-top:1px solid var(--line);padding-top:17px;font-size:11px;line-height:1.8;color:var(--muted)}summary{color:var(--ice);cursor:pointer;padding:3px 0}details button{font-size:11px;line-height:1.7;color:var(--mint);background:none;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:35px 0 28px;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:0 25px;border-right:1px solid var(--line);min-width:0}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics>div>span{display:flex;gap:12px;align-items:center;color:var(--muted);font:9px/1.6 monospace;letter-spacing:1.4px}.metrics i{font:20px/1 Arial;color:var(--mint)}.metrics strong{display:block;font-size:clamp(25px,2.6vw,40px);font-weight:300;letter-spacing:-1.2px;margin:20px 0 10px;overflow-wrap:anywhere}.metrics p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.note{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:35px 0}.note>span{font-size:25px;font-weight:300;letter-spacing:-.6px;color:#d3e5f6}.note p{font-size:11px;line-height:1.8;max-width:355px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:25px;padding:23px 0 30px;border-top:1px solid var(--line);font:8px/1.9 monospace;letter-spacing:.4px;color:var(--muted)}footer a{color:var(--mint);text-underline-offset:4px}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}@keyframes sky-drift{to{transform:rotate(-15deg) translate(3%,4%);opacity:.45}}[data-motion=paused] .aurora{animation-play-state:paused}
@media(max-width:1050px){.instrument{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.conditions{padding:30px 25px 0}.temperature{font-size:clamp(100px,14.5vw,170px);letter-spacing:-8px}.temp-unit{font-size:25px}.condition-meta{display:block}#updated{margin-top:10px}.sun{right:8%;width:90px;height:90px}.cloud{right:2%;width:125px;height:38px}.cloud:before{width:60px;height:60px;top:-28px}.cloud:after{width:48px;height:48px;top:-19px}.metrics>div{padding:0 18px}.metrics strong{font-size:28px}}
@media(max-width:760px){header,main,footer{width:90%}header{gap:15px;padding:22px 0}.brand{font-size:30px}.header-note{display:none}.header-actions{gap:15px;font-size:11px}#motion{font-size:9px;padding:8px 10px}.masthead{padding:20px 0;font-size:8px;letter-spacing:1px}.masthead>span{display:none}.instrument{display:flex;flex-direction:column;gap:22px}.conditions{min-height:480px;padding:28px 23px 0;border-radius:22px}.place{max-width:100%}h1{font-size:47px;letter-spacing:-2px}#region{font-size:8px;letter-spacing:1px;margin-bottom:15px}#coordinates{font-size:9px}.temperature{font-size:clamp(92px,27vw,170px);letter-spacing:-8px}.temp-unit{font-size:25px;margin:8px 0 0 10px}.reading{padding:75px 0 29px}.condition-meta{display:block;margin-top:16px}#summary{font-size:18px}#updated{margin-top:9px}.sun{width:90px;height:90px;right:12%;top:30%}.cloud{width:120px;right:8%;top:43%}.sky[data-sky=rain] .rain,.sky[data-sky=storm] .rain,.sky[data-sky=snow] .rain{right:10%;top:53%;width:90px}.sky-caption{display:none}.orbits{height:550px;bottom:-415px;left:-40%;width:180%}.aurora{top:-20%;left:30%;width:120%}.horizon-note{font-size:7px;letter-spacing:1px;padding:17px 0}aside{padding:23px;width:100%;border-radius:22px}.rail-heading{gap:9px}h2{font-size:25px;margin:15px 0 24px}h2 br{display:none}.unit-row{justify-content:start;gap:25px}.quick{gap:8px}.quick button{font-size:11px;padding:10px 12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;margin-top:27px;padding:27px 0}.metrics>div{padding:0 0 0 18px}.metrics>div:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.metrics>div:nth-child(even){border-right:0}.metrics>div>span{font-size:8px;letter-spacing:.8px;gap:8px}.metrics strong{font-size:25px;letter-spacing:-1px;margin-top:14px}.metrics p{font-size:10px;max-width:140px}.note{display:block;padding:29px 0}.note>span{font-size:23px}.note p{margin-top:17px;font-size:10px;max-width:none}footer{flex-direction:column;gap:17px;font-size:8px;padding-top:23px}}
@media(max-width:360px){.header-actions{gap:8px}.header-actions>a{font-size:10px}#motion{font-size:8px;padding:8px}.brand{font-size:26px}.conditions{padding:24px 19px 0}.temperature{font-size:92px;letter-spacing:-6px}.temp-unit{font-size:21px}.metrics strong{font-size:23px}aside{padding:20px}.unit-row{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Vector arrows keep their shape across Safari, system fonts, and emoji sets. */
svg.compat-arrow {
  display: inline-block;
  position: static;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
}