@font-face{font-family:"Montserrat Fallback: Arial";src:local("Arial");size-adjust:112.8307%;ascent-override:85.7923%;descent-override:22.2457%;line-gap-override:0%}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/Ha3Ia-SJ6qVeHpQQ9klHcPpgNT8A-bU6F0NvJcYTX2c-YgOE_mVJJT55kHJ_UQCLKk8xbqlzNYR7IBdrMkaHGFk.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/4LdjPcFqWYNz-qWGY0XOln3KrgLXBiaex4cZY_aDHgA-FpuZwOB6l4bXW_Y7nYUKmLcxdvxgmD6NDPVzQqLl4Vg.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/fVfdtAYaZ_QreOsrWAllIQhFlL153vnJfAfsZDp3vLg-0d5dw_0b1f2QYIMtACGWIkJq5QTvXcZsPQdwZnSkdac.woff2) format(woff2);font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/27U_le6Qb4dIJG4XRWgLsAh9wpwdL33Jfbl1PGtBTE8-vuTjDYDaqR01jfGmDiBdqv4YeRnva7_Z5bM0bbVmWi4.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/HKcUPtnDHvKNPa4rMX7eiByByi17tZIoTl4FKqORigs-bWlvIgJM10n5pPPfpamboOwh43UieOFjVN_6G4wafDo.woff) format(woff);font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/_N7rOIO9W08Ud2wyZjNnjQF3SiEitZhJMc1uL-qwytk-iBZwjnzQzv_B_SoN2K3cdsfMhzKYx4oMu8nTWMF7SCY.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/7LZF9dSN4IV5chcL_PA8UFlH6UdlNcyyPXfqgcEkH4s-U0X1ZWpDGvjqR9lobtlrzPrFjSV8V_RxfGNQqFaREok.woff2) format(woff2);font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/fHgajwLuJG0TAcn3WzEtxR_NSdhD00piucmNyjxl9Tg-7k6z_L652O2P0F3WEeP5aXvfeXOInOsgF2s3a57dpE0.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/DEMtyndeOJF9bXGLOW2KGg2ZQJqCpZ0SkM0r1pdtWgA-oNcFrt4IK2udVdKjsfp_T_RAlGcmBD0vE0MpYFy2Z50.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/uvT3cuSbwceaIf6NfGXgcPSWSjvORhivNaaNZPAj1os-RBl_bFII4B0Xo81lzBOkHSRqo7t2u0dd5UlooqzO7TQ.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular Italic"),local("Montserrat Italic"),url(../_fonts/TesEfzR8VA3TJnvei58vdk72fmHWkq_pvo9LQAG-0hE-eeYQdDABEnbHQh3_mZyvad3aaPGBVvyJ712kkMdFN6U.woff2) format(woff2);font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat"),url(../_fonts/wnpBVjNz72yqwZlphf2Uh7SJU_q_GZbHFCKk7IqNFbI-iqFJSGOtANwYhHSBF5qfA7vEiye14Jh5ZupiZYrX16s.woff2) format(woff2);font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-weight:400;font-style:normal}:root{--black:#282726;--black-80:#282726cc;--white:#fff;--dark-sand:#f1e6e0;--black-2:#00000080;--orange:#f46521;--hanze-rood:var(--orange);--purple:#853fbb;--magenta:#ec008c;--sand:#fef6f2;--magenta-light:#fbf4ff;--lavender-blush:#ffe0f2;--hanze-cyan:var(--dark-sand);--white-smoke:#f8f8f8}#__nuxt,body,html{height:100%}body{background-color:var(--sand);font-family:Montserrat,"Montserrat Fallback: Arial",sans-serif;line-height:1.6;margin:0 auto;max-width:1000px;padding:30px 30px 200px}body,h1,h2,h3{color:var(--black)}button{align-items:center;background-color:var(--orange);border:none;color:var(--white);cursor:pointer;display:inline-flex;font-family:Montserrat,"Montserrat Fallback: Arial",sans-serif;font-size:16px;font-weight:500;gap:6px;margin:3px;padding:12px 20px;transition:all .3s ease}button .material-icons{font-size:18px}button:hover{background-color:var(--purple);transform:translateY(-1px)}button:disabled{background-color:var(--dark-sand);box-shadow:none;color:var(--black-80);cursor:not-allowed;transform:none}button.active{background-color:var(--magenta);color:var(--white)}button.active:hover{background-color:var(--purple)}.controls{background-color:var(--white);border-top:2px solid var(--dark-sand);bottom:0;left:0;margin:0 auto;max-width:1040px;padding:15px 20px;position:fixed;right:0;z-index:1000}.controls-top{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.controls-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.now-playing{margin-bottom:8px;text-align:center}.now-playing-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:4px}.now-playing-title{color:var(--black);flex:1;font-size:14px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.playback-buttons{align-items:center;display:flex;gap:5px}.playback-btn{align-items:center;background:var(--orange);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:32px}.playback-btn:hover{background:var(--purple);transform:scale(1.1)}.playback-btn:disabled{background:var(--dark-sand);color:var(--black-80);cursor:not-allowed;transform:none}.playback-btn.primary{font-size:20px;height:36px;width:36px}.progress-info-bottom{align-items:center;color:var(--black-80);display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.progress-bar-bottom{background-color:var(--dark-sand);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill-bottom{background:linear-gradient(90deg,var(--orange),var(--magenta));border-radius:3px;height:100%;position:relative;transition:width .3s ease;width:0}.progress-fill-bottom:after{background-color:var(--white);border-radius:1px;content:"";height:100%;opacity:.8;position:absolute;right:0;top:0;width:3px}.status{background-color:var(--white);border:2px solid var(--orange);font-size:12px;font-weight:500;left:50%;margin:0;max-width:300px;padding:8px 16px;position:fixed;text-align:center;top:5px;transform:translate(-50%);z-index:999}.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545}.category{background-color:var(--white);border:1px solid var(--dark-sand);margin:10px 0;padding:10px}.category h3{color:var(--black);font-weight:600;margin:10px 0}.category-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px;transition:all .2s ease}.category-header:hover,.song-item{background-color:var(--sand)}.song-item{border:1px solid var(--dark-sand);cursor:pointer;font-weight:400;margin:4px 0;padding:8px 12px;transition:all .2s ease}.song-item:hover{background-color:var(--magenta-light);border-color:var(--purple);transform:translate(4px)}#playlist{list-style:none;padding:0}#playlist li{background-color:var(--white);border:1px solid var(--dark-sand);margin:8px 0;padding:12px;transition:all .2s ease}#playlist li:hover{background-color:var(--magenta-light);border-color:var(--purple)}#playlist li.current{background-color:var(--lavender-blush);border-color:var(--magenta);font-weight:500}.search-container{align-items:center;display:flex;gap:10px;margin:20px 0}.search-input{background-color:var(--white);border:2px solid var(--dark-sand);color:var(--black);flex:1;font-family:Montserrat,"Montserrat Fallback: Arial",sans-serif;font-size:16px;padding:12px}.search-input:focus{border-color:var(--orange);outline:none}.search-results{margin-top:20px}.search-result-item{align-items:center;background-color:var(--white);border:1px solid var(--dark-sand);cursor:pointer;display:flex;justify-content:space-between;margin:8px 0;padding:12px;transition:all .2s ease}.search-result-item:hover{background-color:var(--magenta-light);border-color:var(--purple)}.search-result-info{flex:1}.search-result-title{font-weight:500;margin-bottom:4px}.search-result-category{color:var(--black-80);font-size:14px}.loading{animation:spin 1s ease-in-out infinite;border:3px solid var(--dark-sand);border-radius:50%;border-top-color:var(--orange);display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.volume-control{align-items:center;background:var(--sand);border-radius:12px;display:flex;gap:10px;padding:8px;width:100%}.volume-control label{color:var(--black);font-size:12px;font-weight:500;min-width:50px;white-space:nowrap}.volume-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dark-sand);border-radius:3px;flex:1;height:6px;outline:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--orange);border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-control input[type=range]::-moz-range-thumb{background:var(--orange);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-control span{color:var(--black-80);font-size:12px;min-width:35px;text-align:center}.upload-toggle-button{align-items:center;background-color:var(--dark-sand);border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Montserrat,"Montserrat Fallback: Arial",sans-serif;font-size:14px;font-weight:500;gap:6px;margin:20px 0;padding:8px 16px;transition:all .3s ease}.upload-toggle-button:hover{background-color:var(--magenta);transform:translateY(-1px)}.upload-container{background-color:var(--white);border:2px dashed var(--dark-sand);border-radius:8px;display:none;margin:20px 0;padding:20px;text-align:center;transition:all .3s ease}.upload-container.visible{display:block}.upload-container:hover{background-color:var(--sand);border-color:var(--orange)}.upload-container.dragover{background-color:var(--magenta-light);border-color:var(--orange)}.upload-input{display:none}.upload-button{align-items:center;background-color:var(--purple);border:none;border-radius:6px;color:var(--white);cursor:pointer;display:inline-flex;font-family:Montserrat,"Montserrat Fallback: Arial",sans-serif;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.upload-button:hover{background-color:var(--magenta);transform:translateY(-1px)}.upload-button:disabled{background-color:var(--dark-sand);color:var(--black-80);cursor:not-allowed;transform:none}.upload-progress{display:none;margin-top:15px}.upload-progress-bar{background-color:var(--dark-sand);border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,var(--purple),var(--magenta));border-radius:4px;height:100%;transition:width .3s ease;width:0}.upload-result{border-radius:6px;display:none;margin-top:15px;padding:12px}.upload-result.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-result.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){body{padding:20px 15px 180px}.controls{padding:12px 15px}.controls-buttons{flex-direction:column;gap:8px}.controls-buttons>div:first-child{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}button{font-size:14px;margin:2px;padding:10px 16px}.status{font-size:12px;left:15px;max-width:none;right:15px;top:5px;transform:none}.now-playing-title{font-size:13px}.now-playing-header{gap:8px}.playback-btn{font-size:16px;height:28px;width:28px}.playback-btn.primary{font-size:18px;height:32px;width:32px}}@media (max-width:480px){.volume-control label{display:none}.volume-control span{min-width:30px}body{padding:15px 10px 200px}}.midi-warning[data-v-de9df44b]{align-items:center;background:#fff3cd;border:1px solid #ffe69c;border-radius:4px;color:#8a6d00;display:inline-flex;font-size:.85rem;gap:8px;margin-top:4px;padding:6px 10px}.record-controls[data-v-9880f9a3]{border:1px solid var(--black-10);border-radius:8px;margin:12px 0 18px;padding:10px}.controls-row[data-v-9880f9a3]{align-items:center;display:flex;gap:8px}button[data-v-9880f9a3]{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 10px}button[data-v-9880f9a3]:disabled{cursor:not-allowed;opacity:.5}.start[data-v-9880f9a3]{background:#c62828;color:#fff}.stop[data-v-9880f9a3]{background:#333;color:#fff}.connection-overlay[data-v-4c05198e]{align-items:center;background:#0009;display:flex;height:100%;inset:0;justify-content:center;padding:16px;position:fixed;width:100%;z-index:9999}.overlay-card[data-v-4c05198e]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;color:#1a1a1a;max-width:520px;padding:24px 20px;text-align:center;width:100%}.overlay-icon[data-v-4c05198e]{color:#c62828;font-size:48px;margin-bottom:8px}.overlay-subtext[data-v-4c05198e]{color:#555;font-size:.95rem;margin:0 0 6px}.overlay-actions[data-v-4c05198e]{display:flex;justify-content:center}.overlay-btn[data-v-4c05198e]{background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.overlay-btn[data-v-4c05198e]:hover{filter:brightness(.95)}.connection-overlay[data-v-058d3234]{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.overlay-card[data-v-058d3234]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;color:#1a1a1a;max-width:560px;padding:24px 20px;text-align:center;width:100%}.overlay-icon[data-v-058d3234]{color:#f46521;font-size:48px;margin-bottom:8px}.overlay-subtext[data-v-058d3234]{color:#555;font-size:.95rem;margin:0 0 6px}.overlay-text[data-v-058d3234]{margin:6px 0 10px;opacity:.9}.overlay-actions[data-v-058d3234]{display:flex;justify-content:center}.overlay-btn[data-v-058d3234]{align-items:center;background:#f46521;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:10px 16px}.overlay-btn.secondary[data-v-058d3234]{background:#2962ff}.overlay-btn.dark[data-v-058d3234]{background:#333}.overlay-btn[data-v-058d3234]:hover{filter:brightness(.95)}.connection-overlay[data-v-b42fc8de]{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.overlay-card[data-v-b42fc8de]{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;color:#1a1a1a;max-width:520px;padding:24px 20px;text-align:center;width:100%}.overlay-icon[data-v-b42fc8de]{color:#f46521;font-size:48px;margin-bottom:8px}.spinner[data-v-b42fc8de]{animation:spin-b42fc8de .9s linear infinite;border:3px solid rgba(0,0,0,.12);border-radius:50%;border-top-color:#f46521;height:20px;width:20px}@keyframes spin-b42fc8de{to{transform:rotate(1turn)}}.overlay-subtext[data-v-b42fc8de]{color:#555;font-size:.95rem;margin:0 0 6px}.overlay-text[data-v-b42fc8de]{margin:6px 0 16px;opacity:.8}.overlay-actions[data-v-b42fc8de]{display:flex;justify-content:center}.overlay-btn[data-v-b42fc8de]{background:#f46521;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.overlay-btn[data-v-b42fc8de]:hover{filter:brightness(.95)}