.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;transition:background-color .3s}.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:all .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;transition:all .2s ease}.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:all .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:all .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:all .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:all .2s ease}.card-action-btn:hover{opacity:1;transform:scale(1.1)}