: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:1126px;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%}*{box-sizing:border-box}html,body,#root{width:100%;max-width:none;height:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace}.strip{width:100%;height:100vh;display:flex}.panel{flex:1;justify-content:center;align-items:flex-end;padding-bottom:52px;text-decoration:none;transition:flex .4s;display:flex;position:relative;overflow:hidden}.panel:hover{flex:1.4}.panel-noise{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.panel-overlay{background:linear-gradient(#0a0a0a1a 0%,#0a0a0abf 100%);transition:background .4s;position:absolute;inset:0}.panel:hover .panel-overlay{background:linear-gradient(#0a0a0a00 0%,#0a0a0a80 100%)}.panel-visual{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-name{z-index:3;letter-spacing:.15em;text-transform:lowercase;font-size:1rem;font-weight:400;position:relative}.panel-name--blend{mix-blend-mode:difference}.tuner-ribbon{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.panel:hover .tuner-ribbon{opacity:1;transition:opacity 1.5s}.tuner-sphere{z-index:2;filter:drop-shadow(0 0 12px #4af0c033);transition:transform .4s,filter .4s;display:block;position:relative}.panel:first-child:hover .tuner-sphere{filter:drop-shadow(0 0 28px #4af0c08c)drop-shadow(0 0 10px #4af0c04d);transform:scale(1.18)}.panel-dim-veil{z-index:5;pointer-events:none;background:#00000061;transition:opacity .5s;position:absolute;inset:0}.panel:hover .panel-dim-veil{opacity:0}.puddle-oil{image-rendering:auto;z-index:1;width:100%;height:100%;transition:filter .4s;display:block;position:absolute;inset:0}.panel:nth-child(2):hover .puddle-oil{filter:brightness(1.3)saturate(1.35)contrast(1.08)}.puddle-splash{pointer-events:none;z-index:3;border:1.5px solid #fffc;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.7s ease-out forwards puddle-splash-expand;position:absolute}@keyframes puddle-splash-expand{0%{opacity:.85;transform:scale(0)}to{opacity:0;transform:scale(7)}}.puddle-overlay{pointer-events:none;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.puddle-cursor{pointer-events:none;z-index:4;background:#fffc;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 8px #ffffff80,0 0 20px #b464ff66}.ribbon-confetti{pointer-events:none;z-index:3;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.panel:hover .ribbon-confetti{opacity:1}.moebius-strip{width:220px;height:auto;transition:transform .4s,filter .4s;display:block;overflow:visible;transform:rotate(90deg)}.panel:nth-child(3):hover .moebius-strip{filter:drop-shadow(0 0 16px #c04af099)drop-shadow(0 0 6px #f04ac04d);transform:rotate(90deg)scale(1.18)}.ms-over{animation:3s ease-in-out infinite ms-pulse}@keyframes ms-pulse{0%,to{opacity:1}50%{opacity:.82}}.ms-shimmer-1{stroke-dasharray:16 184;opacity:.5;animation:2s linear infinite ms-shimmer-fast}@keyframes ms-shimmer-fast{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}.ms-shimmer-2{stroke-dasharray:30 170;opacity:.25;animation:3.5s linear infinite ms-shimmer-slow}@keyframes ms-shimmer-slow{0%{stroke-dashoffset:-40px}to{stroke-dashoffset:-240px}}.ms-spark{opacity:0;animation:2.5s ease-in-out infinite ms-twinkle}.s1{animation-delay:0s}.s2{animation-delay:.4s}.s3{animation-delay:.9s}.s4{animation-delay:1.3s}.s5{animation-delay:1.7s}.s6{animation-delay:2.1s}@keyframes ms-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.5)}}@media (width<=640px){.strip{flex-direction:column;height:100svh}.panel{flex:1;padding-bottom:28px}.panel:hover{flex:1.6}.panel-name{font-size:.9rem}.moebius-strip{width:160px}}@property --nw-hue{syntax:"<angle>";inherits:false;initial-value:230deg}.now-widget{--sz:clamp(180px, 22vw, 300px);width:var(--sz);height:var(--sz);background:radial-gradient(circle at 35% 38%, hsl(var(--nw-hue) 65% 55% / .22) 0%, transparent 62%), hsl(var(--nw-hue) 40% 8% / .92);-webkit-backdrop-filter:blur(28px);cursor:pointer;z-index:9000;color:#e6ebffeb;-webkit-user-select:none;user-select:none;border-radius:50%;align-items:stretch;font-family:Jura,system-ui,-apple-system,sans-serif;transition:transform .45s cubic-bezier(.34,1.08,.64,1);animation:90s linear infinite nw-bg-phase;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(50%);box-shadow:-14px 0 56px #0009,inset 0 1px #ffffff12,inset 0 2px 20px #00000040;-webkit-mask:radial-gradient(circle closest-side,#000 90%,#000000e6 94%,#00000059 98%,#0000 100%);mask:radial-gradient(circle closest-side,#000 90%,#000000e6 94%,#00000059 98%,#0000 100%)}.now-widget:after{content:"";pointer-events:none;z-index:3;background:conic-gradient(#0000 0%,#c8d7ff66 7%,#ffffffa6 12%,#d2dcff59 17%,#0000 25% 46%,#c8d2ff4d 51%,#ffffff8c 56%,#d2dcff40 61%,#0000 69% 83%,#c8d7ff59 89%,#ffffff8c 93%,#0000 100%);border-radius:50%;animation:7s linear infinite nw-shimmer-ring;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 92%,#0000004d 93.5%,#000 95% 97.5%,#0006 99%,#0000 100%);mask:radial-gradient(circle closest-side,#0000 92%,#0000004d 93.5%,#000 95% 97.5%,#0006 99%,#0000 100%)}.now-widget[data-edge=right]{transform:translate(50%)}.now-widget[data-edge=left]{transform:translate(-50%)}.now-widget[data-edge=top]{transform:translateY(-50%)}.now-widget[data-edge=bottom]{transform:translateY(50%)}.now-widget--open[data-edge=right]{transform:translate(10px)}.now-widget--open[data-edge=left]{transform:translate(-10px)}.now-widget--open[data-edge=top]{transform:translateY(10px)}.now-widget--open[data-edge=bottom]{transform:translateY(-10px)}.now-widget[data-edge=right]{flex-direction:row}.now-widget[data-edge=left]{flex-direction:row-reverse}.now-widget[data-edge=top]{flex-direction:column-reverse}.now-widget[data-edge=bottom]{flex-direction:column}.nw-primary,.nw-detail{flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.nw-primary{gap:calc(var(--sz) * .018);padding:calc(var(--sz) * .04) calc(var(--sz) * .06)}.nw-time{font-size:calc(var(--sz) * .118);letter-spacing:-.03em;color:#fff;white-space:nowrap;max-width:100%;font-weight:200;line-height:1}.nw-date{font-size:calc(var(--sz) * .046);opacity:.45;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.nw-quick{gap:calc(var(--sz) * .05);font-size:calc(var(--sz) * .082);align-items:center;max-width:100%;line-height:1;transition:opacity .2s;display:flex;overflow:hidden}.now-widget--open .nw-quick{opacity:0;pointer-events:none}.nw-detail{justify-content:center;align-items:flex-start;gap:calc(var(--sz) * .022);padding:calc(var(--sz) * .24) calc(var(--sz) * .04);opacity:0;--nw-dx:10px;--nw-dy:0px;transform:translate(var(--nw-dx), var(--nw-dy));pointer-events:none;transition:opacity .28s,transform .28s}.now-widget[data-edge=left] .nw-detail{align-items:flex-end}.now-widget[data-edge=top] .nw-detail,.now-widget[data-edge=bottom] .nw-detail{padding:calc(var(--sz) * .02) calc(var(--sz) * .08);align-items:center;gap:calc(var(--sz) * .016)}.now-widget[data-edge=left] .nw-detail{--nw-dx:-10px;--nw-dy:0px}.now-widget[data-edge=top] .nw-detail,.now-widget[data-edge=bottom] .nw-detail{--nw-dx:0px;--nw-dy:0px}.now-widget--open .nw-detail{opacity:1;pointer-events:auto;transition-delay:.12s;transform:translate(0)}.nw-solar{align-items:center;gap:calc(var(--sz) * .05);font-size:calc(var(--sz) * .062);opacity:.75;white-space:nowrap;flex-direction:row;line-height:1;display:flex}.nw-aqi{font-size:calc(var(--sz) * .066);align-items:baseline;gap:calc(var(--sz) * .025);flex-direction:row;font-weight:600;line-height:1;display:flex}.nw-aqi-label{font-size:calc(var(--sz) * .052);opacity:.8;font-weight:400}.nw-meta-row{align-items:baseline;gap:calc(var(--sz) * .03);flex-flow:wrap;justify-content:center;display:flex}.nw-uvi{font-size:calc(var(--sz) * .054);color:#ffd778cc;white-space:nowrap;font-weight:500}.nw-pollen{font-size:calc(var(--sz) * .05);opacity:.7;white-space:nowrap}.nw-moon-name{align-items:center;gap:calc(var(--sz) * .025);font-size:calc(var(--sz) * .054);opacity:.7;white-space:nowrap;display:flex}.nw-arrow-rise{background:linear-gradient(#ffffb4e6 0%,#fd0 10%,#f80 40%,#a03200b3 75%,#0000 100%);-webkit-text-fill-color:transparent;font-size:calc(var(--sz) * .08);-webkit-background-clip:text;background-clip:text;line-height:1;display:inline-block}.nw-arrow-set{background:linear-gradient(#fc0 0%,#f60 55%,#961900cc 90%,#0000 100%);-webkit-text-fill-color:transparent;font-size:calc(var(--sz) * .08);-webkit-background-clip:text;background-clip:text;line-height:1;display:inline-block}.nw-corner-flash{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(circle,#c8e6ff73 0%,#78beff2e 40%,#0000 70%);border-radius:50%;position:absolute;inset:0}@keyframes nw-corner-flash-anim{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.04)}60%{opacity:.5;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}.nw-corner-flash--active{animation:.55s ease-out forwards nw-corner-flash-anim}.nw-triptych{justify-content:center;align-items:center;gap:calc(var(--sz) * .038);width:100%;display:flex}.nw-trip-sun{align-items:flex-start;gap:calc(var(--sz) * .016);flex-direction:column;display:flex}.nw-trip-sun-icon{font-size:calc(var(--sz) * .068);filter:drop-shadow(0 0 5px #ffc83c8c);line-height:1}.nw-trip-solar-row{align-items:center;gap:calc(var(--sz) * .016);font-size:calc(var(--sz) * .052);opacity:.85;white-space:nowrap;line-height:1;display:flex}.nw-trip-temp{font-size:calc(var(--sz) * .108);letter-spacing:-.03em;color:#fff;text-align:center;flex-shrink:0;font-weight:200;line-height:1}.nw-trip-moon{align-items:center;gap:calc(var(--sz) * .012);font-size:calc(var(--sz) * .072);flex-direction:column;line-height:1;display:flex}.nw-moon-pct{font-size:calc(var(--sz) * .036);opacity:.5;color:#ffffffbf;letter-spacing:.01em}.nw-dismiss{color:#ffffff38;font-size:calc(var(--sz) * .055);cursor:pointer;opacity:0;pointer-events:none;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:0;font-family:Jura,system-ui,sans-serif;transition:color .15s,opacity .28s .12s;display:flex;position:absolute;top:8%;right:24%}.nw-dismiss:hover{color:#ffffffbf}.nw-dismiss:focus{outline:none}.now-widget--open .nw-dismiss{opacity:1;pointer-events:auto}.nw-link{font-size:calc(var(--sz) * .062);color:#b4c8ff80;opacity:0;pointer-events:none;z-index:2;justify-content:center;align-items:center;min-width:28px;min-height:28px;text-decoration:none;transition:color .15s,opacity .28s .12s;display:flex;position:absolute;top:83%;right:24%}.nw-link:hover{color:#d2e1ff}.nw-link:focus{outline:none}.now-widget--open .nw-link{opacity:1;pointer-events:auto}.now-widget--shrinking{cursor:default;width:44px!important;height:44px!important;transition:top .8s cubic-bezier(.4,0,.2,1),right .8s cubic-bezier(.4,0,.2,1),left .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),width .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1)!important;transform:none!important}.now-widget--shrinking .nw-primary,.now-widget--shrinking .nw-detail{opacity:0;pointer-events:none;transition:opacity .2s}.nw-shrink-orrery{opacity:0;pointer-events:none;z-index:2;justify-content:center;align-items:center;animation:.4s .3s forwards nw-orrery-fadein;display:flex;position:absolute;inset:0}@keyframes nw-orrery-fadein{to{opacity:1}}.nw-mini-orrery{-webkit-backdrop-filter:blur(20px);z-index:9000;cursor:pointer;touch-action:manipulation;background:#080c1ed9;border:1px solid #ffffff17;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:.35s cubic-bezier(.34,1.56,.64,1) both nw-mini-appear;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #00000080}.nw-orrery-tip{white-space:nowrap;pointer-events:auto;opacity:0;cursor:pointer;background:#060918f5;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;font-family:Jura,system-ui,sans-serif;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.nw-mini-orrery--tip-open .nw-orrery-tip{opacity:1;transform:translateY(0)}.nw-ott-time{color:#ffffffe6;letter-spacing:-.02em;border-bottom:1px solid #ffffff14;padding-bottom:4px;font-size:14px;font-weight:300}.nw-ott-date{color:#fff6;letter-spacing:.04em;font-size:10px}.nw-ott-wx{color:#ffffff80;font-size:10px}.nw-ott-wx-row{align-items:center;gap:7px;font-size:10px;display:flex}.nw-ott-wx-now{color:#ffffff80;font-weight:500}.nw-ott-wx-dim{color:#ffffff38;font-size:9px}.nw-ott-solar{color:#ffffff73;font-size:10px}.nw-ott-aqi{align-items:baseline;gap:4px;font-size:10px;font-weight:600;display:flex}.nw-ott-aqi-label{opacity:.8;font-size:9px;font-weight:400}.nw-ott-moon{color:#fff6;border-top:1px solid #ffffff14;margin-top:1px;padding-top:4px;font-size:10px}.nw-ott-seconds-wrap{pointer-events:none;z-index:0;border-radius:8px;position:absolute;inset:0;overflow:hidden}.nw-ott-seconds-hand{transform-origin:50% 100%;will-change:transform;background:linear-gradient(#ffffff2e 0%,#ffffff0f 60%,#0000 100%);width:1px;height:45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)rotate(0)}.nw-mini-orrery--no-anim{animation:none}@keyframes nw-mini-appear{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nw-orbit-1{animation:7s linear infinite orbit-spin}.nw-orbit-2{animation:14s linear infinite reverse orbit-spin}.nw-orbit-3{animation:23s linear infinite orbit-spin}@keyframes nw-bg-phase{0%{--nw-hue:230deg}to{--nw-hue:590deg}}@keyframes nw-shimmer-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nw-seconds-wrap{pointer-events:none;z-index:1;opacity:0;transition:opacity .4s .2s;position:absolute;inset:0}.now-widget--open .nw-seconds-wrap{opacity:1}.nw-seconds-hand{width:1.5px;height:calc(var(--sz) * .4);transform-origin:50% 100%;will-change:transform;background:linear-gradient(#ffffff61 0%,#ffffff1f 65%,#0000 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)rotate(0)}.nw-cal{padding:calc(var(--sz) * .04);z-index:9;pointer-events:none;background:#040612f2;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:2px;animation:.12s both nw-cal-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes nw-cal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.nw-cal-day{width:calc(var(--sz) * .052);height:calc(var(--sz) * .052);font-size:calc(var(--sz) * .034);color:#ffffff26;justify-content:center;align-items:center;display:flex}.nw-cal-today{width:calc(var(--sz) * .052);height:calc(var(--sz) * .052);font-size:calc(var(--sz) * .038);color:#fffffff2;background:#ffffff24;border-radius:3px;justify-content:center;align-items:center;font-weight:700;display:flex}.nw-bubble{pointer-events:none;z-index:10;font-size:calc(var(--sz) * .052);color:#ffffffe0;white-space:nowrap;background:#060918e6;border:1px solid #ffffff24;border-radius:6px;padding:3px 8px;animation:2s forwards nw-bubble-rise;position:absolute;transform:translate(-50%)}@keyframes nw-bubble-rise{0%{opacity:0;transform:translate(-50%)}18%{opacity:1;transform:translate(-50%,-10px)}65%{opacity:.9;transform:translate(-50%,-14px)}to{opacity:0;transform:translate(-50%,-20px)}}