.lightstick-app{--glow:255, 95, 190;--intensity:1;--mouse-x:50%;--mouse-y:42%;--tilt-x:0deg;--tilt-y:0deg;overscroll-behavior:contain;color:#fff;isolation:isolate;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#020304;background-image:linear-gradient(#090b10 0%,#050609 48%,#020304 100%);justify-content:center;align-items:center;width:100%;height:100dvh;min-height:620px;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;transition:background .4s;display:flex;position:relative;overflow:hidden}:-webkit-any(.lightstick-app:fullscreen,.lightstick-app:-webkit-full-screen){justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background-color:#020304!important;background-image:linear-gradient(#090b10 0%,#050609 48%,#020304 100%)!important;display:flex!important}:is(.lightstick-app:fullscreen,.lightstick-app:fullscreen){justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background-color:#020304!important;background-image:linear-gradient(#090b10 0%,#050609 48%,#020304 100%)!important;display:flex!important}.lightstick-app::backdrop{background:#020304}html.lightstick-page,html.lightstick-page body{overscroll-behavior:none;background:#020304;min-height:100%}.lightstick-app *,.lightstick-app :before,.lightstick-app :after{box-sizing:border-box}.lightstick-app__ambient,.lightstick-app__vignette,.lightstick-app__particles{pointer-events:none;position:absolute;inset:0}.lightstick-app__ambient{z-index:-2;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(var(--glow), calc(.11 * var(--intensity))), rgba(var(--glow), calc(.035 * var(--intensity))) 18%, transparent 42%);transition:opacity .4s}.lightstick-app__vignette{z-index:10;background:radial-gradient(#0000 38%,#00000047 70%,#000c 100%)}.lightstick-app__header{z-index:20;top:max(32px, calc(env(safe-area-inset-top) + 20px));text-align:center;margin:0;transition:opacity .45s,transform .45s;position:absolute;left:50%;transform:translate(-50%)}.lightstick-app__eyebrow{color:#ffffff59;letter-spacing:.34em;margin:0 0 10px;font-size:10px;font-weight:600}.lightstick-app__header h1{color:#fffffff5;letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,46px);font-weight:500;line-height:1.1}.lightstick-app__subtitle{color:#ffffff52;margin:10px 0 0;font-size:12px}.lightstick-app__scene{z-index:1;perspective:1400px;width:min(520px,100vw);height:min(690px,80dvh);transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.lightstick-app__float,.lightstick-app__rotate,.lightstick-app__tilt{width:100%;height:100%;transform-style:preserve-3d}.lightstick-app__float{width:320px;height:580px;animation:5.5s ease-in-out infinite lightstick-float}.lightstick-app__rotate{animation:8.5s ease-in-out infinite lightstick-rotate}.lightstick-app__tilt{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));will-change:transform}.lightstick-app__stick{filter:drop-shadow(0 36px 30px #000000a6);width:200px;height:500px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(40px)}.lightstick-app__orb-wrap{width:200px;height:200px;transform-style:preserve-3d;position:absolute;top:0;left:50%;transform:translate(-50%)translateZ(40px)}.lightstick-app__bloom-large,.lightstick-app__bloom{pointer-events:none;border-radius:50%;animation:3.4s ease-in-out infinite lightstick-bloom;position:absolute;top:50%;left:50%}.lightstick-app__bloom-large{background:radial-gradient(circle, rgba(var(--glow), calc(.18 * var(--intensity))), rgba(var(--glow), calc(.07 * var(--intensity))) 35%, transparent 70%);filter:blur(25px);width:320px;height:320px;transform:translate(-50%,-50%)translateZ(-60px)}.lightstick-app__bloom{background:radial-gradient(circle, rgba(var(--glow), calc(.38 * var(--intensity))), rgba(var(--glow), calc(.15 * var(--intensity))) 33%, transparent 70%);filter:blur(13px);width:230px;height:230px;transform:translate(-50%,-50%)translateZ(-20px)}.lightstick-app__orb{background:radial-gradient(circle at 34% 27%, #fffffff2, #ffffff45 8%, transparent 22%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, calc(.3 * var(--intensity))), rgba(var(--glow), calc(.94 * var(--intensity))) 22%, rgba(var(--glow), calc(.46 * var(--intensity))) 47%, rgba(var(--glow), calc(.12 * var(--intensity))) 67%, #ffffff0f 100%);width:154px;height:154px;box-shadow:inset 0 0 14px #ffffff8c, inset 12px 12px 28px #ffffff21, inset -14px -15px 24px #0003, 0 0 calc(20px + 20px * var(--intensity)) rgba(var(--glow), calc(.75 * var(--intensity))), 0 0 calc(55px + 45px * var(--intensity)) rgba(var(--glow), calc(.43 * var(--intensity))), 0 0 calc(100px + 70px * var(--intensity)) rgba(var(--glow), calc(.15 * var(--intensity)));border:1px solid #ffffff73;border-radius:49% 51% 50% 50%/51% 49%;transition:box-shadow .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(22px)}.lightstick-app__orb-highlight{filter:blur(2px);background:radial-gradient(#ffffffdb,#ffffff2b 48%,#0000 70%);border-radius:50%;width:56px;height:28px;position:absolute;top:38px;left:45px;transform:rotate(-25deg)translateZ(60px)}.lightstick-app__logo-core{width:66px;height:66px;box-shadow:inset 0 0 15px #ffffff2e, 0 0 calc(15px + 18px * var(--intensity)) rgba(255, 255, 255, calc(.3 * var(--intensity)));background:linear-gradient(145deg,#ffffff1f,#ffffff05);border:2px solid #ffffffb3;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(55px)rotate(45deg)}.lightstick-app__logo-core:before,.lightstick-app__logo-core:after{content:"";background:#ffffffe6;border-radius:10px;position:absolute;top:50%;left:50%}.lightstick-app__logo-core:before{width:34px;height:2px;transform:translate(-50%,-50%)}.lightstick-app__logo-core:after{width:2px;height:34px;transform:translate(-50%,-50%)}.lightstick-app__neck{background:linear-gradient(90deg,#08090d,#444750 14%,#b5b7bd 29%,#f2f2f3 48%,#a1a4ab 67%,#2b2e34 84%,#08090d);border:1px solid #ffffff40;border-radius:15px 15px 10px 10px;width:82px;height:50px;position:absolute;top:150px;left:50%;transform:translate(-50%)translateZ(10px);box-shadow:inset 0 4px 5px #ffffff40,inset 0 -6px 8px #00000073,0 6px 12px #00000073}.lightstick-app__handle{background:linear-gradient(90deg,#07080b 0%,#17191e 10%,#51545c 23%,#dedfe2 39%,#f8f8f9 48%,#aaaeb5 65%,#34363d 82%,#0c0d11 100%);border:1px solid #ffffff3d;border-radius:17px 17px 28px 28px;width:66px;height:280px;position:absolute;top:188px;left:50%;transform:translate(-50%);box-shadow:inset 10px 0 17px #ffffff1c,inset -13px 0 17px #00000057,0 18px 24px #0000008c}.lightstick-app__handle:before,.lightstick-app__handle:after{content:"";position:absolute}.lightstick-app__handle:before{border:1px solid #00000042;border-radius:22px;height:145px;top:58px;left:8px;right:8px;box-shadow:inset 0 0 18px #00000021}.lightstick-app__handle:after{background:linear-gradient(90deg,#090a0e,#565961,#d9dade,#74777e,#0b0c10);border-radius:7px 7px 17px 17px;width:76px;height:28px;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 8px 12px #00000080}.lightstick-app__power{z-index:2;width:31px;height:31px;box-shadow:0 3px 7px #0000008c, 0 0 calc(10px + 10px * var(--intensity)) rgba(var(--glow), calc(.35 * var(--intensity)));cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#aaa 25%,#373940 57%,#111217);border:1px solid #ffffff59;border-radius:50%;position:absolute;top:278px;left:50%;transform:translate(-50%)translateZ(25px)}.lightstick-app__power:after{background:rgb(var(--glow));width:7px;height:7px;box-shadow:0 0 9px rgba(var(--glow), var(--intensity));content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightstick-app__floor{background:radial-gradient(ellipse, rgba(var(--glow), calc(.2 * var(--intensity))), rgba(var(--glow), calc(.07 * var(--intensity))) 34%, transparent 72%);filter:blur(14px);border-radius:50%;width:400px;height:105px;animation:3.4s ease-in-out infinite lightstick-floor;position:absolute;bottom:5%;left:50%;transform:translate(-50%)rotateX(72deg)translateZ(-120px)}.lightstick-app__particle{top:var(--particle-top);left:var(--particle-left);height:var(--particle-size);width:var(--particle-size);box-shadow:0 0 7px rgba(var(--glow), .7);opacity:0;animation:lightstick-particle var(--particle-duration) linear var(--particle-delay) infinite;background:#ffffffbf;border-radius:50%;position:absolute}.lightstick-app__controls{bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px));z-index:50;-webkit-backdrop-filter:blur(24px)saturate(130%);background:#121419ad;border:1px solid #ffffff17;border-radius:24px;width:min(560px,100% - 32px);padding:15px 18px;transition:opacity .4s,transform .4s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0d}.lightstick-app__control-row,.lightstick-app__color-section,.lightstick-app__intensity{align-items:center;display:flex}.lightstick-app__control-row{gap:15px}.lightstick-app__color-section{flex-shrink:0;gap:8px}.lightstick-app__color,.lightstick-app__custom-color{cursor:pointer;border:0;border-radius:50%;flex:none;width:30px;height:30px}.lightstick-app__color{background:var(--color);transition:transform .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #ffffff29}.lightstick-app__color:hover,.lightstick-app__color:focus-visible{transform:scale(1.12)}.lightstick-app__color.is-active{box-shadow:0 0 0 2px #17191f, 0 0 0 3px #fffc, 0 0 16px var(--color)}.lightstick-app__custom-color{background:0 0;padding:0;overflow:hidden}.lightstick-app__custom-color::-webkit-color-swatch-wrapper{padding:0}.lightstick-app__custom-color::-webkit-color-swatch{border:0;border-radius:50%}.lightstick-app__intensity{flex:1;gap:10px;min-width:0}.lightstick-app__intensity-icon{color:#ffffff73;text-align:center;width:16px;font-size:14px}.lightstick-app input[type=range]{appearance:none;background:linear-gradient(90deg, rgba(var(--glow), .95) 0%, rgba(var(--glow), .95) var(--range), #ffffff1f var(--range), #ffffff1f 100%);border-radius:10px;outline:none;width:100%;height:4px}.lightstick-app input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:0 2px 7px #0006, 0 0 12px rgba(var(--glow), .5);cursor:pointer;background:#fff;border-radius:50%}.lightstick-app input[type=range]::-moz-range-thumb{width:18px;height:18px;box-shadow:0 2px 7px #0006, 0 0 12px rgba(var(--glow), .5);cursor:pointer;background:#fff;border:0;border-radius:50%}.lightstick-app__intensity output{color:#ffffff73;text-align:right;width:36px;font-size:11px}.lightstick-app__immersive-button{color:#ffffffbf;cursor:pointer;letter-spacing:.02em;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;height:36px;padding:0 15px;font-size:11px;font-weight:550;transition:background .2s,border .2s}.lightstick-app__immersive-button:hover,.lightstick-app__immersive-button:focus-visible{background:#ffffff1a;border-color:#ffffff2e}.lightstick-app__lock{top:max(20px, calc(env(safe-area-inset-top) + 12px));right:max(20px, calc(env(safe-area-inset-right) + 12px));z-index:1000;color:#ffffff73;cursor:pointer;opacity:0;pointer-events:none;touch-action:none;-webkit-backdrop-filter:blur(14px);background:#0a0c103d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;line-height:1;transition:opacity .35s,color .2s;display:flex;position:fixed}.lightstick-app__lock:hover,.lightstick-app__lock:focus-visible{color:#fffc}.lightstick-app__lock-progress{background:conic-gradient(#fffc var(--progress), #ffffff0f 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 65%,#000 67%);mask:radial-gradient(circle,#0000 65%,#000 67%)}.lightstick-app__tip{bottom:max(110px, calc(env(safe-area-inset-bottom) + 94px));z-index:1100;color:#ffffff8c;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;background:#0f111599;border:1px solid #ffffff14;border-radius:100px;margin:0;padding:10px 14px;font-size:11px;transition:opacity .4s,transform .4s;position:fixed;left:50%;transform:translate(-50%)translateY(15px)}.lightstick-app__tip.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.lightstick-app.is-immersive{cursor:none;touch-action:none}.lightstick-app.is-immersive .lightstick-app__header{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-15px)}.lightstick-app.is-immersive .lightstick-app__controls{opacity:0;pointer-events:none;transform:translate(-50%)translateY(30px)}.lightstick-app.is-immersive .lightstick-app__scene{pointer-events:none}.lightstick-app.is-immersive .lightstick-app__lock{opacity:.65;pointer-events:auto}.lightstick-app.is-immersive .lightstick-app__tip{bottom:max(32px, calc(env(safe-area-inset-bottom) + 16px))}.lightstick-app.is-powered-off .lightstick-app__orb,.lightstick-app.is-powered-off .lightstick-app__power,.lightstick-app.is-powered-off .lightstick-app__particle{transition:box-shadow .35s,background .35s,opacity .35s}@keyframes lightstick-float{0%,to{transform:translateY(7px)}50%{transform:translateY(-13px)}}@keyframes lightstick-rotate{0%,to{transform:rotateY(-7deg)rotate(-.7deg)}50%{transform:rotateY(7deg)rotate(.7deg)}}@keyframes lightstick-bloom{0%,to{opacity:.82;scale:.97}50%{opacity:1;scale:1.05}}@keyframes lightstick-floor{0%,to{opacity:.7;scale:.94}50%{opacity:1;scale:1.03}}@keyframes lightstick-particle{0%{opacity:0;transform:translateY(30px)scale(.5)}20%{opacity:.55}80%{opacity:.2}to{opacity:0;transform:translateY(-170px)scale(1.1)}}@media (width<=650px){.lightstick-app__header{top:max(25px, calc(env(safe-area-inset-top) + 12px))}.lightstick-app__scene{scale:.87}.lightstick-app__controls{padding:13px 14px}.lightstick-app__control-row{gap:11px}.lightstick-app__color,.lightstick-app__custom-color{width:27px;height:27px}.lightstick-app__immersive-button{width:36px;padding:0;font-size:0}.lightstick-app__immersive-button:after{content:"⛶";font-size:18px}}@media (prefers-reduced-motion:reduce){.lightstick-app *,.lightstick-app :before,.lightstick-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lightstick-content{z-index:1;position:relative}.lightstick-content h2{text-wrap:balance}.lightstick-content p{text-wrap:pretty}