.demo-stage{background:#ffffff09}[data-theme=light] .demo-stage{background:#ffffff7a}.demo-softie{background:#f5f5f3;border-radius:1rem;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.demo-softie-slime{z-index:1;transform-origin:50% 90%;filter:drop-shadow(0 8px 18px #f17fa938);width:58%;height:auto;animation:1.9s cubic-bezier(.28,.84,.42,1) infinite demo-softie-bounce;position:relative}.demo-softie-eyes{transform-origin:24px 28px;animation:3.4s infinite demo-softie-blink}.demo-softie-mouth{transform-origin:24px 31.5px;animation:1.9s ease-in-out infinite demo-softie-mouth}.demo-softie-shadow{background:radial-gradient(#f17fa952,#0000 72%);border-radius:50%;width:38%;height:12px;margin-top:-6px;animation:1.9s cubic-bezier(.28,.84,.42,1) infinite demo-softie-shadow}@keyframes demo-softie-bounce{0%,to{transform:translateY(8%)scale(1.08,.92)}18%{transform:translateY(-10%)scale(.92,1.08)}35%{transform:translateY(-14%)scale(.96,1.04)}52%{transform:translateY(8%)scale(1.12,.88)}68%{transform:translateY(2%)scale(.98,1.02)}82%{transform:translateY(8%)scale(1.03,.97)}}@keyframes demo-softie-blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes demo-softie-mouth{0%,52%,to{transform:scale(1)}25%{transform:scale(1.08,.95)}}@keyframes demo-softie-shadow{0%,to{opacity:.9;transform:scale(1.15,1.1)}18%,35%{opacity:.35;transform:scale(.65,.6)}52%{opacity:1;transform:scale(1.25,1.15)}68%{opacity:.6;transform:scale(.9,.85)}}.demo-s65{background:#05070a;border-radius:1rem;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.demo-s65-glow{filter:blur(22px);background:radial-gradient(#25d6e947,#0000 72%);width:88%;height:42%;position:absolute}.demo-s65-svg{z-index:1;filter:drop-shadow(0 0 18px #25d6e938);width:92%;height:auto;position:relative;overflow:visible}.demo-s65-bg{fill:none;stroke:#6f767c;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.demo-s65-fill{fill:url(#demo-s65-shine)}.demo-duo{background:#f6f6f3;place-items:center;width:100%;height:100%;display:grid}.demo-duo-phone{aspect-ratio:.69;background:#1c1c1e;border-radius:1.15rem 1.15rem 1.15rem .28rem;width:38%;max-width:118px;padding:5px;box-shadow:0 10px 24px #2426221f}.demo-duo-screen{background:radial-gradient(circle at 70% 18%,#ffecd28c,#0000 38%),linear-gradient(#d7c3a4 0%,#c4b18c 42%,#9a8668 100%);border-radius:.92rem .92rem .92rem .18rem;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.demo-duo-clock{color:#fff;letter-spacing:-.04em;font-size:1.7rem;font-weight:200;line-height:1}.demo-lanyard{place-items:start center;width:100%;height:100%;display:grid;position:relative}.demo-lanyard-hang{transform-origin:top;flex-direction:column;align-items:center;width:100%;height:100%;animation:3.6s ease-in-out infinite demo-lanyard-swing;display:flex}.demo-lanyard-strap{background:#111113;border-radius:4px;flex-direction:column;flex:auto;align-items:center;gap:.7rem;width:28px;min-height:36px;padding-top:.35rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.demo-lanyard-mark{color:#f4f4f5;flex-shrink:0;width:18px;height:18px}.demo-lanyard-clip{z-index:1;background:linear-gradient(#3f3f46,#18181b);border-radius:2px;flex-shrink:0;width:28px;height:11px;margin-top:-3px;box-shadow:0 1px #ffffff24,inset 0 -1px #00000080}.demo-lanyard-card{aspect-ratio:2/3;background:#141416;border-radius:.85rem;flex-shrink:0;width:58%;max-width:200px;margin-top:-5px;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000061,inset 0 0 0 1px #ffffff1a}.demo-lanyard-face{object-fit:cover;width:100%;height:100%;display:block}@keyframes demo-lanyard-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.demo-text-anim{letter-spacing:-.021em;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(2.6rem,13vw,4.5rem);font-weight:600;display:flex}.demo-text-anim span{animation:2s ease-in-out infinite demo-text-wave;display:inline-block}.demo-text-anim span:nth-child(2){animation-delay:.1s}.demo-text-anim span:nth-child(3){animation-delay:.2s}.demo-text-anim span:nth-child(4){animation-delay:.3s}.demo-height{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25rem;display:flex}.demo-height-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:700;line-height:1}.demo-height-unit{color:var(--muted-foreground);margin-top:.3rem;font-size:.85rem;font-weight:500}.demo-height-ruler{width:100%;height:64px;margin-top:.85rem;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.demo-height-ticks{background:repeating-linear-gradient(90deg, var(--muted-foreground) 0 1px, transparent 1px 8px);height:28px;animation:5.6s ease-in-out infinite demo-height-pan;position:absolute;inset:18px 0 auto}.demo-height-ticks:after{content:"";background:repeating-linear-gradient(90deg, var(--foreground) 0 2px, transparent 2px 40px);position:absolute;inset:0}.demo-height-pointer{z-index:1;border:5px solid #0000;border-top:10px solid #9631fe;border-bottom-width:0;width:0;height:0;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes demo-height-pan{0%,to{transform:translate(-12%)}50%{transform:translate(12%)}}.demo-weight{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25rem 1.25rem .5rem;display:flex}.demo-weight-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:700;line-height:1}.demo-weight-unit{color:var(--muted-foreground);margin-top:.3rem;font-size:.85rem;font-weight:500}.demo-weight-arc{width:100%;height:108px;margin-top:.35rem;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.demo-weight-svg{transform-origin:50% 280px;width:100%;height:90px;animation:5.6s ease-in-out infinite demo-weight-spin;position:absolute;inset:18px 0 0;overflow:visible}.demo-weight-svg line{stroke:var(--muted-foreground);stroke-width:1.25px;stroke-linecap:round}.demo-weight-pointer{z-index:1;border:5px solid #0000;border-top:10px solid #9631fe;border-bottom-width:0;width:0;height:0;position:absolute;top:4px;left:50%;transform:translate(-50%)}.demo-weight-needle{z-index:1;background:var(--foreground);border-radius:999px;width:2px;height:22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}@keyframes demo-weight-spin{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.demo-elastic{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25rem;display:flex}.demo-elastic-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:700;line-height:1}.demo-elastic-row{transform-origin:50%;align-items:center;gap:.75rem;width:100%;margin-top:1.25rem;animation:2.8s ease-in-out infinite demo-elastic-stretch;display:flex}.demo-elastic-icon{width:22px;height:22px;color:var(--muted-foreground);flex-shrink:0}.demo-elastic-track{background:color-mix(in srgb, var(--muted-foreground) 40%, transparent);border-radius:9999px;flex:auto;height:8px;position:relative;overflow:hidden}.demo-elastic-range{background:var(--foreground);border-radius:9999px;width:50%;height:100%;display:block}@keyframes demo-elastic-stretch{0%,to{transform:scaleX(1)}35%{transform:scaleX(1.12)}55%{transform:scaleX(.92)}72%{transform:scaleX(1.04)}}.demo-dual{justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem 1.75rem;display:flex}.demo-dual-track{background:color-mix(in srgb, var(--muted-foreground) 28%, transparent);border-radius:999px;width:100%;height:7px;position:relative}.demo-dual-range{background:#9631fe;border-radius:999px;width:36%;height:100%;animation:4.8s ease-in-out infinite demo-dual-span;position:absolute;top:0;left:22%}.demo-dual-bubble{color:#fff;font-variant-numeric:tabular-nums;background:#9631fe;border:2px solid #111;border-radius:999px;place-items:center;min-width:2.4rem;padding:.2rem .7rem .45rem;font-size:.75rem;font-weight:600;line-height:1.2;display:grid;position:absolute;left:22%;transform:translate(-50%,-118%)}.demo-dual-bubble:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#9631fe;width:10px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.demo-dual-bubble-bot{padding:.45rem .7rem .2rem;animation:4.8s ease-in-out infinite demo-dual-upper;left:58%;transform:translate(-50%,48%)}.demo-dual-bubble-bot:after{clip-path:polygon(50% 0,0 100%,100% 100%);top:-5px;bottom:auto}.demo-dual-bubble-top{animation:4.8s ease-in-out infinite demo-dual-lower}@keyframes demo-dual-span{0%,to{width:36%;left:22%}50%{width:52%;left:18%}}@keyframes demo-dual-lower{0%,to{left:22%}50%{left:18%}}@keyframes demo-dual-upper{0%,to{left:58%}50%{left:70%}}.demo-glass{background:#111;border-radius:1rem;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.demo-glass-photo{object-fit:cover;filter:grayscale();border-radius:1rem;width:78%;height:auto;animation:6s ease-in-out infinite demo-glass-pan}.demo-glass-lens{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(1.4);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;width:58%;height:28%;position:absolute;box-shadow:inset 0 1px #ffffff59,0 8px 24px #0000002e}.demo-shanghai{background:#f2ece2;border-radius:1rem;place-items:center;width:100%;height:100%;display:grid}.demo-shanghai-book{aspect-ratio:4/3;background:#f6f0e4;border-radius:2px;width:86%;position:relative;overflow:hidden;box-shadow:0 14px 28px #3c281029,inset 0 2px #ffffff80}.demo-shanghai-plate{object-fit:cover;width:100%;height:100%}.demo-shanghai-gutter{pointer-events:none;background:linear-gradient(90deg,#0000,#46301624 50%,#0000);width:18px;position:absolute;inset:0 50% 0 auto;transform:translate(-50%)}.demo-shanghai-loupe{aspect-ratio:1;background:#fffcf61f;border:4px solid #c4a15a;border-radius:50%;width:22%;position:absolute;bottom:12%;right:10%;box-shadow:0 8px 16px #281c0a38,inset 0 1px #ffffff73}.demo-drawn{background:#05060a;border-radius:1rem;place-items:center;width:100%;height:100%;display:grid}.demo-drawn-svg{width:92%;height:auto;overflow:visible}.demo-drawn-glow,.demo-drawn-tube{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2600;stroke-dashoffset:2600px;animation:4.4s ease-in-out infinite demo-drawn-write}.demo-drawn-glow{stroke:#8b5cff;stroke-width:22px;opacity:.55;filter:blur(8px)}.demo-drawn-tube{stroke:url(#demo-drawn-ink);stroke-width:8px}@keyframes demo-drawn-write{0%{stroke-dashoffset:2600px;opacity:.35}40%,68%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:2600px;opacity:.2}}@keyframes demo-glass-pan{0%,to{transform:translateY(6%)}50%{transform:translateY(-6%)}}@keyframes demo-text-wave{0%,to{opacity:.28;filter:blur(6px);transform:translateY(10px)}40%,58%{opacity:1;filter:blur();transform:translateY(0)}}.demo-stage-link{cursor:pointer}.demo-stage-link:hover{background:#ffffff0e}[data-theme=light] .demo-stage-link:hover{background:#ffffffb8}.demo-media{cursor:default}.demo-stage-playable .demo-media{cursor:pointer}.demo-poster,.demo-video{object-fit:contain;aspect-ratio:9/19.5;max-width:100%;max-height:100%}.demo-video{opacity:0;position:absolute}.demo-media.is-playing .demo-poster{opacity:0}.demo-media.is-playing .demo-video{opacity:1}.demo-play{color:#ffffffeb;filter:drop-shadow(0 0 20px #0003);pointer-events:none;place-items:center;width:3.5rem;height:3.5rem;transition:opacity .15s;display:grid;position:absolute}.demo-play svg{width:100%;height:100%}.demo-media.is-playing .demo-play{opacity:0}@media (prefers-reduced-motion:reduce){.demo-lanyard-hang,.demo-text-anim span,.demo-height-ticks,.demo-weight-svg,.demo-elastic-row,.demo-dual-range,.demo-dual-bubble-top,.demo-dual-bubble-bot,.demo-glass-photo,.demo-drawn-glow,.demo-drawn-tube,.demo-softie-slime,.demo-softie-eyes,.demo-softie-mouth,.demo-softie-shadow{animation:none}.demo-drawn-glow,.demo-drawn-tube{stroke-dashoffset:0;opacity:1}.demo-text-anim span{opacity:1;filter:none;transform:none}}