*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:#000;color:#fff;overflow:hidden}:root{--strobe-speed: .05s;--glitch-intensity: 1;--rgb-offset: 0px;--pulse-duration: .5s}.strobe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;pointer-events:none;mix-blend-mode:overlay;animation:strobe-flash var(--strobe-speed) infinite}@keyframes strobe-flash{0%,to{opacity:0}50%{opacity:1}}.scanlines-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000004d 50%,#0000004d);background-size:100% 6px;z-index:950;pointer-events:none;opacity:.8;animation:scanline-scroll 10s linear infinite}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100vh}}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;z-index:960;pointer-events:none;mix-blend-mode:screen;animation:noise-jitter .2s steps(2) infinite}@keyframes noise-jitter{0%{transform:translate(0)}to{transform:translate(-5px,5px)}}.bpm-pulse-anim{animation:bpm-pulse var(--pulse-duration) ease-out infinite}@keyframes bpm-pulse{0%{transform:scale(1);filter:brightness(1)}10%{transform:scale(1.05);filter:brightness(1.5)}50%{transform:scale(1);filter:brightness(1)}}.vfx-glitch{animation:glitch-anim .2s infinite;filter:hue-rotate(calc(90deg * var(--glitch-intensity))) contrast(2)}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(calc(-10px * var(--glitch-intensity)),calc(5px * var(--glitch-intensity)))}40%{transform:translate(calc(10px * var(--glitch-intensity)),calc(-5px * var(--glitch-intensity)))}to{transform:translate(0)}}.vj-card{background:#0f0f0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem}.neon-button{background:#0f8;color:#000;font-weight:900;text-transform:uppercase;border:none;border-radius:4px;padding:.8rem;cursor:pointer;transition:.2s}.vj-input{background:#000;border:1px solid #333;color:#fff;padding:.8rem;border-radius:6px;font-size:16px}.typewriter-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:600;padding:3rem;max-width:90%;background:#000000d9;border-left:15px solid #00ff88;box-shadow:0 0 100px #000}.typewriter-text{font-family:Courier New,Courier,monospace;font-size:5rem;font-weight:900;color:#fff;line-height:1.1;text-transform:uppercase}.typewriter-cursor{display:inline-block;width:2rem;height:4.5rem;background:#0f8;margin-left:10px;animation:blink .6s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.vfx-badge{position:absolute;top:30px;left:50%;transform:translate(-50%);background:#f05;color:#fff;padding:10px 30px;font-family:monospace;font-weight:900;font-size:1.2rem;letter-spacing:5px;z-index:800;animation:pulse-red .5s infinite alternate}@keyframes pulse-red{0%{opacity:.6}to{opacity:1}}.bento-grid{display:grid;gap:10px;width:100vw;height:100vh;padding:10px;background:#000}.bento-item{position:relative;overflow:hidden;border-radius:12px;background:#050505}.floating-emoji{position:absolute;pointer-events:none;z-index:1000;font-size:4rem;animation:float-up 3s ease-out forwards;opacity:0}@keyframes float-up{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-600px);opacity:0}}