:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100vw;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.maingrass{width:fit-content;height:300px;position:absolute;bottom:0%;left:50%;transform:translate(-50%)}.plant{transform-origin:bottom;display:block}.garden,.garden-gusting{z-index:3;width:100vw;height:100vh;position:fixed;inset:0}@keyframes grow-reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0% 0 0)}}@keyframes sway{0%,to{transform:rotate(calc(var(--sway-intensity) * -1deg))}50%{transform:rotate(calc(var(--sway-intensity) * 2deg))}}@keyframes gust{0%{transform:rotate(0)}30%{transform:rotate(calc(var(--gust-intensity) * 12deg))}60%{transform:rotate(calc(var(--gust-intensity) * -8deg))}to{transform:rotate(0)}}.plant-sway{animation-name:sway;animation-duration:calc(1s + calc(var(--sway-duration)/var(--sway-intensity)));animation-timing-function:ease-in-out;animation-delay:var(--sway-delay);transform-origin:bottom;animation-iteration-count:infinite;animation-fill-mode:both}.garden-gusting .plant-gust{animation-name:gust;animation-duration:var(--gust-duration);animation-delay:var(--gust-delay);transform-origin:bottom;animation-timing-function:ease-in-out;animation-iteration-count:1}.flower-bounding-box{transform-origin:bottom;position:absolute}.flower{position:relative}.flower-svg{width:100%;height:100%;overflow:visible}.flower-stem{stroke:#45a247;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:drawStem var(--stem-duration,5s) ease-out both}@keyframes drawStem{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.flower-leaf{stroke:#0000000d;stroke-width:1px;stroke-linejoin:round}.leaf-left,.leaf-right{transform-origin:80px 0;animation:alternatingLeafPop .4s cubic-bezier(.34, 1.56, .64, 1) var(--stagger-delay,0s) both}@keyframes alternatingLeafPop{0%{transform:translate(80px, var(--leaf-y-coordinate)) scale(0)}to{transform:translate(80px, var(--leaf-y-coordinate)) scale(1)}}.flower-geo-petal,.flower-center{stroke:#0000000d;stroke-width:1px;stroke-linejoin:round}.flower-center{transform-origin:0 0;animation:.35s cubic-bezier(.175,.885,.32,1.275) both popIn}.flower-petals-group{transform-origin:0 0;animation:.45s cubic-bezier(.175,.885,.32,1.275) both bloomIn}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(var(--head-scale,1))}}@keyframes bloomIn{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{transform:scale(var(--head-scale,1)) rotate(0deg);opacity:1}}.cloud{animation-name:drift;animation-duration:var(--drift-duration);animation-timing-function:linear;animation-delay:var(--drift-delay);transition:opacity 2s,width 2s;animation-iteration-count:infinite;animation-fill-mode:backwards;position:absolute;left:0}.cloud-image{transition:opacity 2s,width 2s}@keyframes drift{0%{transform:translate(-80vw)}to{transform:translate(100vw)}}.clouds{z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.rain-container{z-index:2;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.rain-drop{will-change:transform;background:linear-gradient(#0000,#aedbffe6);width:2px;height:60px;animation:linear infinite fall;position:absolute;top:-15%;box-shadow:0 0 4px #fff6}@keyframes fall{0%{transform:translateY(0) translateX(0) skewX(var(--wind-skew,0deg))}to{transform:translateY(120vh) translateX(calc(120vh * tan(var(--wind-skew,0deg)))) skewX(var(--wind-skew,0deg))}}.sky-container[data-time=night] .rain-drop{background:linear-gradient(#0000,#384964cc);box-shadow:0 0 2px #ffffff1a}@property --sky-1{syntax:"<color>";inherits:false;initial-value:#2a75d3}@property --sky-2{syntax:"<color>";inherits:false;initial-value:#5fa4e6}@property --sky-3{syntax:"<color>";inherits:false;initial-value:#9ad1f5}@property --sky-4{syntax:"<color>";inherits:false;initial-value:#e3f2fd}@property --grass-hue{syntax:"<angle>";inherits:false;initial-value:0deg}@property --grass-saturation{syntax:"<percentage>";inherits:false;initial-value:100%}@property --grass-brightness{syntax:"<percentage>";inherits:false;initial-value:100%}.sky-container:after{content:"";z-index:-1;pointer-events:none;width:100%;height:100%;opacity:var(--rain-opacity,0);transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.sky-container{z-index:0;background:linear-gradient(to bottom, var(--sky-1,#4a90e2), var(--sky-2,#87ceeb), var(--sky-3,#e0f7fa), var(--sky-4,#e3f2fd));width:100vw;height:100vh;margin:0;padding:0;transition:--sky-1 2s,--sky-2 2s,--sky-3 2s,--sky-4 2s;position:fixed;inset:0;overflow:hidden}.sky-container[data-time=day][data-weather=clear]{--sky-1:#2a75d3;--sky-2:#5fa4e6;--sky-3:#9ad1f5;--sky-4:#e3f2fd}.sky-container[data-time=day][data-weather=storm]{--sky-1:#3b424d;--sky-2:#555d6b;--sky-3:#788294;--sky-4:#afb8c7}.sky-container[data-time=night][data-weather=clear]{--sky-1:#060d21;--sky-2:#0f1c3f;--sky-3:#1a2d59;--sky-4:#2d467d}.sky-container[data-time=night][data-weather=storm]{--sky-1:#181b22;--sky-2:#242933;--sky-3:#343b47;--sky-4:#485261}.sky-container[data-time=golden-hour][data-weather=clear]{--sky-1:#324068;--sky-2:#6d6175;--sky-3:#c28881;--sky-4:#e0b48d}.sky-container[data-time=golden-hour][data-weather=storm]{--sky-1:#211c2b;--sky-2:#3d2f47;--sky-3:#6e4d58;--sky-4:#ad835a}.sky-container .clouds,.sky-container .garden,.sky-container .garden-gusting,.sky-container canvas{filter:hue-rotate(var(--grass-hue)) saturate(var(--grass-saturation)) brightness(var(--grass-brightness));transition:--grass-hue 2s,--grass-saturation 2s,--grass-brightness 2s!important}.sky-container[data-time=golden-hour] .clouds,.sky-container[data-time=golden-hour] .garden,.sky-container[data-time=golden-hour] .garden-gusting,.sky-container[data-time=golden-hour] canvas{--grass-hue:-15deg;--grass-saturation:95%;--grass-brightness:75%}.sky-container[data-weather=storm] .clouds,.sky-container[data-weather=storm] .garden,.sky-container[data-weather=storm] .garden-gusting,.sky-container[data-weather=storm] canvas{--grass-saturation:40%;--grass-brightness:65%}.sky-container[data-time=night][data-weather=clear] .clouds,.sky-container[data-time=night][data-weather=clear] .garden,.sky-container[data-time=night][data-weather=clear] .garden-gusting,.sky-container[data-time=night][data-weather=clear] canvas{--grass-hue:35deg;--grass-saturation:55%;--grass-brightness:40%}.sky-container[data-time=night][data-weather=storm] .clouds,.sky-container[data-time=night][data-weather=storm] .garden,.sky-container[data-time=night][data-weather=storm] .garden-gusting,.sky-container[data-time=night][data-weather=storm] canvas{--grass-hue:35deg;--grass-saturation:45%;--grass-brightness:30%}.sky-container[data-time=day][data-weather=clear] .screen-text{--screen-text-color:#1c285a}.sky-container[data-time=night],.sky-container[data-time=golden-hour],.sky-container[data-weather=storm]{--screen-text-color:#d8d8d8}.sky-container:after{content:"";z-index:-1;pointer-events:none;width:100%;height:100%;opacity:var(--rain-opacity,0);background:linear-gradient(to bottom, var(--sky-1,#4a90e2), var(--sky-2,#87ceeb), var(--sky-3,#e0f7fa), var(--sky-4,#e3f2fd));transition:opacity 1.5s ease-in-out,--sky-1 2s,--sky-2 2s,--sky-3 2s,--sky-4 2s;position:absolute;inset:0}.sky-container[data-time=day]:after{--sky-1:#3b424d;--sky-2:#555d6b;--sky-3:#788294;--sky-4:#afb8c7}.sky-container[data-time=night]:after{--sky-1:#181b22;--sky-2:#242933;--sky-3:#343b47;--sky-4:#485261}.sky-container[data-time=golden-hour]:after{--sky-1:#211c2b;--sky-2:#3d2f47;--sky-3:#6e4d58;--sky-4:#ad835a}section.sky-container[data-time=day][data-weather=storm]{--sky-1:#2a75d3!important;--sky-2:#5fa4e6!important;--sky-3:#9ad1f5!important;--sky-4:#e3f2fd!important}section.sky-container[data-time=night][data-weather=storm]{--sky-1:#060d21!important;--sky-2:#0f1c3f!important;--sky-3:#1a2d59!important;--sky-4:#2d467d!important}section.sky-container[data-time=golden-hour][data-weather=storm]{--sky-1:#324068!important;--sky-2:#6d6175!important;--sky-3:#c28881!important;--sky-4:#e0b48d!important}.menu-container{z-index:10;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.menu-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:24px}.menu-list{opacity:.8;width:10rem;font-family:var(--mono);visibility:hidden;background-color:#222121;padding:.5rem;transition:transform .3s ease-in-out,visibility 1s ease-in-out;transform:translate(-100%)}.menu-list.open{visibility:visible;transform:translate(0)}.menu-list button,.menu-list input{font-family:inherit}.weather-container{flex-direction:column;display:flex}.weather-container hr{margin-left:0;margin-right:0}.general-container{flex-direction:column;display:flex}.timer{position:absolute;top:0;left:50%;transform:translate(-50%)}.star{transition:opacity 2s ease-in-out;-webkit-mask-image:radial-gradient(circle,#000,#0000);mask-image:radial-gradient(circle,#000,#0000)}.clock{text-align:right;margin:0;position:absolute;top:0;right:20px}.sound-overlay{z-index:100;opacity:.5;background-color:#5a5a5a;align-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.sound-overlay h1,.sound-overlay h3{font-family:var(--mono)}.background{z-index:0;width:100vh;height:100vh;position:fixed;inset:0}.UI{z-index:10;position:fixed;top:1rem;left:50%;transform:translate(-50%)}@property --screen-text-color{syntax:"<color>";inherits:true;initial-value:#d4d4d4}#screen-text{font-family:var(--mono);color:var(--screen-text-color);z-index:10;border-radius:4px;font-size:medium;transition:color 2s}