@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f5f0;--card:#fffefa;--text:#28372c;--muted:#849084;--line:#e7e9df;--green:#53745a;--soft:#eef3e9;--gold:#d9a74b;--field:#fafaf6;--shadow:0 5px 25px #35422a03;color-scheme:light}html[data-theme=dark]{--bg:#171e1a;--card:#202a23;--text:#e4eadf;--muted:#a0afa2;--line:#364337;--green:#a4c891;--soft:#2c3b2b;--gold:#e4b965;--field:#263129;--shadow:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit}.shell{max-width:1100px;margin:auto;padding:0 46px}header{height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.utility-header{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center}.utility-sun{display:grid;place-items:center;width:31px;height:31px;color:var(--gold)}.utility-sun svg{width:27px;height:27px;overflow:visible}.utility-sun circle{fill:currentColor}.utility-sun path{fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round}.brand{font:800 29px Manrope,sans-serif;text-decoration:none;letter-spacing:-1.5px}.brand-icon{font-size:38px;vertical-align:-3px;margin-right:7px;color:var(--green)}.brand-dot{color:var(--green)}.header-right{display:flex;align-items:center;gap:25px}.header-tag,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.header-tag{color:var(--muted);font-size:9px}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:37px;height:37px;color:var(--text);font-size:22px}.intro{display:flex;justify-content:space-between;align-items:center;padding:51px 0 36px}.eyebrow{color:var(--green)}.tiny-sun{font-size:15px;margin-right:6px}h1{font:500 43px/1.23 Manrope,sans-serif;letter-spacing:-2px;margin:16px 0 13px}p{line-height:1.6}.intro p{color:var(--muted);font-size:13px}.mobile-break{display:none}.intro-art{position:relative;width:190px;height:140px;overflow:hidden;margin-right:21px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:150px;height:150px;left:20px;top:18px}.orbit-two{width:110px;height:110px;left:40px;top:38px}.art-sun{position:absolute;width:58px;height:58px;left:66px;top:59px;background:#e4bd74;border-radius:50%;box-shadow:0 0 40px #e6c78e30}.horizon{position:absolute;top:105px;width:100%;height:40px;background:var(--bg);border-top:1px solid var(--green)}.intro-art span{position:absolute;top:121px;font-size:8px;letter-spacing:2px;width:100%;text-align:center;color:var(--muted)}main{padding-top:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:27px 30px;margin-bottom:19px;box-shadow:var(--shadow)}.location-card{padding-top:21px;padding-bottom:21px}.location-card .controls{margin-top:18px}.location-top{display:flex;align-items:center;justify-content:space-between}h2{font:650 23px Manrope,sans-serif;letter-spacing:-.7px;margin:11px 0 6px}.location-top h2{display:flex;align-items:center;gap:8px}.pin{width:19px;height:22px;color:var(--green)}#country{font:400 12px 'DM Sans';color:var(--muted);margin-left:7px;letter-spacing:0}.small{font-size:12px}.muted{color:var(--muted)}#coordinates{margin:0 0 2px}.subtle-button{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 13px;color:var(--text);font-size:11px}.subtle-button span{font-size:17px;margin-right:5px}.controls{display:flex;gap:13px;align-items:end;margin-top:24px}label{display:block;font-size:9px;letter-spacing:1.3px;font-weight:650;margin-bottom:8px;color:var(--muted)}input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);background:var(--field);height:43px}.search-wrap{position:relative;flex:1}.search-input{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--field);align-items:center;padding-left:12px}.search-input svg{width:17px;color:var(--muted)}.search-input input{border:0;width:100%;background:none;font-size:12px}.search-input button{border:0;background:transparent;color:var(--muted);padding:10px}.date-control input{width:148px;font-size:12px}.time-control input{width:116px;font-size:12px}.now-button{height:43px;border:1px solid var(--line);border-radius:8px;color:var(--green);background:var(--soft);padding:0 14px;font-size:11px;white-space:nowrap}.live-dot,.green-dot,.gold-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.gold-dot{background:var(--gold)}.search-results{position:absolute;top:100%;width:100%;margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:10px;z-index:5;box-shadow:0 8px 20px #0002;max-height:300px;overflow:auto}.search-results button{display:block;width:100%;padding:13px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text)}.search-results button:hover{background:var(--soft)}.search-results small{display:block;color:var(--muted);margin-top:4px}.message{color:var(--green);margin-bottom:0}.card-heading{display:flex;align-items:center;justify-content:space-between}.badge{font-size:10px;color:var(--green);background:var(--soft);border-radius:20px;padding:7px 12px}.badge.high{color:#a37521;background:#e9bb6224}.metrics{display:flex;padding:12px 0 11px;align-items:center}.main-metric{width:45%}.metric-label{font-size:12px;color:var(--muted)}.info{font-size:11px;margin-left:4px}.elevation{font:500 56px/1.15 Manrope;letter-spacing:-4px;margin-top:8px;display:flex;align-items:center}.degree{font-size:37px;align-self:flex-start;margin-top:4px}.elevation-icon{width:70px;margin-left:16px;color:var(--gold)}.metrics p{margin:7px 0 0}.secondary-metric{width:30%;padding-left:22px;border-left:1px solid var(--line)}.peak-value{font:500 32px Manrope;letter-spacing:-2px;margin-top:13px}.peak-value>span:nth-child(2){font-size:22px}.peak-arrow{font-size:24px;color:var(--gold);margin-left:8px}.direction-metric{padding-left:20px;border-left:1px solid var(--line)}.direction-value{font:500 30px Manrope;margin-top:15px}.graph-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 8px}h3{font-size:12px;font-weight:550;margin:0}.legend{display:flex;gap:17px;font-size:10px;color:var(--muted)}.chart-wrap{width:100%;overflow:hidden}.chart-reset{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:inherit;cursor:pointer}#chart{width:100%;display:block;overflow:visible;cursor:pointer}#chart text{font-family:'DM Sans';font-size:11px;fill:var(--muted)}.scrubber{padding:0 12px 0 34px}.scrubber input{width:100%;height:12px;padding:0;accent-color:var(--green);cursor:ew-resize}.scrubber-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:8px 0 23px}.sun-events{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-around;color:var(--muted);font-size:11px}.sun-events>div{display:flex;align-items:center;gap:10px}.sun-events strong{font-weight:500;color:var(--text);margin-left:9px}.event-icon{font-size:21px;color:var(--gold)}.windows-heading{display:flex;justify-content:space-between;align-items:center}.windows-heading h2{margin-top:10px}.windows-heading h2 .green-dot{margin-left:12px;vertical-align:middle}.windows-heading p{margin:7px 0 0}.threshold-pill{border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:8px;letter-spacing:1px;color:var(--muted)}.threshold-pill strong{font-size:13px;color:var(--text);margin-left:6px}.window-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.window-block{display:flex;gap:18px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:22px}.window-symbol{font-size:26px;color:var(--green);padding-top:7px}.window-block h3{font-size:11px;color:var(--green)}.window-time{font:500 23px Manrope;letter-spacing:-.8px;margin-top:8px}.window-block p{font-size:10px;color:var(--muted);margin:8px 0 0}.window-summary{font-size:11px;color:var(--green);margin-top:19px;line-height:1.6}.health-note{display:flex;gap:12px;padding:5px 7px;color:var(--muted);font-size:11px}.health-note strong{font-weight:550;color:var(--text)}.health-icon{font-size:16px;padding-top:10px}.health-note a{text-underline-offset:3px}.method{margin:22px 8px 37px;font-size:11px;color:var(--muted)}.method summary{cursor:pointer;list-style:none;font-size:10px}.method summary span{margin-left:10px}footer{padding:25px 0 33px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .brand{font-size:19px;letter-spacing:-1px;color:var(--green)}.footer-theme{flex:0 0 auto}button:hover{filter:brightness(.96)}@media(min-width:1400px){.shell{max-width:1160px}.intro{padding-top:57px;padding-bottom:42px}.card{padding:29px 34px}}@media(max-width:760px){main{padding-top:14px}.utility-header{height:48px}.card.location-card{padding-top:14px;padding-bottom:14px}.location-card .controls{margin-top:15px}.shell{padding:0 20px}header{height:79px}.header-tag{display:none}.intro{padding:30px 0 24px}.intro-art{width:120px;flex-shrink:0;margin-right:0;transform:scale(.85);transform-origin:right center}.intro h1{font-size:33px;letter-spacing:-1.5px}.intro p{max-width:310px;font-size:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.card{padding:22px}.controls{flex-wrap:wrap;gap:10px}.search-wrap{flex-basis:100%}.date-control{flex:0 0 156px}.date-control input{width:100%}.location-top h2{font-size:20px;flex-wrap:wrap}#country{display:none}.subtle-button{font-size:10px;padding:8px}.secondary-metric{padding-left:20px;width:33%}.main-metric{width:67%}.direction-metric{display:none}.elevation{font-size:47px}.elevation-icon{width:55px;margin-left:9px}.peak-value{font-size:28px}.legend{gap:9px;font-size:8px}.graph-heading h3{font-size:11px}.sun-events strong{display:block;margin:4px 0 0}.sun-events{justify-content:space-between}.window-grid{gap:12px}.window-block{padding:16px 12px;gap:9px}.window-time{font-size:19px}.window-symbol{font-size:20px}.windows-heading h2{font-size:21px}.threshold-pill{display:none}.window-block p{font-size:9px}.scrubber{padding-left:15px}.header-right{gap:0}.health-note{font-size:10px}#chart{min-height:175px}.footer-theme{display:block}}@media(max-width:400px){.shell{padding:0 13px}.card{padding:18px}.intro-art{display:none}.elevation-icon{display:none}.window-time{font-size:17px}.window-symbol{display:none}.time-control input{width:105px}.now-button{padding:0 9px}}