.beat-card[data-v-61f9a743]{backdrop-filter:blur(4px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);flex:1;max-width:400px;min-width:300px;overflow:hidden;transition:border-color .2s}.beat-card[data-v-61f9a743]:hover{border-color:rgba(var(--primary-dark-rgb),.5)}.beat-card__cover[data-v-61f9a743]{background:linear-gradient(to bottom right,rgba(var(--primary-dark-rgb),.2),rgba(var(--primary-light-rgb),.2));height:12rem;overflow:hidden;position:relative}.beat-card__image[data-v-61f9a743]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.beat-card:hover .beat-card__image[data-v-61f9a743]{transform:scale(1.1)}.beat-card__play-overlay[data-v-61f9a743]{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.beat-card__play-overlay[data-v-61f9a743] .ui-play-btn{aspect-ratio:1;height:auto;max-width:5.5rem;min-width:2.75rem;pointer-events:auto;width:42%}.beat-card__play-overlay[data-v-61f9a743] .ui-play-btn__svg{height:100%;width:100%}.beat-card__publish-toggle[data-v-61f9a743]{position:absolute;right:.75rem;top:.75rem;z-index:2}.publish-toggle[data-v-61f9a743]{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;cursor:pointer;display:flex;gap:.5rem;padding:.35rem .5rem .35rem .65rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.publish-toggle--disabled[data-v-61f9a743]{cursor:not-allowed;opacity:.6}.publish-toggle__label[data-v-61f9a743]{color:var(--color-white);font-size:.7rem;font-weight:500;white-space:nowrap}.publish-toggle__switch[data-v-61f9a743]{align-items:center;display:inline-flex;flex-shrink:0;position:relative}.publish-toggle__input[data-v-61f9a743]{height:0;opacity:0;position:absolute;width:0}.publish-toggle__track[data-v-61f9a743]{background:#374151;border-radius:9999px;height:1.5rem;position:relative;transition:background-color .2s;width:2.75rem}.publish-toggle__track[data-v-61f9a743]:after{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:9999px;content:"";height:1.25rem;left:2px;position:absolute;top:2px;transition:transform .2s;width:1.25rem}.publish-toggle__track--active[data-v-61f9a743]{background:#16a34a}.publish-toggle__track--active[data-v-61f9a743]:after{border-color:var(--color-white);transform:translate(100%)}.publish-toggle__input:focus-visible+.publish-toggle__track[data-v-61f9a743]{outline:2px solid rgba(34,197,94,.5);outline-offset:2px}.beat-card__info[data-v-61f9a743]{padding:1.5rem}.beat-card__header[data-v-61f9a743]{margin-bottom:1rem}.beat-card__title-wrapper[data-v-61f9a743]{min-width:0}.beat-card__title[data-v-61f9a743]{color:var(--color-white);font-size:1.125rem;font-weight:600;margin-bottom:.25rem;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-card__date[data-v-61f9a743]{color:var(--color-gray-400);font-size:.875rem}.beat-card__details[data-v-61f9a743]{display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-bottom:1rem}.beat-card__detail[data-v-61f9a743]{color:var(--color-gray-400)}.beat-card__actions[data-v-61f9a743]{align-items:stretch;display:flex;gap:.5rem}.beat-card__action-btn[data-v-61f9a743]{align-items:center;background:var(--glass-bg);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;display:flex;flex:1;font-size:.875rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.beat-card__action-btn[data-v-61f9a743]:hover{background:var(--glass-bg-10)}.beat-card__action-btn[data-v-61f9a743]:focus-visible{outline:2px solid rgba(var(--primary-dark-rgb),.7);outline-offset:2px}.beat-card__action-btn--danger[data-v-61f9a743]{background:rgba(239,68,68,.1);border-color:#ef444447;color:var(--color-red-400);flex:0 0 auto;padding:.5rem;width:2.5rem}.beat-card__action-btn--danger[data-v-61f9a743]:hover{background:rgba(239,68,68,.2);border-color:#f872728c;box-shadow:0 0 0 1px #ef44441f;color:#fecaca}.beat-card__action-btn--danger[data-v-61f9a743]:focus-visible{outline-color:#f87272cc}.beat-card__action-icon[data-v-61f9a743]{flex-shrink:0;height:1rem;width:1rem}.delete-modal[data-v-097ee6ec]{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.delete-modal__backdrop[data-v-097ee6ec]{backdrop-filter:blur(4px);background:rgba(0,0,0,.8);inset:0;position:absolute}.delete-modal__panel[data-v-097ee6ec]{background:var(--color-zinc-900);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:28rem;position:relative;transform:translateZ(0);transition:all .15s ease;width:100%}.delete-modal__header[data-v-097ee6ec]{border-bottom:1px solid var(--glass-border);padding:1.5rem}.delete-modal__header-row[data-v-097ee6ec]{align-items:center;display:flex;gap:1rem}.delete-modal__warn-icon[data-v-097ee6ec]{align-items:center;background:rgba(239,68,68,.2);border-radius:9999px;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.delete-modal__warn-svg[data-v-097ee6ec]{color:var(--color-red-500);height:1.5rem;width:1.5rem}.delete-modal__header-text[data-v-097ee6ec]{flex:1;min-width:0}.delete-modal__title[data-v-097ee6ec]{color:var(--color-white);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.delete-modal__subtitle[data-v-097ee6ec]{color:var(--color-gray-400);font-size:.875rem;margin:0}.delete-modal__close[data-v-097ee6ec]{background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-gray-400);cursor:pointer;padding:.25rem;transition:color .15s ease,background .15s ease}.delete-modal__close[data-v-097ee6ec]:hover:not(:disabled){background:var(--glass-bg-10);color:var(--color-white)}.delete-modal__close[data-v-097ee6ec]:disabled{cursor:not-allowed;opacity:.5}.delete-modal__close-icon[data-v-097ee6ec]{height:1.25rem;width:1.25rem}.delete-modal__content[data-v-097ee6ec]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.delete-modal__preview[data-v-097ee6ec]{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem}.delete-modal__preview-prompt[data-v-097ee6ec]{color:var(--color-gray-300);font-size:.875rem;margin:0 0 .5rem}.delete-modal__beat-row[data-v-097ee6ec]{align-items:center;display:flex;gap:.75rem;margin-top:.75rem}.delete-modal__cover[data-v-097ee6ec]{border-radius:var(--radius-lg);flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.delete-modal__cover--empty[data-v-097ee6ec]{align-items:center;display:flex;justify-content:center}.delete-modal__cover-img[data-v-097ee6ec]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.delete-modal__cover-icon[data-v-097ee6ec]{color:var(--color-white);height:2rem;width:2rem}.delete-modal__beat-meta[data-v-097ee6ec]{flex:1;min-width:0}.delete-modal__beat-title[data-v-097ee6ec]{color:var(--color-white);font-weight:500}.delete-modal__beat-producer[data-v-097ee6ec],.delete-modal__beat-title[data-v-097ee6ec]{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-modal__beat-producer[data-v-097ee6ec]{color:var(--color-gray-400);font-size:.875rem}.delete-modal__stats[data-v-097ee6ec]{align-items:center;color:var(--color-gray-500);display:flex;font-size:.75rem;gap:1rem;margin-top:.25rem}.delete-modal__stat[data-v-097ee6ec]{align-items:center;display:flex;gap:.25rem}.delete-modal__stat-icon[data-v-097ee6ec]{height:.75rem;width:.75rem}.delete-modal__warning[data-v-097ee6ec]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:.75rem}.delete-modal__warning-text[data-v-097ee6ec]{align-items:flex-start;color:var(--color-red-400);display:flex;font-size:.875rem;gap:.5rem;margin:0}.delete-modal__warning-icon[data-v-097ee6ec]{flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.delete-modal__footer[data-v-097ee6ec]{align-items:center;border-top:1px solid var(--glass-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.delete-modal__cancel[data-v-097ee6ec]{background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-gray-300);cursor:pointer;padding:.5rem 1rem;transition:color .15s ease,background .15s ease}.delete-modal__cancel[data-v-097ee6ec]:hover:not(:disabled){background:var(--glass-bg-10);color:var(--color-white)}.delete-modal__cancel[data-v-097ee6ec]:disabled,.delete-modal__confirm[data-v-097ee6ec]:disabled{cursor:not-allowed;opacity:.5}.delete-modal__confirm[data-v-097ee6ec]{align-items:center;background:#dc2626;border:none;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #ef44444d,0 4px 6px -4px #ef44444d;color:var(--color-white);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1.5rem;transition:background .15s ease}.delete-modal__confirm[data-v-097ee6ec]:hover:not(:disabled){background:#b91c1c}.delete-modal__confirm-icon[data-v-097ee6ec]{height:1rem;width:1rem}.delete-modal__confirm-icon--spin[data-v-097ee6ec]{animation:delete-modal-spin-097ee6ec 1s linear infinite}@keyframes delete-modal-spin-097ee6ec{to{transform:rotate(1turn)}}.modal-enter-active[data-v-097ee6ec],.modal-leave-active[data-v-097ee6ec]{transition:opacity .2s ease}.modal-enter-active .delete-modal__panel[data-v-097ee6ec],.modal-leave-active .delete-modal__panel[data-v-097ee6ec]{transition:transform .2s ease,opacity .2s ease}.modal-enter-from[data-v-097ee6ec],.modal-leave-to[data-v-097ee6ec]{opacity:0}.modal-enter-from .delete-modal__panel[data-v-097ee6ec],.modal-leave-to .delete-modal__panel[data-v-097ee6ec]{opacity:0;transform:scale(.95)}