.instrument-dialog[data-v-57e668ff]{background:linear-gradient(145deg,var(--dark-bg-2)0,var(--dark-bg-1)100%);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:90vw;min-width:auto;max-width:500px}.dialog-header[data-v-57e668ff]{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}@media (min-width:600px){.dialog-header[data-v-57e668ff]{padding:24px 24px 0}}.instruments-grid[data-v-57e668ff]{grid-template-columns:repeat(2,1fr);gap:24px;padding:8px 0;display:grid}@media (min-width:600px){.instruments-grid[data-v-57e668ff]{gap:16px;padding:16px 0}}.instrument-btn[data-v-57e668ff]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;min-height:90px;padding:12px;box-shadow:0 0 4px #ffffff9c}@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]{flex-direction:column;align-items:center;gap:8px;display:flex}@media (min-width:600px){.instrument-btn .instrument-content[data-v-57e668ff]{gap:12px}}.icon-wrapper[data-v-57e668ff]{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}@media (min-width:600px){.icon-wrapper[data-v-57e668ff]{width:48px;height:48px;font-size:32px}}.selected-instrument[data-v-57e668ff]{border-color:var(--positive);box-shadow:0 0 20px var(--positive)}.instrument-name[data-v-57e668ff]{letter-spacing:.5px;text-transform:capitalize;font-size:.875em;font-weight:500}@media (min-width:600px){.instrument-name[data-v-57e668ff]{font-size:1em}}.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)}