:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.container[data-v-04ea54f4]{max-width:1200px;margin:auto;text-align:center;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease}.dark-mode[data-v-04ea54f4]{background:#1e1e1ecc;color:#fff}.light-mode[data-v-04ea54f4]{background:#f0f0f0cc;color:#333}h1[data-v-04ea54f4],h2[data-v-04ea54f4]{font-size:2rem;font-weight:700;background:linear-gradient(97deg,#0096ff,#bb64ff 42%,#f2416b 74%,#eb7500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .music-box[data-v-04ea54f4]{background:#3232324d;border:1px solid rgba(0,255,255,.5)}.light-mode .music-box[data-v-04ea54f4]{background:#ffffff80;border:1px solid rgba(200,200,200,.5);box-shadow:0 2px 10px #0000000d}.music-box-list[data-v-04ea54f4]{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.music-box[data-v-04ea54f4]{padding:15px;border-radius:10px;cursor:pointer;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.music-box.selected[data-v-04ea54f4]{transform:scale(1.05)}.dark-mode .music-box.selected[data-v-04ea54f4]{box-shadow:0 0 15px #00c8ff80}.light-mode .music-box.selected[data-v-04ea54f4]{box-shadow:0 0 15px #0096ff4d}.music-box.off[data-v-04ea54f4]{opacity:.4}.dark-mode .box-name[data-v-04ea54f4]{background:#0009;color:#fff}.light-mode .box-name[data-v-04ea54f4]{background:#ffffffe6;color:#333;box-shadow:0 1px 3px #0000001a}.music-box-image[data-v-04ea54f4]{width:100px;height:100px;object-fit:contain}.box-name[data-v-04ea54f4]{font-size:1.2rem;font-weight:700;padding:5px 10px;border-radius:5px;margin:10px 0}.switch[data-v-04ea54f4]{position:relative;display:inline-block;width:60px;height:34px;margin-top:10px}.slider[data-v-04ea54f4]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider.on[data-v-04ea54f4]{background-color:#2196f3}.slider[data-v-04ea54f4]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.slider.on[data-v-04ea54f4]:before{transform:translate(26px)}.dark-mode .settings-section[data-v-04ea54f4]{background:#3232324d;border:1px solid rgba(0,255,255,.5)}.light-mode .settings-section[data-v-04ea54f4]{background:#ffffffb3;border:1px solid rgba(200,200,200,.5);box-shadow:0 2px 10px #0000000d}.settings-section[data-v-04ea54f4]{margin-top:20px;padding:20px;border-radius:10px}.settings-grid[data-v-04ea54f4]{display:flex;flex-direction:column;flex-wrap:wrap;gap:15px;justify-content:center}.setting[data-v-04ea54f4]{display:flex;flex-direction:column;align-items:center}.setting label[data-v-04ea54f4]{margin-bottom:5px;font-weight:500}.dark-mode .effect-dropdown[data-v-04ea54f4],.dark-mode .sound-dropdown[data-v-04ea54f4],.dark-mode .volume-slider[data-v-04ea54f4]{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.2)}.light-mode .effect-dropdown[data-v-04ea54f4],.light-mode .sound-dropdown[data-v-04ea54f4],.light-mode .volume-slider[data-v-04ea54f4]{background:#fff;color:#333;border:1px solid rgba(200,200,200,.8)}.effect-dropdown[data-v-04ea54f4],.sound-dropdown[data-v-04ea54f4]{width:100%;padding:8px;border-radius:5px;font-size:1em;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:12px auto}.volume-slider[data-v-04ea54f4]{width:100%;height:8px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.dark-mode .volume-slider[data-v-04ea54f4]{background:#555}.light-mode .volume-slider[data-v-04ea54f4]{background:#ddd}.volume-slider[data-v-04ea54f4]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;cursor:pointer}.dark-mode .volume-slider[data-v-04ea54f4]::-webkit-slider-thumb{background:#fff;border:2px solid #2196F3}.light-mode .volume-slider[data-v-04ea54f4]::-webkit-slider-thumb{background:#fff;border:2px solid #2196F3}.color-slider[data-v-04ea54f4]{width:100%;height:30px;padding:0;margin:0;border:none;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.color-slider[data-v-04ea54f4]::-webkit-color-swatch-wrapper{padding:0}.color-slider[data-v-04ea54f4]::-webkit-color-swatch{border:none;border-radius:5px}.color-slider[data-v-04ea54f4]::-moz-color-swatch{border:none;border-radius:5px}.rainbow[data-v-04ea54f4]{background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet);background-size:400% 400%;animation:rainbow-animation-04ea54f4 5s linear infinite}.dark-mode .rainbow[data-v-04ea54f4]{border:1px solid rgba(255,255,255,.5)}.light-mode .rainbow[data-v-04ea54f4]{border:none;box-shadow:inset 0 0 5px #0003}@keyframes rainbow-animation-04ea54f4{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){h1[data-v-04ea54f4]{font-size:1.5rem}h2[data-v-04ea54f4]{font-size:1.2rem}.container[data-v-04ea54f4]{padding:10px}.music-box-list[data-v-04ea54f4]{flex-direction:column;gap:10px}.music-box[data-v-04ea54f4]{width:100%;padding:10px}.settings-section[data-v-04ea54f4]{padding:10px}}@media (max-width: 480px){h1[data-v-04ea54f4]{font-size:1.2rem}h2[data-v-04ea54f4]{font-size:1rem}.music-box-image[data-v-04ea54f4]{width:80px;height:80px}}body,html{margin:0;padding:0;height:100%;width:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.dark-theme{background-color:#1a1a1a}.light-theme{background-color:#fff}.home[data-v-94fca3d7]{text-align:center;margin:20px}