:root{--ink:#13211d;--paper:#f1f0e9;--acid:#d8ff52;--line:#13211d38;--white:#fafaf5}*{box-sizing:border-box}html{background:var(--ink);color:var(--ink);font-family:Inter,Helvetica Neue,Arial,sans-serif}body{background:radial-gradient(circle at 82% 16%, #d8ff5224, transparent 21rem), var(--paper);min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,76px);display:flex}.brand{color:inherit;letter-spacing:.16em;align-items:center;gap:12px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--acid);border-radius:50%;place-items:center;font-size:20px;display:grid}.live{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.live i{background:#38a855;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #38a8551f}.hero{border-bottom:1px solid var(--line);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(280px,.8fr) minmax(390px,1fr);column-gap:clamp(48px,9vw,150px);min-height:700px;padding:clamp(54px,8vw,110px) clamp(22px,7vw,110px) 74px;display:grid}.eyebrow,legend,label>span,.result-kicker,.metrics span,.timeline-title,footer,.model-note{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.eyebrow{grid-column:1;padding-bottom:18px}h1{letter-spacing:-.075em;grid-column:1;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,8vw,132px);font-weight:400;line-height:.8}.intro{grid-column:1;align-self:end;max-width:480px;margin:52px 0 0;font-size:17px;line-height:1.55}.forecast-form{border-top:1px solid var(--ink);grid-area:1/2/4}fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:28px 0 34px}legend{float:left;width:100%;margin-bottom:24px}.coordinate-grid{clear:both;grid-template-columns:1fr 1fr;gap:12px;display:grid}.coordinate-grid label{position:relative}label>span{margin-bottom:8px;display:block}input[type=number]{border:1px solid var(--line);width:100%;height:58px;color:var(--ink);background:#ffffff6b;border-radius:0;padding:0 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}input:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #62a900}.locate{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;margin-top:14px;padding:0;font-size:12px;font-weight:800;line-height:28px}.locate:hover{border-color:#0000}.helper{color:#63706b;margin-left:13px;font-size:11px;display:inline}.duration-options{clear:both;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duration-options label{cursor:pointer;position:relative}.duration-options input{opacity:0;position:absolute}.duration-options span{border:1px solid var(--line);justify-content:center;align-items:center;gap:5px;height:64px;margin:0;transition:all .16s;display:flex}.duration-options b{font-size:16px}.duration-options input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--white)}.duration-options input:focus-visible+span{outline-offset:3px;outline:3px solid #62a900}.submit-button{border:1px solid var(--ink);background:var(--acid);cursor:pointer;letter-spacing:.12em;justify-content:space-between;align-items:center;width:100%;height:72px;margin-top:30px;padding:0 24px;font-size:12px;font-weight:950;transition:transform .16s,box-shadow .16s;display:flex}.submit-button span{font-size:24px}.submit-button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-3px,-3px)}.result-panel{background:var(--ink);min-height:560px;color:var(--white);padding:clamp(54px,7vw,100px) clamp(22px,9vw,150px)}.empty-state,.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}[hidden]{display:none!important}.weather-orbit{border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:140px;height:140px;margin-bottom:20px;display:grid;position:relative}.weather-orbit:after{content:"";border:1px dashed #d8ff5280;border-radius:50%;position:absolute;inset:18px}.cloud{z-index:1;font-size:54px}.drop{color:var(--acid);font-size:12px;position:absolute;top:22px;right:9px}.empty-state p,.loading-state p{margin:0 0 8px;font-family:Georgia,serif;font-size:25px}.empty-state small{color:#9caaa5}.loader{border:2px solid #ffffff2e;border-top-color:var(--acid);border-radius:50%;width:52px;height:52px;margin-bottom:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state>span{color:#ff8c75;border:1px solid #ff8c75;border-radius:50%;place-items:center;width:54px;height:54px;font-family:Georgia,serif;font-size:30px;display:grid}.error-state h2{margin:20px 0 5px;font-family:Georgia,serif;font-weight:400}.error-state p{color:#aab6b2}.forecast-result{max-width:1100px;margin:0 auto}.result-heading{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:34px;display:flex}.result-heading h2{letter-spacing:-.05em;max-width:760px;margin:16px 0 0;font-family:Georgia,serif;font-size:clamp(46px,6vw,84px);font-weight:400;line-height:.95}.risk-badge{color:var(--acid);letter-spacing:.12em;white-space:nowrap;border:1px solid;padding:12px 15px;font-size:10px;font-weight:900}.risk-badge.medium{color:#ffd45c}.risk-badge.high{color:#ff8c75}.metrics{border-bottom:1px solid #ffffff2e;grid-template-columns:1fr 1fr;display:grid}.metrics>div{padding:30px 0}.metrics>div+div{border-left:1px solid #ffffff2e;padding-left:40px}.metrics span{color:#91a09a;display:block}.metrics strong{color:var(--acid);margin-top:10px;font-family:Georgia,serif;font-size:clamp(44px,6vw,72px);font-weight:400;display:block}.metrics small{font-family:Inter,Arial,sans-serif;font-size:14px}.timeline-section{border-bottom:1px solid #ffffff2e;padding:30px 0}.timeline-title{color:#91a09a;justify-content:space-between;display:flex}.timeline{align-items:flex-end;gap:7px;min-height:125px;margin-top:24px;display:flex}.timeline-item{text-align:center;flex:1;min-width:34px}.timeline-bar-wrap{align-items:flex-end;height:75px;display:flex}.timeline-bar{background:var(--acid);opacity:.88;width:100%;min-height:3px}.timeline-item time{color:#91a09a;margin-top:8px;font-family:ui-monospace,monospace;font-size:9px;display:block}.result-detail{margin:28px 0 12px;font-size:16px;line-height:1.55}.model-note{color:#7e8e88;margin:0;line-height:1.6}footer{color:#5f6a66;background:var(--paper);justify-content:space-between;gap:30px;padding:28px clamp(22px,5vw,76px);display:flex}footer p{margin:0;line-height:1.6}footer b{color:var(--ink)}@media (width<=860px){.hero{min-height:auto;display:block}h1{margin-bottom:30px}.intro{margin:0 0 60px}.forecast-form{max-width:none}}@media (width<=560px){.topbar{height:66px}.live{font-size:0}.live i{margin:0}.hero{padding-top:54px}h1{font-size:67px}.coordinate-grid{grid-template-columns:1fr}.helper{margin:8px 0 0;display:block}.duration-options span{letter-spacing:.08em;height:58px}.result-panel{padding-left:20px;padding-right:20px}.result-heading{display:block}.risk-badge{margin-top:22px;display:inline-block}.metrics>div+div{padding-left:20px}.metrics strong{font-size:40px}footer{display:block}footer p+p{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}