@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.gap-7{gap:calc(var(--spacing) * 7)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:gap-5{gap:calc(var(--spacing) * 5)}}}:root{color:#fff7e4;font-synthesis:none;text-rendering:optimizelegibility;background:#1c2d43;font-family:Trebuchet MS,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;max-width:100vw;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input{font:inherit}.scene{--sky-top:#263b58;--sky-bottom:#637493;--horizon:#25434c;--hill:#153540;--sun:#fff1bd;--celestial-glow:#ffeba761;--moon-light:#e8e7c8;--accent:#f3c778;isolation:isolate;background:linear-gradient(165deg,var(--sky-top),var(--sky-bottom));place-items:center;width:100%;max-width:100vw;min-height:100svh;display:grid;position:relative;overflow:hidden}.scene:before,.scene:after{content:"";pointer-events:none;border-radius:50% 50% 0 0/18% 18% 0 0;position:absolute;bottom:-18%;left:-12%;right:-12%}.scene:before{z-index:1;background:var(--horizon);height:47%;transform:rotate(-2deg)}.scene:after{z-index:1;background:var(--hill);height:34%;transform:rotate(3deg)}.scene--dawn{--sky-top:#53627e;--sky-bottom:#e3a27d;--horizon:#3c5b59;--hill:#244546;--sun:#ffe0a0;--celestial-glow:#ffd2937a;--moon-light:#f0d7b3;--accent:#f2bc75}.scene--day{--sky-top:#4c9eb8;--sky-bottom:#c6e5df;--horizon:#39715f;--hill:#225247;--sun:#ffed9f;--celestial-glow:#ffe78d99;--moon-light:#fff2c5;--accent:#e5a84e}.scene--dusk{--sky-top:#394f73;--sky-bottom:#cf827d;--horizon:#345052;--hill:#203b46;--sun:#ffd99f;--celestial-glow:#ffcd9773;--moon-light:#f0d0aa;--accent:#f0b16f}.stars{z-index:-1;width:min(48rem,86vw);height:15rem;opacity:var(--stars-opacity,.08);transition:opacity 1.2s;position:absolute;top:17%;left:50%;transform:translate(-50%)}.stars i{width:var(--star-size,.24rem);height:var(--star-size,.24rem);opacity:var(--star-opacity,.82);transform:scale(var(--star-scale,1));animation:star-twinkle var(--twinkle-duration,8s) ease-in-out var(--twinkle-delay,0s) infinite;background:#fff7e4;border-radius:50%;position:absolute;box-shadow:0 0 .7rem #fff7e4}.stars i:first-child{--twinkle-duration:9s;--twinkle-delay:-4s;top:10%;left:9%}.stars i:nth-child(2){--star-scale:.6;--twinkle-duration:11s;--twinkle-delay:-8s;top:34%;left:23%}.stars i:nth-child(3){--star-size:.3rem;--star-scale:.75;--star-opacity:.92;--twinkle-duration:7s;--twinkle-delay:-2s;top:15%;right:18%}.stars i:nth-child(4){--star-scale:.55;--twinkle-duration:10s;--twinkle-delay:-6s;top:56%;right:7%}.stars i:nth-child(5){--star-scale:.5;--twinkle-duration:12s;--twinkle-delay:-10s;top:67%;left:41%}.stars i:nth-child(6){--star-scale:.48;--twinkle-duration:8.5s;--twinkle-delay:-1s;top:25%;right:39%}.stars i:nth-child(7){--star-size:.18rem;--star-scale:.8;--twinkle-duration:13s;--twinkle-delay:-7s;top:47%;left:33%}.stars i:nth-child(8){--star-size:.28rem;--star-scale:.7;--star-opacity:.9;--twinkle-duration:9.5s;--twinkle-delay:-5s;top:78%;right:31%}.stars i:nth-child(9){--star-scale:.42;--twinkle-duration:14s;--twinkle-delay:-11s;top:22%;right:6%}.cloud{background:#fff7e42e;border-radius:999px;width:10rem;height:2.6rem;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:3.8rem;height:3.8rem;left:1.8rem}.cloud:after{width:2.8rem;height:2.8rem;right:1.4rem}.cloud--one{top:21%;left:8%;transform:scale(.62)}.cloud--two{opacity:.38;top:31%;right:5%;transform:scale(.45)}.cloud{transition:transform 1s linear}.cloud--one{transform:translate3d(var(--cloud-one-x,0%),var(--cloud-one-y,0%),0) scale(.62)}.cloud--two{transform:translate3d(var(--cloud-two-x,0%),var(--cloud-two-y,0%),0) scale(.45)}.celestial-stage{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celestial{will-change:left,top,opacity;transition:left 1.05s linear,top 1.05s linear,opacity 1.05s linear;position:absolute;translate:-50% -50%}.celestial--sun{aspect-ratio:1;width:clamp(8.6rem,18vw,12.5rem)}.sun-disc{background:var(--sun);width:100%;height:100%;box-shadow:0 0 4rem 2rem var(--celestial-glow);border-radius:50%;position:relative}.sun-disc:before{z-index:-1;content:"";background:radial-gradient(circle,var(--celestial-glow) 0 34%,transparent 70%);border-radius:50%;position:absolute;inset:-38%}.sun-disc:after{content:"";background:#bd9a572e;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:24%;left:23%;box-shadow:4.4rem 4.8rem 0 .45rem #bd9a5726}.celestial--moon{aspect-ratio:1;width:clamp(6.7rem,13vw,9.2rem)}.moon-disc{filter:drop-shadow(0 0 1.8rem #dce6d157);width:100%;height:100%;display:block;overflow:visible}.moon-surface{fill:#748488b8;stroke:#eeefd366;stroke-width:1px}.moon-light{fill:var(--moon-light)}.moon-craters circle{fill:#9b9c8338}.player{z-index:2;flex-direction:column;align-items:center;width:min(100%,42rem);margin-top:1.3rem;padding:7.6rem 1rem 5.5rem;display:flex;position:relative}.clock{color:#fff7e4;letter-spacing:-.09em;text-shadow:0 .14rem #172d371f;font-size:clamp(5.2rem,14vw,9rem);font-weight:700;line-height:.82;position:relative}.clock span{padding:0 .09em;display:inline-block}.clock-colon{animation:2s steps(2,jump-none) infinite blink}.player-controls{justify-content:center;align-items:center;margin-top:2.6rem}.play-button{aspect-ratio:1;color:#25444e;width:clamp(5.7rem,12vw,7.2rem);box-shadow:0 .65rem 0 var(--accent),0 1.4rem 2.4rem #0d252e33;background:#fff7e4;border:.32rem solid #fff7e4e0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.play-button{box-shadow:0 .65rem color-mix(in srgb,var(--accent) 72%,#7d654b),0 1.4rem 2.4rem #0d252e33}}.play-button{cursor:pointer}.play-glyph{border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;border-left:1rem solid;width:0;height:0;margin-left:.18rem;display:block}.play-button.is-playing .play-glyph{background:linear-gradient(90deg,currentColor 0 .28rem,#0000 .28rem .62rem,currentColor .62rem .9rem);border:0;width:.9rem;height:1.35rem;margin-left:0}.play-button:hover{transform:translateY(-.15rem)}.play-button:active{transform:translateY(.35rem)}.play-button:focus-visible,.volume-slider:focus-visible{outline-offset:.3rem;outline:.2rem solid #fff7e4}.play-button--attention{animation:1.8s ease-in-out infinite breathe}.volume-control{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#162d382b;border:1px solid #fff7e433;border-radius:1rem;grid-template-columns:1rem minmax(0,1fr);align-items:center;width:clamp(10rem,25vw,14rem);min-height:4.2rem;padding:.75rem 1rem;display:grid}.volume-icon{clip-path:polygon(0 34%,35% 34%,78% 0,78% 100%,35% 66%,0 66%);background:#fff7e4;width:.95rem;height:.78rem;position:relative}.volume-icon:after{content:"";border:0 solid #fff7e4;border-right-width:1px;border-radius:0 100% 100% 0;width:.5rem;height:1.35rem;position:absolute;top:-.32rem;right:-.42rem}.volume-icon--muted:after{background:#fff7e4;border:0;width:1rem;height:1px;top:.3rem;right:-.28rem;transform:rotate(45deg)}.volume-slider{width:100%;height:.3rem;accent-color:var(--accent);cursor:pointer;margin-left:.65rem}.volume-slider::-webkit-slider-runnable-track{background:#fff7e447;border-radius:999px;height:.3rem}.volume-slider::-webkit-slider-thumb{background:var(--accent);appearance:none;border:.16rem solid #fff7e4;border-radius:50%;width:.85rem;height:.85rem;margin-top:-.27rem}.dev-tools{z-index:3;color:#fff7e4;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#0a1d27db;border:1px solid #fff7e46b;border-radius:.75rem;gap:.45rem;width:min(18rem,100vw - 2rem);padding:.65rem;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 .7rem 1.6rem #06141c40}.dev-tools-label{font-size:.82rem;font-weight:700}.dev-teleport{gap:.35rem;display:flex}.dev-hour-select,.dev-teleport-button,.dev-now-button{color:#fff7e4;background:#1b3a48;border:1px solid #fff7e473;border-radius:.45rem;min-height:2.2rem}.dev-hour-select{min-width:5.2rem;padding:0 .35rem}.dev-hour-select option{color:#fff7e4;background:#1b3a48}.dev-teleport-button{cursor:pointer;padding:0 .55rem}.dev-now-button{cursor:pointer;grid-column:1/-1;padding:0 .55rem}.dev-teleport-button:hover,.dev-teleport-button:focus-visible,.dev-now-button:hover,.dev-now-button:focus-visible{background:#315b68}.dev-tools-buttons{gap:.35rem;display:flex}.dev-speed-button{color:#fff7e4;cursor:pointer;background:#1b3a48;border:1px solid #fff7e473;border-radius:.45rem;flex:1;min-width:0;padding:.42rem .55rem}.dev-speed-button:hover,.dev-speed-button.is-selected{color:#25444e;background:var(--accent)}.dev-speed-button:focus-visible,.dev-hour-select:focus-visible,.dev-teleport-button:focus-visible,.dev-now-button:focus-visible{outline-offset:.15rem;outline:.15rem solid #fff7e4}audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@keyframes blink{50%{opacity:.45}}@keyframes breathe{50%{transform:scale(1.04)}}@keyframes star-twinkle{0%,72%,to{opacity:var(--star-opacity,.82);filter:brightness()}76%{opacity:1;filter:brightness(1.35)}80%{opacity:var(--star-opacity,.82);filter:brightness()}}@media(max-width:600px){.celestial--sun{width:clamp(6.5rem,26vw,9rem)}.celestial--moon{width:clamp(5.5rem,21vw,7.5rem)}.player{width:100%;margin-top:0;padding:6.2rem .75rem 5rem}.clock{font-size:clamp(3.8rem,18vw,6rem)}.player-controls{margin-top:2rem}.play-button{width:clamp(5rem,25vw,6.2rem)}.volume-control{width:min(14rem,72vw)}.dev-tools{max-width:calc(100vw - 1.3rem);bottom:.65rem;right:.65rem}.dev-teleport{flex-wrap:wrap}}@media(max-width:350px){.volume-control{width:12rem}}@media(max-height:650px){.player{padding-top:4.8rem;padding-bottom:4rem}.celestial--sun{width:7.2rem}.celestial--moon{width:5.9rem}.clock{font-size:clamp(4.1rem,12vw,6.6rem)}.player-controls{margin-top:1.8rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}