:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.debug *{outline:1px solid rgba(255,0,0,.3)!important}.debug-anim span{background-color:#0f03!important;border:1px solid red!important}.sidebar{width:200px;background:#2c3e50;padding:20px;display:flex;flex-direction:column;gap:10px}button{padding:12px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}button:hover{background:#2980b9}.image-drop-container[data-v-9d184712]{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.image-drop-container[data-v-9d184712] .animated-image{position:absolute;background:#fff;pointer-events:none;border-radius:50%;background-size:cover;transform:translate(-50%,-50%);animation:floatAnimation-9d184712 15s linear forwards}@keyframes floatAnimation-9d184712{0%{transform:translate(-50%,-50%) scale(.5);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.tornado-container[data-v-095faef4]{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000}.tornado-container span{position:absolute;pointer-events:none;background-size:cover;background-position:center;border-radius:20%;animation:tornadoAnimation 6s linear forwards;transform-origin:center;box-shadow:0 0 10px #ffffff80;transform:translate(-50%,-50%) rotate(var(--start-angle, 0deg)) translate(50px) translateY(0) scale(.4)}@keyframes tornadoAnimation{0%{transform:translate(-50%,-50%) rotate(var(--start-angle, 0deg)) translate(50px) translateY(0) scale(.4);opacity:1;filter:hue-rotate(0deg) blur(0px)}50%{transform:translate(-50%,-50%) rotate(calc(var(--start-angle, 0deg) + 360deg)) translate(200px) translateY(30px) scale(.8);filter:hue-rotate(180deg) blur(1px)}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle, 0deg) + 720deg)) translate(400px) translateY(-50px) scale(1.2);opacity:0;filter:hue-rotate(360deg) blur(3px)}}.float-container[data-v-4f7192ec]{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000;border:1px solid #00ff00}.falling-image{position:absolute;display:block;background-size:cover;background-position:center;pointer-events:none;will-change:transform;background-color:#ff00004d;border:1px solid yellow}.spin-container[data-v-b3279ad1]{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000}.spin-container span{animation:spinAnimation 6s linear forwards;transform-origin:center}@keyframes spinAnimation{0%{transform:perspective(500px) rotateY(0) translate(0);opacity:1}50%{transform:perspective(500px) rotateY(25deg) translate(50vw);opacity:1}to{transform:perspective(500px) rotateY(50deg) translate(200vw);opacity:0}}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}.app{display:flex;height:100vh;width:100vw}main{flex:1;position:relative;background:#000;overflow:hidden;border:2px solid red}