.practice-metro-btn.v-btn{--v-btn-height:38px!important;border-color:#fff3!important;background:#ffffff0d!important;padding-left:14px!important;padding-right:10px!important;min-width:0!important;text-transform:none!important;border-radius:999px!important;transition:transform .2s,box-shadow .2s!important}.practice-metro-btn.v-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0006}.practice-metro-btn.v-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0006}.practice-song-menu-popover.practice-hands-menu-popover.practice-metronome-menu-popover{width:220px!important;min-width:220px!important;max-width:200px!important;box-sizing:border-box!important}.practice-metronome-pop{display:flex;flex-direction:column;gap:10px;padding:4px;align-items:center;text-align:center}.metro-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 12px;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);color:#ffffffeb;font-weight:800;cursor:pointer;transition:all .2s ease}.metro-toggle:hover:not(:disabled){background:#ffffff1a;transform:translate(4px)}.metro-toggle.running{background:linear-gradient(90deg,#c06cff26,#c06cff0d);border-color:#c06cff59}.metro-toggle:disabled{opacity:.55;cursor:default}.metro-section{display:flex;flex-direction:column;gap:6px}.metro-label{font-size:.78rem;font-weight:750;opacity:.86;letter-spacing:.02em}.metro-tempo{gap:10px}.metro-step,.metro-tempo{display:flex;align-items:center;justify-content:center}.metro-step{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.1rem;font-weight:900;line-height:1;cursor:pointer;transition:background .2s ease,transform .15s ease;padding:0}.metro-step:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.metro-step:disabled{opacity:.55;cursor:default}.metro-input{width:80px;height:32px;text-align:center;background:#23193c8c;color:#fff;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;font-weight:900;font-size:18px;line-height:32px;outline:none;padding:0;box-sizing:border-box}.metro-input:focus{border-color:#c06cff59}.metro-input::-webkit-inner-spin-button,.metro-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metro-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.metro-picker{height:40px;width:100%;border-radius:10px;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);color:#ffffffeb;font-weight:800;outline:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;box-sizing:border-box;cursor:pointer;transition:all .2s ease}.metro-picker:hover:not(:disabled){background:#ffffff1a}.metro-picker:disabled{opacity:.55;cursor:default}.metro-picker-chevron{opacity:.85}