@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#dce8d6;--muted:#7e9986;--lime:#b9f561;--green:#2d8150;--line:#254737;--bg:#07110d;--panel:#0a1811;--orange:#ffb34d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#163322 0,transparent 28%),var(--bg);color:var(--ink);font:15px 'IBM Plex Mono',monospace}body:before{content:"";position:fixed;inset:0;opacity:.075;pointer-events:none;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px)}header,main{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:26px;letter-spacing:4px}h1 span{color:var(--lime)}button{font:inherit;color:var(--ink);border:1px solid var(--green);background:transparent;padding:10px 14px;cursor:pointer}.clock{color:var(--lime);margin-left:auto;margin-right:20px}.eyebrow,.label{color:var(--lime);font-size:11px;letter-spacing:1.4px}.hero{padding:54px 28px 40px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:clamp(27px,4vw,48px);max-width:680px;margin:9px 0}.sub{color:var(--muted);max-width:640px;line-height:1.6}.sun-orbit{width:190px;height:112px;position:relative;overflow:hidden}.arc{position:absolute;width:210px;height:210px;border:1px solid var(--green);border-radius:50%;bottom:-170px;left:-10px}.sun{position:absolute;left:79px;bottom:20px;color:var(--orange);font-size:52px;text-shadow:0 0 25px #ff8c2288}.grid{display:grid;gap:12px;padding:0 28px}.astro{grid-template-columns:repeat(4,1fr)}article,.alerts{background:linear-gradient(135deg,#0e2117,#09140e);border:1px solid var(--line);padding:18px;min-height:124px}article strong{font:600 27px 'Space Grotesk',sans-serif;display:block;margin:10px 0 4px}article p:not(.label){font-size:12px;color:var(--muted);line-height:1.5}.section-title{margin:46px 28px 14px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.section-title h3{letter-spacing:1px;font-size:18px}.section-title span,.section-title a{color:var(--muted);font-size:11px;text-decoration:none}.weather{grid-template-columns:1.4fr repeat(3,1fr)}.weather .big strong{font-size:52px;color:var(--lime);display:inline}.unit{color:var(--lime);font-size:18px}.columns{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:0 0 0}.columns .section-title{margin-top:46px}.bands,.events{margin:0 28px}.band{display:grid;grid-template-columns:86px 1fr 44px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.bar{height:8px;background:#15291d}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime))}.score{text-align:right;color:var(--lime)}.fine{color:var(--muted);font-size:11px;line-height:1.55;margin:12px 28px}.event{border-left:2px solid var(--orange);padding:7px 10px;margin-bottom:10px;background:#0a1610}.event strong{display:block;font-family:'Space Grotesk';font-size:15px}.event p{font-size:11px;color:var(--muted);margin-top:3px}.images{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 28px}.images figure{margin:0;background:#09140e;border:1px solid var(--line)}.images img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:saturate(.86) contrast(1.08)}figcaption{font-size:10px;color:var(--muted);padding:6px}.alerts{margin:38px 28px 0;min-height:auto}.alerts>div{margin-top:8px;color:var(--muted);font-size:12px;white-space:pre-line;max-height:128px;overflow:auto}footer{padding:28px;color:#496453;font-size:10px;line-height:1.55}dialog{width:min(520px,calc(100% - 30px));background:#0c1b13;color:var(--ink);border:1px solid var(--green);padding:26px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#000b}dialog h2{margin:8px 0 24px}.close{float:right;border:0;font-size:25px;padding:0}.coord{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:var(--muted);font-size:12px;margin:12px 0}input{display:block;width:100%;margin-top:5px;padding:10px;background:#07110d;border:1px solid var(--line);color:var(--ink);font:inherit}.primary{margin-top:14px;background:var(--green);color:#fff;border:0;width:100%}.or{text-align:center;color:var(--muted);font-size:11px;margin:16px}.result{display:block;width:100%;text-align:left;border-color:var(--line);font-size:11px;padding:8px;margin-top:5px}@media(max-width:760px){header{padding:18px}.clock{display:none}.hero{padding:34px 18px 28px}.sun-orbit{display:none}.astro,.weather{grid-template-columns:repeat(2,1fr);padding:0 18px}.columns{grid-template-columns:1fr}.section-title{margin-left:18px;margin-right:18px}.bands,.events{margin-left:18px;margin-right:18px}.images{grid-template-columns:repeat(2,1fr);padding:0 18px}.alerts{margin-left:18px;margin-right:18px}article strong{font-size:22px}}