@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f8f6f0;--ink:#35392f;--muted:#7a7d70;--line:#e2e2d7;--accent:#a55f41;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.sky:focus-visible{outline:2px solid #a36943;outline-offset:5px}button:disabled{opacity:.35;cursor:default}.sr-only,.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip:focus{position:fixed;top:12px;left:12px;padding:12px;background:white;z-index:20}header{max-width:1320px;margin:0 auto;height:92px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 8px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-1.1px}.brand svg{width:35px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round}.brand-dot{color:var(--accent)}.header-note{font-size:11px;color:var(--muted);margin-left:-30px}.text-button{font-size:11px;padding:8px 0}.text-button span{margin-left:12px}main{max-width:1160px;margin:0 auto}.intro{text-align:center;padding:45px 0 33px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px}.intro .eyebrow{margin:0 0 15px}.intro .eyebrow>span{color:var(--accent);font-size:19px;vertical-align:-2px;margin-right:8px}h1{font:400 64px/1.1 var(--serif);letter-spacing:-1.3px;margin:0 0 14px}h1 em{font-weight:400;color:#7b816c}.intro>p:last-child{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.explorer{border:1px solid var(--line);border-radius:17px;background:#fcfbf6;box-shadow:0 5px 20px #30302003;overflow:visible}.toolbar{height:70px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.city-control{display:flex;align-items:center;gap:9px;position:relative}.icon{width:16px;height:16px;fill:none;stroke:#929581;stroke-width:1.5;flex-shrink:0}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap>input{width:150px;border:0;background:none;font-weight:550;font-size:13px;padding:8px 20px 8px 0}.search-wrap>span{position:absolute;right:3px;pointer-events:none;font-size:12px}.zone-tag{font-size:9px;border:1px solid #e0e1d5;border-radius:4px;padding:4px 6px;color:#828572;margin-left:7px}.city-results{position:absolute;z-index:9;top:41px;left:-14px;width:265px;max-height:300px;overflow:auto;background:#fffdf8;border:1px solid var(--line);box-shadow:0 10px 30px #30302320;border-radius:10px;padding:7px}.city-results button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:11px 12px;border-radius:6px;font-size:12px}.city-results button:hover,.city-results button[aria-selected=true]{background:#efecdf}.city-results small{font-size:9px;color:var(--muted)}.empty-search{padding:12px;color:var(--muted);font-size:12px;line-height:1.6}.date-nav{display:flex;align-items:center;gap:8px}.date-nav>button:not(.today-button){width:26px;height:32px;font-size:24px;color:#858975;border-radius:5px}.date-nav>button:hover{background:#eeeee3}.date-nav input{font-size:12px;background:none;border:0;padding:5px;max-width:150px}.today-button{font-size:10px;border:1px solid #dedfd3;border-radius:5px;padding:7px 10px;margin-left:8px}.light-summary{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:32px 62px 34px}.light-total p{font-size:9px;letter-spacing:1.4px;margin:0 0 10px;font-weight:600;color:#8a8b79;display:flex;align-items:center;gap:9px}.light-total p span{font-size:16px;line-height:0}.light-total.after{text-align:right}.light-total.after p{justify-content:flex-end;color:#a37949}.duration{font:400 62px/1.05 var(--serif);letter-spacing:-1.4px;white-space:nowrap}.duration small{font:400 19px var(--sans);color:#9a9b8a;letter-spacing:-.5px;margin:0 9px 0 3px}.duration small:last-child{margin-right:0}.before .duration{color:#818675}.after .duration{color:#ad7046}.after .duration small{color:#b19b7d}.selected-moment{text-align:center;align-self:center;padding-top:3px}.selected-moment>.eyebrow{font-size:8px;color:#8e927f;letter-spacing:1.5px}.moment-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 10px}.moment-controls>button{width:25px;height:25px;border:1px solid #e2e3d6;color:#7c826a;border-radius:50%;font-size:14px;line-height:1}.moment-controls>button:hover{background:#eceee1}#selected-time{font-family:var(--serif);font-size:36px;white-space:nowrap;letter-spacing:-.3px}.sky-shell{padding:0 28px}.sky{position:relative;height:310px;border-radius:11px;isolation:isolate;cursor:ew-resize;touch-action:pan-y;overflow:hidden;background:#272d46;user-select:none;-webkit-user-select:none}#sky-svg{width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none}.sky-grain{position:absolute;inset:0;opacity:.10;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.sky-caption{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;color:#fff9ebbd;font-size:8px;letter-spacing:1.5px;font-weight:500;pointer-events:none}.grab-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;background:#fff8e617;color:#fff8e3ba;border:1px solid #fff8e622;padding:6px 11px;border-radius:20px;font-size:9px;pointer-events:none;transition:opacity .3s}.sky.interacted .grab-hint{opacity:0}.sky .atmosphere{animation:breathe 7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.sky .star{animation:twinkle 5s ease-in-out infinite alternate}.sky .star:nth-child(3n){animation-delay:-2s}.sky .star:nth-child(2n){animation-delay:-4s}.hour-axis{display:flex;justify-content:space-between;margin:11px 0 0;padding:0 1px;color:#8d9181;font-size:9px}.hour-axis>span{width:0;white-space:nowrap;display:flex;justify-content:center}.hour-axis>span:first-child{justify-content:flex-start}.hour-axis>span:last-child{justify-content:flex-end}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:21px 0 30px;color:#949883;font-size:10px}footer .text-button{font-size:10px}dialog{background:#fcfaf3;border:1px solid var(--line);color:var(--ink);border-radius:17px;max-width:540px;padding:40px;width:calc(100% - 32px);box-shadow:0 20px 100px #2223}dialog::backdrop{background:#363c3070;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:25px;color:var(--muted)}dialog h2{font:400 38px/1.1 var(--serif);margin:0 0 20px}dialog p,dialog li{font-size:12px;line-height:1.7;color:#6c705f}dialog li{margin-bottom:10px}dialog a{color:var(--accent)}[hidden]{display:none!important}@keyframes breathe{from{opacity:.45}to{opacity:.8}}@keyframes twinkle{from{opacity:.2}to{opacity:.65}}
@media(max-width:1400px){header{margin:0 40px}main{margin:0 70px}.light-summary{padding-left:45px;padding-right:45px}}@media(max-width:1050px){main{margin:0 30px}header{margin:0 30px;height:78px}.intro{padding-top:33px}h1{font-size:56px}.light-summary{padding-left:30px;padding-right:30px}.duration{font-size:55px}.moment-controls{gap:10px}#selected-time{font-size:31px}.zone-tag{display:none}}
@media(max-width:720px){header{margin:0 20px;height:72px}.brand{font-size:21px}.brand svg{width:29px}.header-note{display:none}header .text-button{font-size:10px}main{margin:0 16px}.intro{padding:31px 10px 26px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:16px}h1{font-size:43px;letter-spacing:-.8px;line-height:1.02;max-width:340px;margin:0 auto 15px}h1 em{display:block}.intro>p:last-child{font-size:11px;max-width:290px;margin:auto;line-height:1.7}.toolbar{height:auto;min-height:64px;padding:12px 15px;flex-wrap:wrap;gap:9px}.city-control{gap:6px}.search-wrap>input{width:113px;font-size:11px}.date-nav{gap:1px}.date-nav input{font-size:10px;width:111px;padding:4px 0}.date-nav>button:not(.today-button){width:18px;font-size:21px}.today-button{font-size:8px;margin-left:5px;padding:5px 6px}.light-summary{padding:23px 18px 25px;grid-template-columns:1fr 1fr;gap:20px 0}.selected-moment{grid-column:1/3;grid-row:1;display:flex;flex-direction:column;align-items:center;position:relative}.selected-moment>.eyebrow{font-size:7px}.moment-controls{margin:8px 0;gap:18px}#selected-time{font-size:35px}.light-total p{font-size:7px;letter-spacing:1px;margin-bottom:9px;gap:5px}.light-total p span{font-size:12px}.duration{font-size:48px;letter-spacing:-1.5px}.duration small{font-size:15px;margin-right:5px}.sky-shell{padding:0 13px}.sky{height:270px;border-radius:8px}.sky-caption{top:16px;left:14px;right:14px;font-size:6px;letter-spacing:.8px}.sky-caption>span:last-child{max-width:75px;text-align:right;line-height:1.5}.hour-axis{font-size:7px;margin-top:10px}.hour-axis>span:nth-child(even){visibility:hidden}.grab-hint{font-size:8px;padding:5px 8px;bottom:14px}footer{font-size:9px;padding:18px 3px 24px}footer .text-button{font-size:9px}.city-results{left:-17px;width:250px}dialog{padding:35px 25px}}
@media(max-width:365px){.toolbar{justify-content:center;gap:4px;padding:10px}.city-control{width:100%;justify-content:center}.search-wrap>input{width:140px}.date-nav{width:100%;justify-content:center}.light-summary{padding:20px 13px}.duration{font-size:42px}.light-total p{font-size:6px}.sky{height:240px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}