*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background:#121212;font-family:Spotify Mix,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes ringPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}@keyframes breathe{0%,to{box-shadow:0 0 20px #8b5cf614}50%{box-shadow:0 0 40px #8b5cf62e}}@keyframes subtleGlow{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 20px #8b5cf60f}}textarea::placeholder{color:#727272}textarea:focus,input:focus,select:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}@keyframes stepPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0)scale(0)}15%{opacity:1;transform:translateY(-5px)scale(1)}85%{opacity:1;transform:translateY(-25px)scale(.8)}to{opacity:0;transform:translateY(-35px)scale(0)}}button{cursor:pointer;transition:filter .15s,transform .15s cubic-bezier(.16,1,.3,1)}button:hover{filter:brightness(1.12)}button:active{transform:scale(.97)}.drop-active{background:#8b5cf60f!important;border-color:#8b5cf6!important}.card-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff14}.history-card{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s}.history-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #8b5cf614;border-color:#ffffff1f!important}.lib-thumb{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s}.lib-thumb:hover{transform:scale(1.04);border-color:#8b5cf64d!important}.nav-item{transition:background .15s,color .15s,transform .1s}.nav-item:hover{background:#ffffff0d!important}.nav-item:active{transform:scale(.98)}.pill-hover{transition:border-color .2s,background .2s,color .2s,transform .15s}.pill-hover:hover{transform:translateY(-1px);color:#b3b3b3!important;background:#8b5cf60f!important;border-color:#8b5cf64d!important}.scene-card{transition:background .15s,box-shadow .2s}.scene-card:hover{box-shadow:0 2px 8px #0003;background:#1f1f1f!important}.variant-card{transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.variant-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006}.cta-glow{position:relative;overflow:hidden}.cta-glow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#8b5cf666,#1db95466);padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta-glow:hover:before{opacity:1}textarea:focus,input[type=text]:focus,input[type=number]:focus{box-shadow:0 0 0 3px #8b5cf614;border-color:#8b5cf659!important}.user-section{border-radius:8px;margin:4px 8px;transition:background .15s}.user-section:hover{background:#ffffff0a}.format-active{box-shadow:0 0 12px #8b5cf626}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px;transition:background .2s}:hover::-webkit-scrollbar-thumb{background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-player-wrap]:fullscreen{background:#000;justify-content:center;align-items:center;padding:5vh 10vw;display:flex}[data-player-wrap]:fullscreen>*{max-width:90vw;max-height:90vh}