.card-note-btn{align-items:center;background-color:#ffffffe6;border-radius:24px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:36px;padding:4px 8px;text-transform:capitalize}@media only screen and (min-width:1024px){.card-note-btn{font-size:14px}}.minimal-card{background:linear-gradient(45deg,#4b5c54,#1e383a,#435d58);border-radius:8px;box-shadow:0 0 8px 1px #ffffff80;display:flex;flex-direction:column;justify-content:space-between;margin:4px 0;padding:4px 16px;text-align:left}.minimal-card:hover{filter:brightness(1.1);transform:scale(1.02)}.minimal-card:active{transform:scale(.98)}.card-btn{align-items:center;border-radius:6px;color:inherit;display:flex;font-weight:500;margin:0;opacity:.8;text-decoration:underline;transition:opacity .2s ease}.card-btn:hover{opacity:1}.music-info-container{margin:0 auto;max-width:1200px}.music-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff8807;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 2px 8px #00000026;height:100%;padding:20px}.music-card:hover{box-shadow:0 4px 12px #0003}.notes-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}@media (min-width:600px){.notes-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.music-btn{background:linear-gradient(145deg,#3f403f,#010101db);border:none;border-radius:8px;color:inherit;font-weight:500;padding:12px;transition:transform .2s ease}.music-btn:hover{filter:brightness(1.5);transform:translateY(-2px)}.music-btn:active{animation:padPress .1s ease backwards}.play-btn{opacity:.8;transition:opacity .2s ease}.play-btn:hover{opacity:1}.play-btn:hover .q-icon{transform:scale(1.2)}.play-btn .q-icon{transition:transform .2s ease}.instrument-tabs .q-tab{opacity:.7;transition:opacity .2s ease}.instrument-tabs .q-tab--active{opacity:1}.visualization-container{border-radius:12px;margin-top:16px}.note-btn{background:#ffffff1a;border:none;border-radius:6px;color:inherit;padding:8px 12px}.note-btn:hover{background:#fff3;transform:translateY(-1px)}.note-btn:active{animation:padPress .15s ease backwards}.card-action-btn{opacity:.8;transition:opacity .2s ease,transform .2s ease}.card-action-btn:hover{opacity:1;transform:scale(1.1)}.instrument-dialog[data-v-57e668ff]{background:linear-gradient(145deg,var(--dark-bg-2) 0,var(--dark-bg-1) 100%);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;max-width:500px;min-width:auto;width:90vw}.dialog-header[data-v-57e668ff]{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 0}@media (min-width:600px){.dialog-header[data-v-57e668ff]{padding:24px 24px 0}}.instruments-grid[data-v-57e668ff]{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);padding:8px 0}@media (min-width:600px){.instruments-grid[data-v-57e668ff]{gap:16px;padding:16px 0}}.instrument-btn[data-v-57e668ff]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:8px;box-shadow:0 0 4px #ffffff9c;min-height:90px;padding:12px}@media (min-width:600px){.instrument-btn[data-v-57e668ff]{border-radius:12px;min-height:120px;padding:20px}}.instrument-btn[data-v-57e668ff]:hover{background:#ffffff12;border-color:#ffffff1a;transform:translateY(-2px)}.instrument-btn .instrument-content[data-v-57e668ff]{align-items:center;display:flex;flex-direction:column;gap:8px}@media (min-width:600px){.instrument-btn .instrument-content[data-v-57e668ff]{gap:12px}}.icon-wrapper[data-v-57e668ff]{align-items:center;border-radius:50%;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}@media (min-width:600px){.icon-wrapper[data-v-57e668ff]{font-size:32px;height:48px;width:48px}}.selected-instrument[data-v-57e668ff]{border-color:var(--positive);box-shadow:0 0 20px var(--positive)}.instrument-name[data-v-57e668ff]{font-size:.875em;font-weight:500;letter-spacing:.5px;text-transform:capitalize}@media (min-width:600px){.instrument-name[data-v-57e668ff]{font-size:1em}}