#lights{overflow:hidden;position:absolute}#lights,canvas{width:100%;height:100%}.gradient-button{position:relative;outline:0;border:0;text-align:center}.gradient-button:disabled{color:rgba(255,255,255,.4);cursor:not-allowed}.gradient-button:not(:disabled){cursor:pointer;color:rgba(255,255,255,.9);transition:transform .1s ease;background-image:linear-gradient(-45deg,#338aff,#3cf0c5,#338aff,#3cf0c5);background-size:600%;animation:anim 16s linear infinite}.gradient-button:not(:disabled):active{transform:scale(.99)}.gradient-button:not(:disabled):after{content:"";position:absolute;inset:0;transform:translateY(30px) translateZ(0);z-index:-1;pointer-events:none;border-radius:inherit;filter:blur(30px);-webkit-filter:blur(30px);opacity:.8;background-image:linear-gradient(-45deg,#338aff,#3cf0c5,#338aff,#3cf0c5);background-size:600%;animation:anim 16s linear infinite;will-change:transform,filter}@keyframes anim{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gridscan{position:relative;width:100%;height:100%;overflow:hidden}.gridscan__preview{position:absolute;right:12px;bottom:12px;width:220px;height:132px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px rgba(0,0,0,.4);background:#000;color:#fff;font:12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:none}.gridscan__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gridscan__badge{position:absolute;left:8px;top:8px;padding:2px 6px;background:rgba(0,0,0,.5);border-radius:6px;backdrop-filter:blur(4px)}.dot-grid{display:flex;align-items:center;justify-content:center}.dot-grid,.dot-grid__wrap{height:100%;width:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}