: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--tuner: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--puddle: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--ribbon: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;transition:width 1.2s cubic-bezier(.4,0,.2,1),height 1.2s cubic-bezier(.4,0,.2,1),border-radius 1.2s cubic-bezier(.4,0,.2,1);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}@media (width<=640px){.nw-mini-orrery{inset:auto auto 16px 16px}}.nw-mini-orrery--tip-open{border-radius:46px;justify-content:flex-start;align-items:flex-start;width:236px;height:254px}.nw-orrery-tip{white-space:nowrap;pointer-events:auto;opacity:0;cursor:pointer;background:#060918f5;border:1px solid #ffffff1f;border-radius:46px;flex-direction:column;gap:5px;padding:16px 18px;font-family:Jura,system-ui,sans-serif;transition:opacity .35s .15s;display:flex;position:absolute;inset:0;overflow:hidden}.nw-mini-orrery--tip-open .nw-orrery-tip{opacity:1}.nw-pin-btn{z-index:6;color:#ffffff59;cursor:pointer;background:0 0;border:none;outline:none;padding:3px;transition:color .15s,transform .15s;display:flex;position:absolute;top:16px;right:16px}.nw-pin-btn:focus{outline:none}.nw-pin-btn:hover{color:#ffffffbf;transform:scale(1.1)}.nw-pin-btn--active{color:#ffdc82e6}.nw-pin-btn--active:hover{color:#ffdc82}.nw-ott-orrery-ghost{opacity:.14;pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nw-ott-time{z-index:1;color:#fffffff5;letter-spacing:-.02em;border-bottom:1px solid #ffffff1a;padding-bottom:5px;font-size:17px;font-weight:400;position:relative}.nw-ott-date{z-index:1;color:#ffffff8c;letter-spacing:.04em;font-size:12px;position:relative}.nw-ott-wx{z-index:1;color:#ffffffa6;font-size:12px;position:relative}.nw-ott-wx-row{z-index:1;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.nw-ott-wx-now{color:#ffffffb3;font-weight:600}.nw-ott-wx-dim{color:#ffffff52;font-size:11px}.nw-ott-solar{z-index:1;color:#fff9;font-size:12px;position:relative}.nw-ott-aqi{z-index:1;align-items:baseline;gap:5px;font-size:12px;font-weight:700;display:flex;position:relative}.nw-ott-aqi-label{opacity:.9;font-size:11px;font-weight:500}.nw-ott-moon{z-index:1;color:#ffffff8c;border-top:1px solid #ffffff1a;margin-top:1px;padding-top:5px;font-size:12px;position:relative}.nw-fact-bubble{z-index:5;color:#ffffffd9;white-space:normal;cursor:pointer;opacity:0;background:#060918f5;border:1px solid #ffffff24;border-radius:10px;width:220px;padding:10px 12px;font-size:13px;line-height:1.45;transition:opacity .3s,transform .3s;position:absolute;top:0;right:calc(100% + 10px);transform:translate(6px)}.nw-fact-bubble--visible{opacity:1;transform:translate(0)}@media (width<=640px){.nw-fact-bubble{width:min(220px,100vw - 32px);inset:auto 0 calc(100% + 10px) auto;transform:translateY(-6px)}.nw-fact-bubble--visible{transform:translateY(0)}}.nw-fact-source{color:#fff6;font-size:11px}.nw-ott-seconds-wrap{pointer-events:none;z-index:0;border-radius:46px;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)}}.vk{flex-direction:column;align-items:center;gap:4px;display:flex}.vk__body{width:var(--vk-size,48px);height:var(--vk-size,48px);cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:50%;position:relative}.vk__body[data-zone=outer]{cursor:ew-resize}.vk__body[data-zone=inner]{cursor:ns-resize}.vk__svg{pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.vk__track{stroke:#ffffff12;stroke-linecap:round;transform-origin:50%;transform:rotate(135deg)}.vk__fill{stroke:var(--vk-color,#6cf);stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 3px color-mix(in oklch, var(--vk-color) 60%, transparent));transform:rotate(135deg)}.vk__outer-ring{stroke:#ffffff14;stroke-width:1px;pointer-events:none;transition:stroke .15s}.vk__body[data-zone=outer] .vk__outer-ring,.vk__body[data-zone=inner] .vk__outer-ring{stroke:color-mix(in oklch, var(--vk-color) 40%, transparent)}.vk__sep{stroke:#ffffff1f;stroke-width:1px;stroke-dasharray:2 3;pointer-events:none;transition:stroke .15s}.vk__body[data-zone=outer] .vk__sep{stroke:color-mix(in oklch, var(--vk-color) 70%, white);stroke-dasharray:none}.vk__body[data-zone=inner] .vk__sep{stroke:#fff6;stroke-dasharray:none}.vk__inner{pointer-events:none;background:radial-gradient(circle at 38% 32%,#322a1ef2,#140f08 65%);border:1.5px solid #ffffff1f;border-radius:50%;width:55%;height:55%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0009,inset 0 1px #ffffff0f}.vk__body[data-zone=inner] .vk__inner{border-color:#ffffff38;box-shadow:0 2px 8px #0009,0 0 6px #ffffff0f,inset 0 1px #ffffff1a}.vk__body[data-zone=outer] .vk__inner{border-color:color-mix(in oklch, var(--vk-color) 50%, transparent)}.vk__inner--single{border-color:color-mix(in oklch, var(--vk-color) 25%, #ffffff1a);box-shadow:0 2px 6px #00000080, 0 0 8px color-mix(in oklch, var(--vk-color) 12%, transparent), inset 0 1px 0 #ffffff12;background:radial-gradient(circle at 38% 32%,#322a1ce6,#120e08 65%)}.vk__notch-ring{border-radius:50%;position:absolute;inset:0}.vk__notch{background:var(--vk-color,#6cf);width:2px;height:28%;box-shadow:0 0 4px var(--vk-color), 0 0 8px color-mix(in oklch, var(--vk-color) 40%, transparent);border-radius:2px;margin-left:-1px;position:absolute;top:3px;left:50%}.vk__ghost{opacity:0;pointer-events:none;z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0;overflow:hidden}.vk__ghost--on{opacity:.5}.vk__ghost-track{background:#ffffff1f;border-radius:2px;width:2px;position:absolute;top:10%;bottom:10%}.vk__ghost-thumb{background:var(--vk-color,#6cf);width:55%;height:2px;box-shadow:0 0 4px var(--vk-color);border-radius:2px;position:absolute;left:22.5%;transform:translateY(-50%)}.vk__tip{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;pointer-events:none;opacity:0;z-index:20;background:#08080ce0;border:1px solid #ffffff1a;border-radius:3px;padding:2px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.42rem;transition:opacity .12s;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.vk__tip--inner{background:#04040ae6;font-size:.38rem;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.vk__body[data-zone=outer] .vk__tip--outer,.vk__body[data-zone=inner] .vk__tip--inner{opacity:1}.vk__labels{align-items:center;gap:5px;display:flex}.vk__lbl{letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:.5rem}.vk__lbl--mix{color:var(--vk-color,#6cf);opacity:.7}.vk__lbl--param{color:#ffffff40}.vibe-pill{z-index:9000;cursor:pointer;touch-action:manipulation;border-radius:24px;align-items:center;gap:8px;width:84px;height:48px;transition:width 1.5s cubic-bezier(.4,0,.2,1),height 1.5s cubic-bezier(.4,0,.2,1),border-radius 1.5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:16px;left:16px}.vibe-pill-icon-stage{justify-content:center;align-items:center;width:84px;height:48px;display:flex;position:relative}.vibe-pill-icon{filter:drop-shadow(0 2px 6px #00000080);width:64px;height:28px;overflow:visible}.vibe-pill-icon-stage{transition:opacity .6s,transform .6s}.vibe-pill--open .vibe-pill-icon-stage{opacity:0;pointer-events:none;position:absolute;transform:scale(.55)}.vibe-pill-icon-shimmer{opacity:0;animation:1.3s ease-out both vibe-pill-icon-shimmer-sweep;transform:translate(-40px)}@keyframes vibe-pill-icon-shimmer-sweep{0%{opacity:0;transform:translate(-40px)}15%{opacity:.85}to{opacity:0;transform:translate(110px)}}.vibe-sparkles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:visible}.vibe-sparkle{opacity:0;line-height:1;animation-name:vibe-sparkle-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;transform:translate(-50%,-50%)scale(.4)}@keyframes vibe-sparkle-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.4)}50%{opacity:.85;transform:translate(calc(-50% + var(--drift-x)), calc(-50% + var(--drift-y))) scale(1)}}.vibe-pill-icon-label{letter-spacing:.04em;opacity:0;filter:grayscale();font-family:Jura,system-ui,-apple-system,sans-serif;transition:opacity .6s}.vibe-pill-icon-label--visible{opacity:1}.vibe-pill--open{background:linear-gradient(90deg, color-mix(in srgb, var(--vibe-color) 22%, transparent) 0%, transparent 55%), #080a14eb;-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:999px;flex-direction:column;align-items:stretch;gap:8px;width:clamp(240px,32vw,340px);height:258px;padding:24px 22px 26px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff14}.vibe-wave-wrap{border-radius:inherit;z-index:0;opacity:.4;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.vibe-wave{width:200%;height:100%;animation:7s linear infinite vibe-wave-scroll;position:absolute;top:0;left:0}@keyframes vibe-wave-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.vibe-preset-row{z-index:2;justify-content:center;gap:6px;animation:.35s .65s both vibe-panel-fade-in;display:flex;position:relative}.vibe-preset-emoji{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.9rem;display:flex}.vibe-preset-emoji .vibe-emoji{filter:grayscale(.9);opacity:.55;transition:filter .2s,opacity .2s,transform .15s}.vibe-preset-emoji:hover .vibe-emoji,.vibe-preset-emoji--active .vibe-emoji{filter:grayscale(0) saturate(1.3) drop-shadow(0 0 8px hsla(var(--preset-hue), 85%, 62%, .5));opacity:1;transform:scale(1.08)}.vibe-emoji{filter:grayscale();display:inline-block}.vibe-emoji--flip{transform:rotate(180deg)translateY(-2px)}.vibe-preset-emoji:hover .vibe-emoji--flip,.vibe-preset-emoji--active .vibe-emoji--flip{transform:rotate(180deg)translateY(-2px)scale(1.08)}.vibe-name-row{z-index:2;justify-content:flex-end;align-items:center;gap:8px;font-family:Jura,system-ui,-apple-system,sans-serif;animation:.35s .65s both vibe-panel-fade-in;display:flex;position:relative}.vibe-name-row--empty{flex-direction:column;justify-content:center;gap:4px}.vibe-preset-name{letter-spacing:.08em;text-transform:lowercase;color:var(--vibe-color);opacity:.9;font-size:.72rem}.vibe-name-row:not(.vibe-name-row--empty) .vibe-preset-name{text-align:center;position:absolute;left:0;right:0}.vibe-speaker-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:transform .15s;display:flex}.vibe-speaker-btn:hover{transform:scale(1.12)}.vibe-pin-btn{z-index:3;color:#ffffff52;cursor:pointer;background:0 0;border:none;outline:none;padding:2px;transition:color .15s,transform .15s;display:flex;position:absolute;top:118px;right:1px}.vibe-pin-btn:focus{outline:none}.vibe-pin-btn:hover{color:#ffffffb3;transform:scale(1.12)}.vibe-pin-btn--active{color:#ffdc82e6}.vibe-pin-btn--active:hover{color:#ffdc82}@property --speaker-hue{syntax:"<angle>";inherits:false;initial-value:0deg}.vibe-speaker-svg{--speaker-hue:0deg;color:hsl(var(--speaker-hue) 42% 74%);opacity:.6;transition:opacity .3s,animation-duration .3s;animation:20s linear infinite vibe-speaker-hue-cycle}.vibe-speaker-svg--playing{opacity:.9;animation-duration:8s}@keyframes vibe-speaker-hue-cycle{0%{--speaker-hue:0deg}to{--speaker-hue:360deg}}.vibe-knobs-row{z-index:2;justify-content:center;align-items:center;gap:12px;margin-top:auto;animation:.35s .65s both vibe-panel-fade-in;display:flex;position:relative}@keyframes vibe-panel-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.vibe-panel-content{flex-direction:column;flex:1;min-height:0;transition:opacity .3s;display:flex}.vibe-panel-content--closing{opacity:0}.vibe-knob{flex-direction:column;align-items:center;gap:3px;display:flex}.vibe-knob-label{color:#e6ebff73;text-transform:lowercase;font-family:Jura,system-ui,-apple-system,sans-serif;font-size:.56rem;transition:color .15s}.vibe-knob-label:hover{color:var(--knob-color)}.vibe-knob .vk__tip--inner{padding:1px 4px;font-size:.3rem}.vibe-knob .vk__tip--outer{top:-4px;bottom:auto;transform:translate(-50%,-100%)}.vibe-knob .vk__tip{border-radius:999px}.vibe-wordmark-row{z-index:3;justify-content:center;margin-top:4px;display:flex;position:relative}.vibe-wordmark{cursor:pointer;letter-spacing:.06em;text-transform:lowercase;opacity:.6;background:linear-gradient(90deg,#ff3b3b,#ff9d3b,#f4e33b,#3bff6e,#3bcbff,#8a3bff,#ff3b3b) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-family:Jura,system-ui,-apple-system,sans-serif;font-size:.66rem;font-weight:600;line-height:1;transition:opacity .2s,animation-duration .2s;animation:16s linear infinite vibe-wordmark-shift}.vibe-wordmark:hover{opacity:.95;animation-duration:6s}.vibe-empty-logo-wrap{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vibe-empty-logo{pointer-events:auto;cursor:pointer;letter-spacing:.08em;text-transform:lowercase;opacity:.55;background:linear-gradient(90deg,#ff3b3b,#ff9d3b,#f4e33b,#3bff6e,#3bcbff,#8a3bff,#ff3b3b) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-family:Jura,system-ui,-apple-system,sans-serif;font-size:1.6rem;font-weight:700;line-height:1;transition:opacity .2s,animation-duration .2s;animation:8s linear infinite vibe-wordmark-shift,3.2s ease-in-out infinite vibe-empty-logo-breathe;position:relative}.vibe-empty-logo:hover{opacity:.9;animation-duration:3s,3.2s}.vibe-empty-logo:before{content:"";z-index:-1;filter:blur(22px);opacity:.4;background-image:linear-gradient(90deg,#ff3b3b,#ff9d3b,#f4e33b,#3bff6e,#3bcbff,#8a3bff,#ff3b3b);background-size:300% 100%;border-radius:50%;animation:8s linear infinite vibe-wordmark-shift;position:absolute;inset:-50%}@keyframes vibe-empty-logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes vibe-wordmark-shift{0%{background-position:0 0}to{background-position:300% 0}}@media (width<=640px){.vibe-pill--open{width:min(320px,100vw - 32px)}}.qr-icon-btn{z-index:9000;color:#e6ebffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;transition:color .15s,transform .15s;display:flex;position:fixed;bottom:16px;right:16px}.qr-icon-btn:hover{color:#e6ebfff2;transform:scale(1.06)}.qr-modal-backdrop{z-index:9500;-webkit-backdrop-filter:blur(6px);background:#04060eb8;justify-content:center;align-items:center;padding:24px;animation:.2s both qr-backdrop-in;display:flex;position:fixed;inset:0}@keyframes qr-backdrop-in{0%{opacity:0}to{opacity:1}}.qr-modal{background:#080a14f5;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:14px;max-width:min(340px,90vw);padding:28px 30px 24px;font-family:Jura,system-ui,-apple-system,sans-serif;animation:.25s cubic-bezier(.22,1,.36,1) both qr-modal-in;display:flex;position:relative;box-shadow:0 20px 60px #0009}@keyframes qr-modal-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@property --qr-hue{syntax:"<angle>";inherits:true;initial-value:0deg}.qr-grid{aspect-ratio:1;cursor:pointer;--qr-hue:0deg;box-sizing:border-box;background:#c9c9c9;border-radius:10px;width:min(260px,70vw);padding:11%;animation:10s linear infinite qr-hue-cycle;display:grid;position:relative}.qr-cell{background:hsl(var(--qr-hue) 82% 30%)}@keyframes qr-hue-cycle{0%{--qr-hue:0deg}to{--qr-hue:360deg}}.qr-actions-row{z-index:2;-webkit-backdrop-filter:blur(4px);background:#0a0a10d1;border-radius:999px;grid-area:1/1/-1/-1;place-self:center;gap:10px;padding:8px 14px;animation:.18s both qr-actions-in;display:flex}@keyframes qr-actions-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-action-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .15s;display:flex}.qr-action-btn:hover{color:#fff;transform:scale(1.12)}.qr-modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;position:absolute;top:10px;right:12px}.qr-modal-close:hover{color:#ffffffe6}.qr-fund-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .15s;display:flex;position:absolute;bottom:10px;right:12px}.qr-fund-btn:hover{color:#ff6e8ce6;transform:scale(1.12)}