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