:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow:hidden}body{margin:0;padding:0;border-radius:10px;background-color:transparent;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}button{background:transparent;border:0;cursor:pointer;outline:none}img{-webkit-user-select:none;user-select:none;pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;background-color:transparent;cursor:grab;opacity:.8}input[type=range]:hover{opacity:1}input[type=range]:active{cursor:grabbing}::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background-color:#00000070;border-radius:10px;height:3px}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background-color:#fff;margin-top:-5px;box-shadow:1px 2px 4px 2px #00000060}body *::-webkit-scrollbar{width:.3rem}body *::-webkit-scrollbar-track{background:transparent}body *::-webkit-scrollbar-thumb{background-color:#73737360;border-radius:20px}body *::-webkit-scrollbar-thumb:hover{background-color:#52525260;border-radius:20px}#blurred{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006}@media screen and (max-width: 600px){button,a,input,textarea,select,[role=button]{outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}.freqList.svelte-12wvjs2{display:flex;align-items:flex-end;justify-content:space-between;height:100%;width:100%}.freqBar.svelte-12wvjs2{flex:1;background-color:#ffffffb3;margin:0 2px;min-width:5px;border-radius:2px 2px 0 0;transition:height .05s ease}.controls.svelte-r4hw0q.svelte-r4hw0q{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:5px}.play-button.svelte-r4hw0q.svelte-r4hw0q{width:70px;height:70px;border-radius:50%;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;z-index:10;border:none;cursor:pointer;box-shadow:0 4px 8px #0003}.play-button.svelte-r4hw0q.svelte-r4hw0q:hover{box-shadow:0 0 10px #00000080}.generateBtn.svelte-r4hw0q.svelte-r4hw0q{background-color:#00000010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-top:10px;outline:none}.progressionList.svelte-r4hw0q.svelte-r4hw0q{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px;list-style:none;padding:0;justify-content:center;flex-wrap:wrap;gap:20px;z-index:1}.progressionList.svelte-r4hw0q li.svelte-r4hw0q{padding:5px 10px;border:2px transparent;border-radius:4px}.progressionList.svelte-r4hw0q li.live.svelte-r4hw0q{border:2px solid #ffffff66}.visualizer-container.svelte-r4hw0q.svelte-r4hw0q{position:absolute;left:30px;bottom:30px;height:180px;overflow:hidden;margin-top:10px}@media only screen and (max-width: 600px){.play-button.svelte-r4hw0q.svelte-r4hw0q{margin-bottom:40px}.progressionList.svelte-r4hw0q.svelte-r4hw0q{bottom:0;left:0;width:100vw;transform:scale(.8)}.visualizer-container.svelte-r4hw0q.svelte-r4hw0q{display:none}}.carousel__item.svelte-1qoqzo0{display:flex;align-items:center;position:absolute;width:100%;will-change:transform,opacity;transition-duration:.5s}.carousel__item-body.svelte-1qoqzo0{position:relative;width:100%;color:#fff;border-radius:8px;padding-right:15px;display:flex;gap:20px;min-width:max-content;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel__item-body__img.svelte-1qoqzo0{width:80px;min-width:80px;height:80px;margin:10px;border-radius:5px;overflow:hidden}#title.svelte-1qoqzo0{font-size:16px;font-weight:600}#info.svelte-1qoqzo0{display:flex;flex-wrap:wrap;font-size:11px}.playing.svelte-1qoqzo0{background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-visible.svelte-1qoqzo0{opacity:1;visibility:visible}.item-hidden.svelte-1qoqzo0{opacity:.2;visibility:hidden;animation-duration:0ms;transform:scale(.1)}.item-before-visible.svelte-1qoqzo0{opacity:.5;visibility:visible;transform:scale(.8) translateY(-150px)}.item-after-visible.svelte-1qoqzo0{opacity:.5;visibility:visible;transform:scale(.8) translateY(150px)}.volume-slider.svelte-1qoqzo0{position:absolute;bottom:10px;right:10px;width:80px;height:5px}.track-list.svelte-1bw16o2{width:28vw;height:65vh;padding:20px 10px;border-radius:20px;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:20}.wrapper.svelte-1bw16o2{height:100%;width:100%;display:flex;justify-content:center}.carousel.svelte-1bw16o2{position:relative;width:100%;max-width:500px;display:flex;justify-content:center;flex-direction:column}#btn-view.svelte-1bw16o2{width:120%;display:flex;justify-content:center;align-items:center}#navigate-btn.svelte-1bw16o2{width:30px;height:30px;color:#fff;border-radius:99px;display:flex;justify-content:center;align-items:center}#navigate-btn.svelte-1bw16o2:hover{background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media only screen and (max-width: 600px){.track-list.svelte-1bw16o2,#btn-view.svelte-1bw16o2{display:none}}.rain.svelte-1rhsv05{position:absolute;top:-30px;left:-100vw;width:300vw;height:110vh;z-index:-1;background:url(../rain.png);animation:svelte-1rhsv05-rain .3s linear infinite}@keyframes svelte-1rhsv05-rain{0%{background-position:0px 0px}to{background-position:150px 400px}}.container.svelte-jopd3w{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:center}#bg-preview.svelte-jopd3w{width:200px;height:120px;border-radius:7px;margin:0 10px}button.svelte-jopd3w{width:40px;height:40px;border-radius:50%;color:#fff;overflow:hidden}button.svelte-jopd3w:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000001a}@media only screen and (max-width: 600px){#bg-preview.svelte-jopd3w{width:90px;height:150px;aspect-ratio:16 / 9;object-fit:cover;background-size:cover;background-position:center}}h5.svelte-19zoyqf{margin-left:10px;margin-bottom:-35px}p.svelte-19zoyqf{text-align:right;font-size:12px;margin-right:7%}#volume-slider.svelte-19zoyqf{width:90%;margin-left:10px}button.svelte-1fsnf72{color:#fff;border-radius:50%;aspect-ratio:4/4}#settings-box.svelte-1fsnf72{position:relative}.settings-container.svelte-1fsnf72{position:absolute;right:0;top:70px;height:58vh;padding:5px 20px;width:340px;color:#fff;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;overflow-y:auto;animation:svelte-1fsnf72-show .4s ease-in-out}@keyframes svelte-1fsnf72-show{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}.info-label.svelte-1fsnf72{display:block;font-size:x-small;margin-top:30px;color:azure}@media only screen and (max-width: 600px){.settings-container.svelte-1fsnf72{width:80vw;right:-3vw;background-color:#0000007f}.info-label.svelte-1fsnf72{opacity:0}}button.svelte-13a50ry{color:#fff;border-radius:50%;aspect-ratio:4/4}.controls.svelte-fprzwl{width:340px;height:50px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:50px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000047}@media only screen and (max-width: 600px){.controls.svelte-fprzwl{position:absolute;left:50%;transform:translate(-50%);width:85vw}}.controls.svelte-pjzk6{display:flex;gap:15px}.close.svelte-pjzk6{width:13px;height:13px;background-color:#ff5f56;cursor:pointer;border-radius:50%}.minimize.svelte-pjzk6{width:13px;height:13px;background-color:#ffbd2e;cursor:pointer;border-radius:50%}.maximize.svelte-pjzk6{width:13px;height:13px;background-color:#27c93f;cursor:pointer;border-radius:50%}.maximize.svelte-pjzk6:hover{background-color:#1e9c30}.minimize.svelte-pjzk6:hover{background-color:#e0a800}.close.svelte-pjzk6:hover{background-color:#d63000}.controls.svelte-1rgbrzc.svelte-1rgbrzc{position:absolute;right:35px;display:flex;gap:15px;color:#fff}.controls.svelte-1rgbrzc div.svelte-1rgbrzc{width:18px;height:18px;background-color:transparent;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.close.svelte-1rgbrzc.svelte-1rgbrzc:hover{background-color:#ff5f56}.minimize.svelte-1rgbrzc.svelte-1rgbrzc:hover,.maximize.svelte-1rgbrzc.svelte-1rgbrzc:hover{background-color:#ffffff80}.titlebar.svelte-19ifub2{position:absolute;width:100%;height:26px;z-index:100;padding:0 10px;background-color:#00000030;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.drag.svelte-19ifub2{cursor:grab;margin:5px auto auto;opacity:80%;position:absolute;left:50%;transform:translate(-50%)}.drag.svelte-19ifub2:hover{opacity:100%}.shortcuts.svelte-4kcjvm{display:flex;flex-direction:column;gap:1rem;padding:0 10px}h4.svelte-4kcjvm,h5.svelte-4kcjvm{margin:0}.shortcut.svelte-4kcjvm{display:flex;gap:1rem;font-size:small;margin-left:20px}.shortcut-key.svelte-4kcjvm{min-width:30px;background-color:#fff;color:#000;padding:5px 10px;border-radius:10px;text-align:center}.shortcut-desc.svelte-4kcjvm{color:#fff}.social-links.svelte-fs9jwl.svelte-fs9jwl{display:flex;align-items:center;padding:0 10px;margin-top:5px}.social-links.svelte-fs9jwl a.svelte-fs9jwl{margin-right:20px;color:#fff}.social-links.svelte-fs9jwl a.svelte-fs9jwl:hover{opacity:80%}.info-overlay.svelte-1vn8on4.svelte-1vn8on4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}#info-box.svelte-1vn8on4.svelte-1vn8on4{padding:0 15px;color:#fff;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:55vw;height:75vh;overflow:hidden}#top-section.svelte-1vn8on4.svelte-1vn8on4{display:flex;justify-content:space-between;margin-top:5px;position:relative}#close-btn.svelte-1vn8on4.svelte-1vn8on4{position:absolute;top:10px;right:0;outline:none}#show-btn.svelte-1vn8on4.svelte-1vn8on4{position:absolute;top:10px;right:35px;outline:none}button.svelte-1vn8on4.svelte-1vn8on4:active{transform:scale(.9)}#app-info.svelte-1vn8on4.svelte-1vn8on4{display:flex;padding:10px;gap:20px}#app-info.svelte-1vn8on4 h1.svelte-1vn8on4{margin:10px 0 5px}#app-info.svelte-1vn8on4 #version.svelte-1vn8on4{font-size:x-small;margin:-2px 10px;color:#d3d3d3}#app-info.svelte-1vn8on4 #tagline.svelte-1vn8on4{font-size:small;margin:5px 10px;font-family:Courier New,Courier,monospace}#bottom-section.svelte-1vn8on4.svelte-1vn8on4{margin-top:20px;overflow:hidden;overflow-y:scroll;height:45vh;padding-bottom:50px}img.svelte-1vn8on4.svelte-1vn8on4{aspect-ratio:1/1;width:130px;height:130px;min-width:130px;min-height:130px;border-radius:20px}@media only screen and (max-width: 600px){.info-overlay.svelte-1vn8on4.svelte-1vn8on4{display:none}}.container.svelte-rkq97i{max-width:100vw;max-height:100vh;height:100vh;position:relative;overflow:hidden;background-color:#000;background-image:url(assets/background/bg1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.content.svelte-rkq97i{padding:30px 24px 24px;height:100vh;z-index:20;display:flex;flex-direction:row;justify-content:space-between}