@tailwind base;@tailwind components;@tailwind utilities;*,:before,:after{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#00f5d414 0%,#0000 60%),radial-gradient(60% 40% at 20% 90%,#ff00800d 0%,#0000 50%),radial-gradient(60% 40% at 80% 90%,#00f5d40a 0%,#0000 50%);position:fixed;inset:0}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#ffffff08;border:1px solid #ffffff0f;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a}.glass-panel-strong{-webkit-backdrop-filter:blur(32px)saturate(1.3);background:#ffffff0a;border:1px solid #ffffff12;box-shadow:0 8px 48px #00000080,inset 0 1px #ffffff0d}.custom-slider-track{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0a;border-radius:9999px;height:6px;position:relative;overflow:hidden}.custom-slider-fill{pointer-events:none;border-radius:9999px;height:100%;transition:width 40ms linear;position:absolute;top:0;left:0}.custom-slider-thumb{z-index:2;cursor:grab;border-radius:50%;width:22px;height:22px;transition:box-shadow .2s,transform .15s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.2)}@keyframes pulse-border{0%,to{border-color:#00f5d433}50%{border-color:#00f5d466}}.neon-pulse-border{animation:3s ease-in-out infinite pulse-border}@keyframes ripple{0%{opacity:.5;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.ripple-effect{top:50%;left:var(--thumb-x,50%);pointer-events:none;z-index:1;background:radial-gradient(circle,#00f5d426 0%,#0000 60%);border-radius:50%;width:60px;height:60px;animation:.6s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes liquid-spin{0%{transform:rotate(0)scale(.8)}50%{transform:rotate(180deg)scale(1)}to{transform:rotate(360deg)scale(.8)}}.liquid-loader{filter:blur(.5px);background:linear-gradient(135deg,#00f5d4,#ff0080);width:48px;height:48px;animation:1.6s cubic-bezier(.45,.05,.55,.95) infinite liquid-spin}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.glow-pulse{animation:2s ease-in-out infinite glow-pulse}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.btn-shimmer{background-size:200% 100%;animation:3s ease-in-out infinite shimmer}canvas{width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:9999px}.theme-toggle{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.toggle-label{letter-spacing:.08em;text-transform:uppercase;color:#6366f147;font-size:.58rem;font-weight:600}.toggle-label.is-active{color:#6366f1}html:not([data-theme=light]) .toggle-label-dark.is-active{color:#818cf8}.toggle-switch{cursor:pointer;width:38px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#334155a6;border:1px solid #6366f133;border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}[data-theme=light] .toggle-slider{background:#e2e8f0e6}[data-theme=light] .glass-panel,[data-theme=light] .glass-panel-strong{background:#ffffffd1;border-color:#0f172a14;box-shadow:0 8px 32px #0f172a14}[data-theme=light] .vm-root{color:#1e293b;background:#f8fafc}[data-theme=light] .vm-subtitle{color:#64748b}[data-theme=light] .vm-drop{background:#ffffffb3;border-color:#6366f126}[data-theme=light] .vm-btn{color:#334155;background:#ffffffe6;border-color:#6366f133}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a26}.vm-root{color:#e5e5e5;background:#0a0a0f;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.vm-container{z-index:1;flex-direction:column;gap:clamp(6px,1.2vh,10px);width:100%;max-width:720px;height:100%;max-height:100dvh;padding:clamp(8px,1.5vh,14px) clamp(12px,2.5vw,20px);display:flex;position:relative;overflow:hidden auto}.vm-header{text-align:center;flex-shrink:0}.vm-header-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.vm-logo-link{justify-content:center;text-decoration:none;display:inline-flex}.vm-logo-img{width:auto;height:clamp(28px,6vw,36px);display:block}.vm-title{letter-spacing:-.02em;background:linear-gradient(135deg,#00f5d4 0%,#ff0080 50%,#7928ca 100%);color:#0000;filter:drop-shadow(0 0 20px #00f5d499);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7vw,4rem);font-weight:900;line-height:1}.vm-subtitle{letter-spacing:.28em;text-transform:uppercase;color:#555;margin-top:6px;font-size:10px;font-weight:700}.vm-drop{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffff05;border:2px dashed #00f5d433;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:0;transition:all .35s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite pulse-border;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff08}.vm-drop:hover{border-color:#00f5d480}.vm-drop-active{background:#00f5d40a!important;border-color:#00f5d4bf!important;box-shadow:0 0 60px #00f5d433,inset 0 0 30px #00f5d40f!important}.vm-drop-compact{flex:none;min-height:68px;padding:0;animation:none}.vm-hidden-input{opacity:0;cursor:pointer;z-index:5;position:absolute;inset:0}.vm-hidden-input.vm-input-hidden,.vm-input-hidden{pointer-events:none}.vm-loader{background:linear-gradient(135deg,#00f5d4,#ff0080);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:36px;height:36px;animation:1.4s cubic-bezier(.45,.05,.55,.95) infinite liquid-spin}.vm-file-loaded{align-items:center;gap:14px;width:100%;height:100%;padding:14px 20px;display:flex}.vm-file-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.vm-file-info{flex:1;min-width:0}.vm-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.vm-file-meta{color:#888;margin-top:3px;font-size:11px}.vm-clear-btn{color:#aaa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:all .2s;display:flex}.vm-clear-btn:hover{color:#fff;background:#ff008033;border-color:#ff008066}.vm-prompt{pointer-events:none;align-items:center;gap:18px;display:flex}.vm-prompt-icon{filter:drop-shadow(0 0 20px #00f5d480);font-size:48px}.vm-prompt-text{pointer-events:none;flex-direction:column;gap:6px;display:flex}.vm-prompt-main{letter-spacing:-.01em;background:linear-gradient(#fff 30%,#ffffff80 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800}.vm-prompt-sub{color:#666;letter-spacing:.02em;font-size:13px}.vm-error{text-align:center;color:#ff4d6a;flex-shrink:0;font-size:13px;font-weight:600}.vm-viz{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 24px #0000004d}.vm-viz-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.vm-viz-label{letter-spacing:.22em;text-transform:uppercase;color:#666;font-size:10px;font-weight:700}.vm-viz-status{letter-spacing:.15em;color:#555;font-size:10px;font-weight:700}.vm-live{color:#00f5d4;text-shadow:0 0 10px #00f5d480}.vm-canvas{width:100%;height:clamp(60px,10vh,100px);display:block}.vm-viz-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.vm-time{color:#888;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.vm-mode-chip{letter-spacing:.12em;color:#666;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.vm-chip-active{color:#00f5d4;background:#00f5d41a;border-color:#00f5d44d;box-shadow:0 0 12px #00f5d426}.vm-controls{flex-direction:column;flex-shrink:0;gap:clamp(5px,.8vh,8px);display:flex}.vm-row-1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vm-btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:12px;padding:0;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s}.vm-btn:disabled{opacity:.35;cursor:not-allowed}.vm-btn-play{color:#000;background:linear-gradient(135deg,#00f5d4,#00d4aa);padding:10px 22px;box-shadow:0 0 20px #00f5d44d}.vm-btn-play:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #00f5d480}.vm-btn-active{color:#fff;background:linear-gradient(135deg,#ff0080,#ff4d6a);box-shadow:0 0 20px #ff00804d}.vm-btn-stop{color:#ccc;background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 18px}.vm-btn-stop:hover:not(:disabled){color:#fff;background:#ffffff1a}.vm-btn-download{color:#fff;background:linear-gradient(135deg,#7928ca,#ff0080);padding:12px;box-shadow:0 0 20px #7928ca4d}.vm-btn-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #7928ca80}.vm-ab-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-left:auto;display:flex;overflow:hidden}.vm-ab-btn{color:#777;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;min-height:44px;padding:10px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s}.vm-ab-btn:hover{color:#ccc}.vm-ab-active{color:#00f5d4;background:#00f5d41f;box-shadow:inset 0 0 10px #00f5d41a}.vm-ab-remix{color:#ff0080}.vm-sliders{flex-direction:column;gap:clamp(6px,1vh,10px);display:flex}.cs-wrap{flex-direction:column;gap:6px;display:flex}.cs-header{justify-content:space-between;align-items:center;display:flex}.cs-label{letter-spacing:.14em;text-transform:uppercase;color:#888;font-size:11px;font-weight:700}.cs-display{color:#00f5d4;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.cs-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:44px;min-height:44px;position:relative}.cs-groove{background:#ffffff14;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.cs-fill{border-radius:3px;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.cs-thumb{z-index:2;pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f5d480}.cs-ripple{pointer-events:none;z-index:1;background:#00f5d440;border-radius:50%;width:40px;height:40px;animation:.6s ease-out forwards ripple-out;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.cs-disabled .cs-thumb{background:#555;box-shadow:0 0 6px #ffffff1a}.cs-disabled{cursor:not-allowed;opacity:.5}.vm-fx-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.vs-toggle{appearance:none;color:#888;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:12px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.vs-toggle:hover:not(:disabled){color:#ccc;background:#ffffff0f;border-color:#fff3}.vs-toggle:disabled{opacity:.35;cursor:not-allowed}.vs-toggle-on{color:#fff}.vs-toggle-icon{font-size:14px;line-height:1}.vs-toggle-label{line-height:1.1}.vm-footer{text-align:center;color:#444;letter-spacing:.12em;flex-direction:column;flex-shrink:0;gap:4px;padding-top:2px;font-size:10px;display:flex}.vm-feedback-cta{width:100%;max-width:640px;margin:8px auto 0;padding:0 4px}.vm-feedback-cta-inner{text-align:left;background:#ffffff08;border:1px solid #00f5d424;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 0 24px #00f5d40a}.vm-feedback-cta-icon{color:#00f5d4;background:#00f5d414;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vm-feedback-cta-content{flex:1;min-width:0}.vm-feedback-cta-headline{letter-spacing:.06em;text-transform:uppercase;color:#ccc;margin-bottom:3px;font-size:10px;font-weight:700}.vm-feedback-cta-body{letter-spacing:.02em;color:#666;margin:0;font-size:9px;line-height:1.5}.vm-feedback-cta-button{letter-spacing:.08em;text-transform:uppercase;color:#0a0a0f;white-space:nowrap;background:linear-gradient(135deg,#00f5d4,#7928ca);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 12px;font-size:9px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.vm-feedback-cta-button:hover{opacity:.9;transform:translateY(-1px)}@media (width<=640px){.vm-feedback-cta-inner{text-align:center;flex-direction:column;gap:8px}.vm-feedback-cta-button{width:100%}}.vm-steps{flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 0;display:flex}.vm-step{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.vm-step-num{color:#000;background:linear-gradient(135deg,#00f5d4,#ff0080);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:flex}.vm-step-text{letter-spacing:.04em;color:#aaa;white-space:nowrap;font-size:10px;font-weight:700}.vm-step-arrow{color:#555;font-size:14px;font-weight:300}.vm-section-title{letter-spacing:.15em;text-transform:uppercase;color:#666;margin:0 0 8px;font-size:11px;font-weight:800}.vm-features{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;padding:14px 16px}.vm-feature-list{flex-direction:column;gap:10px;display:flex}.vm-feature-item{align-items:flex-start;gap:10px;display:flex}.vm-feature-icon{flex-shrink:0;margin-top:1px;font-size:16px}.vm-feature-item strong{color:#ccc;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.vm-feature-item p{color:#777;margin:0;font-size:10px;line-height:1.4}.vm-faq{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;padding:14px 16px}.vm-faq-item{border-bottom:1px solid #ffffff0a;padding:8px 0}.vm-faq-item:last-child{border-bottom:none}.vm-faq-q{color:#aaa;cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:700;list-style:none;display:flex}.vm-faq-q::-webkit-details-marker{display:none}.vm-faq-q:before{content:"+";color:#00f5d4;text-align:center;flex-shrink:0;width:14px;font-size:14px;font-weight:300}details[open] .vm-faq-q:before{content:"−"}.vm-faq-a{color:#777;margin:6px 0 0 22px;font-size:10px;line-height:1.5}@keyframes ripple-out{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.vm-reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(1.125rem)}.vm-reveal.vm-reveal--visible{opacity:1;transform:translate(0,0)}.vm-reveal-stagger>.vm-reveal-item{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(min(var(--vm-stagger-i,0), 8) * 60ms);transform:translateY(1rem)}.vm-reveal-stagger.vm-reveal--visible>.vm-reveal-item{opacity:1;transform:translate(0,0)}.vm-reveal-hero>.vm-reveal-item{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--vm-stagger-i,0) * 80ms + .1s);transform:translateY(.875rem)}.vm-reveal-hero.vm-reveal--visible>.vm-reveal-item{opacity:1;transform:translate(0,0)}@media (width<=768px){.vm-container{gap:clamp(5px,1vh,8px);padding:clamp(8px,1.5vh,12px) clamp(10px,3vw,16px)}.vm-row-1{gap:8px}.vm-btn-play,.vm-btn-stop,.vm-btn-download{min-height:44px;padding:12px 18px}.vm-fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vm-steps{flex-wrap:wrap;justify-content:center;gap:4px}.vm-step-arrow{display:none}.vm-step-text{white-space:normal;font-size:9px}.vm-ab-toggle{justify-content:stretch;width:100%;margin-left:0}.vm-ab-btn{text-align:center;flex:1}.vm-features,.vm-faq{padding:12px}}@media (width<=480px){.vm-title{font-size:clamp(1.75rem,10vw,2.5rem)}.vm-subtitle{letter-spacing:.18em;font-size:9px}.vm-drop-compact{min-height:72px}.vm-prompt-icon{font-size:36px}.vm-prompt-title{font-size:14px}.vm-fx-grid{grid-template-columns:1fr}.vm-file-loaded{gap:10px;padding:12px 14px}}@media (prefers-reduced-motion:reduce){.vm-reveal,.vm-reveal-stagger>.vm-reveal-item,.vm-reveal-hero>.vm-reveal-item{opacity:1;will-change:auto;transition:none;transform:none}}.vibe-bg{z-index:0;pointer-events:none;background:radial-gradient(100% 70% at 50% 110%,#0a0a0ff2 0%,#0000 55%),radial-gradient(80% 50% at 0 0,#6366f12e 0%,#0000 50%),radial-gradient(60% 45% at 100% 30%,#06b6d41f 0%,#0000 45%),#0a0a0f;position:fixed;inset:0;overflow:hidden}.vibe-bg__beat-pulse{background:radial-gradient(90% 60%,#ff00800a 0%,#0000 55%),radial-gradient(70% 50% at 30% 70%,#00f5d408 0%,#0000 50%);animation:4.8s ease-in-out infinite vibeBeatPulse;position:absolute;inset:0}.vibe-bg__vinyl{opacity:.045;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff59 3px 4px);border-radius:50%;width:min(120vw,900px);height:min(120vw,900px);animation:180s linear infinite vibeVinylSpin;position:absolute;top:50%;left:50%;transform:translate(-42%,-38%);-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 72%);mask-image:radial-gradient(circle,#000 25%,#0000 72%)}.vibe-bg__streaks{position:absolute;inset:0;overflow:hidden}.vibe-bg__streak{transform-origin:top;opacity:.06;filter:blur(1px);background:linear-gradient(#0000 0%,#00f5d499 35%,#ff008080 55%,#0000 100%);width:2px;height:140%;position:absolute;top:-20%}.vibe-bg__streak--one{animation:18s ease-in-out infinite alternate vibeStreakSway;left:22%;transform:rotate(-18deg)}.vibe-bg__streak--two{opacity:.045;animation:22s ease-in-out infinite alternate-reverse vibeStreakSway;left:52%;transform:rotate(8deg)}.vibe-bg__streak--three{opacity:.05;animation:20s ease-in-out -6s infinite alternate vibeStreakSway;left:78%;transform:rotate(22deg)}.vibe-bg__glow{filter:blur(64px);opacity:.5;will-change:transform;border-radius:50%;animation:4.8s ease-in-out infinite vibeGlowBeat;position:absolute}.vibe-bg__glow--cyan{background:radial-gradient(circle,#00f5d459 0%,#0000 70%);width:min(48vw,380px);height:min(48vw,380px);animation:26s ease-in-out infinite alternate vibeDriftA,4.8s ease-in-out infinite vibeGlowBeat;top:6%;left:-10%}.vibe-bg__glow--magenta{background:radial-gradient(circle,#ff008047 0%,#0000 70%);width:min(42vw,340px);height:min(42vw,340px);animation:32s ease-in-out infinite alternate vibeDriftB,4.8s ease-in-out 1.2s infinite vibeGlowBeat;top:38%;right:-8%}.vibe-bg__glow--indigo{background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:min(36vw,280px);height:min(36vw,280px);animation:20s ease-in-out infinite alternate vibeDriftC,4.8s ease-in-out 2.4s infinite vibeGlowBeat;bottom:18%;left:22%}.vibe-bg__glow--lime{background:radial-gradient(circle,#c8ff0026 0%,#0000 70%);width:min(28vw,220px);height:min(28vw,220px);animation:24s ease-in-out infinite alternate vibeDriftD,4.8s ease-in-out 3.6s infinite vibeGlowBeat;bottom:8%;right:18%}.vibe-bg__ring{border:1px solid #00f5d412;border-radius:50%;position:absolute;box-shadow:inset 0 0 48px #00f5d40a}.vibe-bg__ring--one{width:min(85vw,680px);height:min(85vw,680px);animation:100s linear infinite vibeSpin;top:50%;left:50%;transform:translate(-50%,-50%)}.vibe-bg__ring--two{border-color:#ff008014;width:min(55vw,440px);height:min(55vw,440px);animation:75s linear infinite vibeSpinReverse;top:12%;right:-14%}.vibe-bg__dots{position:absolute;inset:0}.vibe-bg__dot{background:#00f5d459;border-radius:50%;animation:4.8s ease-in-out infinite vibeDotBlink;position:absolute;box-shadow:0 0 8px #00f5d433}.vibe-bg__dot:nth-child(2n){background:#ff00804d;box-shadow:0 0 8px #ff008026}.vibe-bg__notes{position:absolute;inset:0}.vibe-bg__note{color:#ffffff0f;-webkit-user-select:none;user-select:none;line-height:1;animation:ease-in-out infinite vibeNoteFloat;position:absolute}.vibe-bg__note:nth-child(odd){color:#00f5d412}.vibe-bg__note:nth-child(3n){color:#ff00800f}.vibe-bg__waveform{opacity:.32;justify-content:center;align-items:flex-end;gap:2px;height:88px;padding:0 6%;display:flex;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 65%);mask-image:linear-gradient(#0000 0%,#000 65%)}.vibe-bg__bar{transform-origin:bottom;background:linear-gradient(#ff00804d,#00f5d473);border-radius:2px 2px 0 0;flex:1;max-width:5px;animation:ease-in-out infinite vibeBarPulse}.vibe-bg__bar--hue-1{background:linear-gradient(#00f5d447,#6366f166)}.vibe-bg__bar--hue-2{background:linear-gradient(#c8ff0038,#ff008061)}.vibe-bg__scanline{opacity:.6;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00f5d403 3px 4px);position:absolute;inset:0}@keyframes vibeBeatPulse{0%,to{opacity:.35}25%{opacity:.7}50%{opacity:.4}75%{opacity:.65}}@keyframes vibeGlowBeat{0%,to{opacity:.42;filter:blur(64px)}25%{opacity:.58;filter:blur(68px)}50%{opacity:.45;filter:blur(62px)}75%{opacity:.55;filter:blur(66px)}}@keyframes vibeVinylSpin{0%{transform:translate(-42%,-38%)rotate(0)}to{transform:translate(-42%,-38%)rotate(360deg)}}@keyframes vibeStreakSway{0%{opacity:.04;transform:rotate(-22deg)translate(-2vw)}to{opacity:.07;transform:rotate(-14deg)translate(2vw)}}.vibe-bg__streak--two{animation-name:vibeStreakSwayB}@keyframes vibeStreakSwayB{0%{opacity:.035;transform:rotate(4deg)translate(-1.5vw)}to{opacity:.055;transform:rotate(12deg)translate(1.5vw)}}.vibe-bg__streak--three{animation-name:vibeStreakSwayC}@keyframes vibeStreakSwayC{0%{opacity:.04;transform:rotate(18deg)translate(-2vw)}to{opacity:.065;transform:rotate(26deg)translate(2vw)}}@keyframes vibeDotBlink{0%,to{opacity:0;transform:scale(.6)}15%{opacity:.35;transform:scale(1)}30%{opacity:.1;transform:scale(.8)}45%{opacity:0;transform:scale(.6)}}@keyframes vibeNoteFloat{0%,to{opacity:.04;transform:translateY(0)rotate(-6deg)}50%{opacity:.09;transform:translateY(-18px)rotate(6deg)}}@keyframes vibeDriftA{0%{transform:translate(0)scale(1)}to{transform:translate(6vw,5vh)scale(1.06)}}@keyframes vibeDriftB{0%{transform:translate(0)scale(1)}to{transform:translate(-5vw,-4vh)scale(1.04)}}@keyframes vibeDriftC{0%{transform:translate(0)scale(1)}to{transform:translate(3vw,-4vh)scale(1.08)}}@keyframes vibeDriftD{0%{transform:translate(0)scale(1)}to{transform:translate(-4vw,2vh)scale(1.05)}}@keyframes vibeSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes vibeSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes vibeBarPulse{0%,to{opacity:.35;transform:scaleY(.2)}35%{opacity:.75;transform:scaleY(.85)}55%{opacity:.5;transform:scaleY(.45)}75%{opacity:.85;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.vibe-bg__beat-pulse,.vibe-bg__vinyl,.vibe-bg__streak,.vibe-bg__glow,.vibe-bg__ring,.vibe-bg__dot,.vibe-bg__note,.vibe-bg__bar{animation:none!important}.vibe-bg__beat-pulse{opacity:.4}.vibe-bg__dot{opacity:.15;transform:scale(.8)}.vibe-bg__note{opacity:.05}.vibe-bg__bar{opacity:.45;transform:scaleY(.35)}}