.MagicCommandBar-module__61ZFiG__wrapper{z-index:20;flex-direction:column;gap:1.25rem;width:100%;max-width:56rem;margin-inline:auto;display:flex;position:relative}.MagicCommandBar-module__61ZFiG__promptForm{-webkit-backdrop-filter:blur(32px);background:#08080ad1;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;padding:.625rem .625rem .625rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 40px #00000080,0 0 0 1px #a78bfa0a,inset 0 1px 1px #ffffff12}.MagicCommandBar-module__61ZFiG__promptForm:focus-within{border-color:#a78bfa4d;box-shadow:0 0 40px #a78bfa1a,0 4px 30px #0009,inset 0 1px 1px #ffffff14}.MagicCommandBar-module__61ZFiG__inputRow{align-items:center;gap:.75rem;width:100%;display:flex}.MagicCommandBar-module__61ZFiG__promptIconWrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.MagicCommandBar-module__61ZFiG__promptIcon{color:#a78bfacc;animation:2.5s cubic-bezier(.4,0,.6,1) infinite MagicCommandBar-module__61ZFiG__pulse}.MagicCommandBar-module__61ZFiG__promptInput{color:#ffffffd1;background:0 0;border:none;outline:none;flex:1;min-width:0;height:3.125rem;font-size:1rem;font-weight:400;line-height:1.4}.MagicCommandBar-module__61ZFiG__promptInput:disabled{opacity:.5;cursor:not-allowed}.MagicCommandBar-module__61ZFiG__promptInput::placeholder{color:#ffffff40}.MagicCommandBar-module__61ZFiG__sendButton{color:#ffffff40;cursor:not-allowed;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.MagicCommandBar-module__61ZFiG__sendButtonReady{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa 0%,#818cf8 100%);border-color:#a78bfa4d;box-shadow:0 4px 12px #a78bfa33}.MagicCommandBar-module__61ZFiG__sendButtonReady:hover{transform:scale(1.05);box-shadow:0 4px 16px #a78bfa4d}.MagicCommandBar-module__61ZFiG__sendButtonReady:active{transform:scale(.95)}.MagicCommandBar-module__61ZFiG__sendSpinner{animation:.8s linear infinite MagicCommandBar-module__61ZFiG__spin}@keyframes MagicCommandBar-module__61ZFiG__spin{to{transform:rotate(360deg)}}.MagicCommandBar-module__61ZFiG__suggestions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}.MagicCommandBar-module__61ZFiG__suggestionChip{cursor:pointer;color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:9999px;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.MagicCommandBar-module__61ZFiG__chipIcon{opacity:.7;transition:transform .3s}.MagicCommandBar-module__61ZFiG__suggestionChip:hover:not(:disabled){color:#fff;transform:translateY(-2px)}.MagicCommandBar-module__61ZFiG__suggestionChip:hover:not(:disabled) .MagicCommandBar-module__61ZFiG__chipIcon{opacity:1;transform:scale(1.15)}.MagicCommandBar-module__61ZFiG__suggestionChip:disabled{opacity:.4;cursor:not-allowed;transform:none}.MagicCommandBar-module__61ZFiG__lofiPreset:hover:not(:disabled){background:#60a5fa14;border-color:#60a5fa66;box-shadow:0 0 20px #60a5fa1a}.MagicCommandBar-module__61ZFiG__lofiActive{color:#fff;background:linear-gradient(135deg,#60a5fa40 0%,#3b82f626 100%);border-color:#60a5fa80;box-shadow:0 0 25px #60a5fa33,inset 0 1px 1px #ffffff1a}.MagicCommandBar-module__61ZFiG__synthwavePreset:hover:not(:disabled){background:#f472b614;border-color:#f472b666;box-shadow:0 0 20px #f472b61a}.MagicCommandBar-module__61ZFiG__synthwaveActive{color:#fff;background:linear-gradient(135deg,#f472b640 0%,#e11d4826 100%);border-color:#f472b680;box-shadow:0 0 25px #f472b633,inset 0 1px 1px #ffffff1a}.MagicCommandBar-module__61ZFiG__cinematicPreset:hover:not(:disabled){background:#fbbf2414;border-color:#fbbf2466;box-shadow:0 0 20px #fbbf241a}.MagicCommandBar-module__61ZFiG__cinematicActive{color:#fff;background:linear-gradient(135deg,#fbbf2440 0%,#f59e0b26 100%);border-color:#fbbf2480;box-shadow:0 0 25px #fbbf2433,inset 0 1px 1px #ffffff1a}.MagicCommandBar-module__61ZFiG__phonkPreset:hover:not(:disabled){background:#a78bfa14;border-color:#a78bfa66;box-shadow:0 0 20px #a78bfa1a}.MagicCommandBar-module__61ZFiG__phonkActive{color:#fff;background:linear-gradient(135deg,#a78bfa40 0%,#818cf826 100%);border-color:#a78bfa80;box-shadow:0 0 25px #a78bfa33,inset 0 1px 1px #ffffff1a}.MagicCommandBar-module__61ZFiG__rnbPreset:hover:not(:disabled){background:#34d39914;border-color:#34d39966;box-shadow:0 0 20px #34d3991a}.MagicCommandBar-module__61ZFiG__rnbActive{color:#fff;background:linear-gradient(135deg,#34d39940 0%,#14b8a626 100%);border-color:#34d39980;box-shadow:0 0 25px #34d39933,inset 0 1px 1px #ffffff1a}@keyframes MagicCommandBar-module__61ZFiG__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}
.hero-loading-module__-GXRnW__wrapper{width:100%;max-width:42rem;margin-inline:auto}.hero-loading-module__-GXRnW__card{-webkit-backdrop-filter:blur(28px);background:#0a0a0cbf;border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 2.25rem;display:flex;box-shadow:0 8px 40px #00000073,0 0 60px #a78bfa14,inset 0 1px #ffffff0f}.hero-loading-module__-GXRnW__waveform{justify-content:center;align-items:center;gap:3px;width:100%;max-width:280px;height:48px;display:flex}.hero-loading-module__-GXRnW__bar{transform-origin:50%;background:linear-gradient(#c4b5fd 0%,#818cf8 50%,#a78bfa 100%);border-radius:9999px;width:4px;height:100%;display:block;box-shadow:0 0 8px #a78bfa59}.hero-loading-module__-GXRnW__statusBlock{text-align:center;flex-direction:column;align-items:center;gap:.5rem;min-height:5rem;display:flex}.hero-loading-module__-GXRnW__statusLabel{letter-spacing:.14em;text-transform:uppercase;color:#a78bfad9;font-size:.6875rem;font-weight:700}.hero-loading-module__-GXRnW__statusMessage{color:#ffffffeb;letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:600}.hero-loading-module__-GXRnW__promptPreview{color:#ffffff61;max-width:28rem;margin:.25rem 0 0;font-size:.8125rem;font-style:italic;line-height:1.5}.hero-loading-module__-GXRnW__progressTrack{background:#ffffff0f;border-radius:9999px;width:100%;height:3px;overflow:hidden}.hero-loading-module__-GXRnW__progressFill{border-radius:inherit;background:linear-gradient(90deg,#818cf8,#a78bfa,#c4b5fd);height:100%;transition:width .1s linear;box-shadow:0 0 12px #a78bfa80}
.hero-result-card-module__nfIoOa__wrapper{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;margin-inline:auto;display:flex}.hero-result-card-module__nfIoOa__card{-webkit-backdrop-filter:blur(28px);cursor:pointer;text-align:left;background:#0a0a0cc7;border:1px solid #ffffff1a;border-radius:1.25rem;align-items:center;gap:1.25rem;width:100%;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 40px #00000073,0 0 48px #a78bfa14,inset 0 1px #ffffff0f}.hero-result-card-module__nfIoOa__card:hover{border-color:#a78bfa59;transform:translateY(-2px);box-shadow:0 12px 48px #00000080,0 0 60px #a78bfa26,inset 0 1px #ffffff14}.hero-result-card-module__nfIoOa__card:active{transform:translateY(0)}.hero-result-card-module__nfIoOa__artwork{background:linear-gradient(135deg,#a78bfa40 0%,#6366f126 100%);border:1px solid #a78bfa33;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative;overflow:hidden}.hero-result-card-module__nfIoOa__artworkGlow{background:radial-gradient(circle at 30% 30%,#a78bfa4d,#0000 70%);position:absolute;inset:0}.hero-result-card-module__nfIoOa__playButton{z-index:1;color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#818cf8 100%);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .25s;display:flex;position:relative;box-shadow:0 4px 16px #a78bfa59}.hero-result-card-module__nfIoOa__card:hover .hero-result-card-module__nfIoOa__playButton{transform:scale(1.08)}.hero-result-card-module__nfIoOa__info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.hero-result-card-module__nfIoOa__badge{text-transform:uppercase;letter-spacing:.12em;color:#a78bfae6;font-size:.625rem;font-weight:700}.hero-result-card-module__nfIoOa__title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700}.hero-result-card-module__nfIoOa__meta{color:#ffffff6b;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.hero-result-card-module__nfIoOa__tapHint{color:#a78bfabf;margin-top:.25rem;font-size:.75rem;font-weight:500}.hero-result-card-module__nfIoOa__resetBtn{color:#ffffff8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.hero-result-card-module__nfIoOa__resetBtn:hover{color:#ffffffd9;background:#ffffff14}
.beats-section{z-index:10;max-width:960px;margin:0 auto;padding:100px 32px 80px;position:relative}.beats-header{text-align:center;max-width:720px;margin:0 auto 52px}.beats-label{color:var(--accent-purple);letter-spacing:.05em;text-transform:uppercase;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:40px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.beats-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#ffffffbf 60%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.2}.beats-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.beats-list{flex-direction:column;gap:10px;display:flex}.beat-card{--beat-accent:#a78bfa;--beat-accent-dim:#a78bfa1f;--beat-accent-glow:#a78bfa59;background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:18px;transition:border-color .3s,background .3s,box-shadow .3s,transform .25s;overflow:hidden}.beat-card:hover{background:#ffffff0b;border-color:#ffffff1a;transform:translateY(-1px)}.beat-card.is-active{background:color-mix(in srgb,var(--beat-accent-dim)80%,transparent);border-color:color-mix(in srgb,var(--beat-accent)28%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--beat-accent)10%,transparent)}.beat-card.is-playing{box-shadow:0 0 48px color-mix(in srgb,var(--beat-accent)14%,transparent)}.beat-accent-purple{--beat-accent:#a78bfa;--beat-accent-dim:#a78bfa1f;--beat-accent-glow:#a78bfa73}.beat-accent-blue{--beat-accent:#60a5fa;--beat-accent-dim:#60a5fa1f;--beat-accent-glow:#60a5fa73}.beat-accent-rose{--beat-accent:#fb7185;--beat-accent-dim:#fb71851f;--beat-accent-glow:#fb718573}.beat-row{text-align:left;align-items:center;gap:20px;width:100%;padding:18px 22px 18px 26px;display:flex;position:relative}.beat-accent-bar{opacity:.35;border-radius:0 4px 4px 0;width:3px;transition:opacity .3s,box-shadow .3s;position:absolute;top:12px;bottom:12px;left:0}.beat-card.is-active .beat-accent-bar{opacity:1;box-shadow:0 0 12px var(--beat-accent-glow)}.beat-accent-bar{background:var(--beat-accent);color:var(--beat-accent)}.beat-left{flex-shrink:0;align-items:center;gap:18px;min-width:220px;display:flex}.beat-number{color:var(--text-tertiary);letter-spacing:.08em;flex-shrink:0;width:28px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.beat-card.is-active .beat-number{color:var(--beat-accent)}.beat-info{flex-direction:column;gap:6px;min-width:0;display:flex}.beat-name{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.beat-genre{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border:1px solid #ffffff14;border-radius:20px;width:fit-content;padding:3px 9px;font-size:10px;font-weight:600;transition:all .3s}.beat-card.is-active .beat-genre{border-color:color-mix(in srgb,var(--beat-accent)35%,transparent);color:var(--beat-accent);background:var(--beat-accent-dim)}.beat-middle{flex:1;justify-content:center;align-items:center;min-width:0;padding:0 12px;display:flex}.beat-waveform-container{align-items:flex-end;gap:3px;width:100%;max-width:280px;height:36px;display:flex}.beat-wave-bar{transform-origin:bottom;background:#ffffff2e;border-radius:2px;flex:1;max-width:4px;transition:background .3s}.beat-card.is-active .beat-wave-bar{background:linear-gradient(to top,color-mix(in srgb,var(--beat-accent)70%,#000),var(--beat-accent))}.beat-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.beat-format{letter-spacing:.1em;color:var(--text-tertiary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700}.beat-duration{color:var(--text-secondary);text-align:right;min-width:42px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.beat-play-btn{width:42px;height:42px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.beat-play-icon{margin-left:2px}.beat-card:hover .beat-play-btn{background:#ffffff17;border-color:#ffffff2e}.beat-play-btn.is-active,.beat-play-btn.is-paused{background:var(--beat-accent);border-color:var(--beat-accent);color:#fff;box-shadow:0 0 18px var(--beat-accent-glow)}.beat-play-btn.is-paused{opacity:.88}.beat-transport{background:linear-gradient(#0000002e 0%,#00000047 100%);border-top:1px solid #ffffff0d;overflow:hidden}.beat-transport-inner{align-items:center;gap:12px;padding:12px 22px 14px 26px;display:flex}.beat-time{letter-spacing:.04em;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.beat-time-current{color:var(--beat-accent);text-align:right}.beat-time-total{text-align:left;opacity:.7}.beat-scrubber{cursor:pointer;touch-action:none;outline:none;flex:1;align-items:center;height:28px;display:flex;position:relative}.beat-scrubber:focus-visible .beat-scrubber-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--beat-accent)35%,transparent),0 0 16px var(--beat-accent-glow)}.beat-scrubber-rail{background:#ffffff14;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.beat-scrubber-fill{border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--beat-accent)65%,#000),var(--beat-accent));transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.beat-scrubber.is-scrubbing .beat-scrubber-fill{transition:none}.beat-scrubber-glow{border-radius:inherit;background:var(--beat-accent);filter:blur(6px);opacity:.45;pointer-events:none;position:absolute;inset:0 auto 0 0}.beat-scrubber-thumb{border:2px solid var(--beat-accent);width:13px;height:13px;box-shadow:0 0 12px var(--beat-accent-glow),0 2px 8px #00000059;pointer-events:none;background:#fff;border-radius:50%;transition:transform .15s,box-shadow .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.beat-scrubber:hover .beat-scrubber-thumb,.beat-scrubber.is-scrubbing .beat-scrubber-thumb{box-shadow:0 0 20px var(--beat-accent-glow),0 2px 10px #0006;transform:translate(-50%,-50%)scale(1.15)}.beat-skip-btn{color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 9px;font-size:10px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.beat-skip-btn:hover{color:var(--beat-accent);border-color:color-mix(in srgb,var(--beat-accent)30%,transparent);background:var(--beat-accent-dim)}.beat-skip-btn svg{opacity:.85}@media (max-width:768px){.beats-section{padding:80px 20px 60px}.beat-row{flex-wrap:wrap;gap:14px;padding:16px 18px 16px 22px}.beat-transport-inner{flex-wrap:wrap;gap:10px;padding:12px 18px 14px 22px}.beat-scrubber{flex:none;order:3;width:100%}.beat-time-current{order:1}.beat-skip-btn:first-of-type{order:2;margin-left:auto}.beat-time-total{order:4}.beat-skip-btn:last-of-type{order:5}.beat-left{width:100%;min-width:0}.beat-middle{order:3;width:100%;padding:0}.beat-waveform-container{max-width:100%}.beat-right{margin-left:auto}}