@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-slide-in{animation:slide-in .3s ease-out}.animate-slide-out{animation:slide-out .3s ease-in}.song-item{padding:14px 12px!important;margin-bottom:14px!important;border-radius:12px!important;background:#1e2738!important;border:1px solid #3a4560!important;transition:all .2s ease}.song-item:hover{background:#252f42!important;border-color:#6366f1!important}@media (hover: none){.song-item .btn-icon{opacity:1!important}}.play-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.play-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--color-primary),.4)}#player-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--color-border),.5);border-radius:.5rem;height:.375rem}#player-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer;-webkit-transition:transform .2s ease;transition:transform .2s ease}#player-volume::-webkit-slider-thumb:hover{transform:scale(1.2)}#player-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}@media (max-width: 640px){.page-header{padding:12px 16px!important}.page-header h2{font-size:16px!important}.content-area{padding:12px 12px 140px!important}.card-elevated{padding:16px!important}.form-section{gap:16px!important}.label{font-size:12px!important}.input,.textarea{padding:12px!important;font-size:16px!important}.voice-mode-btn{padding:10px 12px!important;font-size:12px!important;min-height:44px!important}#submit-btn{padding:14px!important;font-size:15px!important;min-height:48px!important}.section-title{font-size:14px!important}.song-item{padding:10px!important}.song-item .flex-1 h4{font-size:13px!important}.play-btn{width:36px!important;height:36px!important}.play-btn svg{width:16px!important;height:16px!important}.slider{height:8px!important}.fixed.top-4.right-4{top:70px!important;right:12px!important;left:12px!important;padding:12px 16px!important}}@media (max-width: 400px){.page-header{padding:10px 12px!important}.content-area{padding:8px 8px 140px!important}.card-elevated{padding:12px!important}.voice-mode-btn{padding:8px 10px!important;font-size:11px!important}}.song-pair-group{display:flex!important;flex-direction:column!important;gap:8px!important;padding:24px 16px 16px!important;margin-bottom:20px!important;margin-top:8px!important;background:linear-gradient(135deg,#6366f114,#14b8a60f)!important;border:2px solid rgba(99,102,241,.3)!important;border-radius:16px!important;position:relative}.song-pair-group:before{content:"2 VERSIONES";position:absolute;top:-12px;left:16px;font-size:11px;font-weight:700;color:#14b8a6;text-transform:uppercase;letter-spacing:.1em;background:#151b28;padding:4px 12px;border-radius:8px;border:1px solid #14b8a6}.song-pair-group .song-item{background:#171f2c!important;border:1px solid #2d3748!important;margin-bottom:0!important}.song-pair-group .song-item:hover{background:#1e2738!important;border-color:#6366f1!important}.variant-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 6px;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:4px;flex-shrink:0}.variant-badge.v2,.play-btn.variant{background:linear-gradient(135deg,var(--color-accent-teal),#0ea5e9)}.date-group{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--color-border),.3)}.date-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.date-label{display:block;font-size:.7rem;font-weight:700;color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;padding-left:.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--color-primary),.2)}.songs-list{display:flex!important;flex-direction:column!important;gap:0!important}.variant-buttons{display:flex;gap:4px;flex-shrink:0}.play-btn-sm{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.play-btn-sm:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(var(--color-primary),.4)}.play-btn-sm.variant{background:linear-gradient(135deg,var(--color-accent-teal),var(--color-primary))}.variant-num{font-size:12px;font-weight:700;color:#fff}.song-pair{position:relative}.song-pair:before{content:"2 versiones";position:absolute;top:-8px;left:8px;font-size:9px;font-weight:600;color:var(--color-accent-teal);text-transform:uppercase;letter-spacing:.05em}.song-pair .song-item{margin-top:8px}.share-btn{opacity:.6;transition:all .2s ease}.share-btn:hover{opacity:1;color:var(--color-accent-teal)}.variant-actions-dropdown{position:relative;display:inline-block}.actions-toggle{opacity:.6;transition:all .2s ease}.actions-toggle:hover{opacity:1}.actions-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--color-card-bg, #1a1f2e);border:1px solid var(--color-border, #2d3748);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:100;overflow:hidden;display:flex;flex-direction:column}.actions-menu.hidden{display:none!important}.action-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;width:100%;padding:12px 16px;font-size:13px;color:var(--color-text-primary, #e2e8f0);text-align:left;border:none;border-bottom:1px solid var(--color-border, #2d3748);background:transparent;cursor:pointer;transition:background .2s ease;text-decoration:none;white-space:nowrap}.action-item:last-child{border-bottom:none}.action-item:hover{background:var(--color-hover-bg, rgba(255,255,255,.05))}.action-item.text-error{color:var(--color-error, #ef4444)}.action-item.text-error:hover{background:#ef44441a}.action-item svg{flex-shrink:0;width:16px;height:16px}.prompt-container{position:relative}.history-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted);padding:4px 8px;border-radius:6px;transition:all .2s ease}.history-btn:hover{color:var(--color-primary-light);background:var(--color-hover-bg)}.history-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:20;overflow:hidden}.history-dropdown.hidden{display:none}.history-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text-muted)}.history-list{max-height:200px;overflow-y:auto}.history-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:13px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);transition:background .2s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--color-hover-bg)}.song-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.song-modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close-btn{padding:.5rem;border-radius:.5rem;color:var(--color-text-muted);transition:all .2s ease}.modal-close-btn:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.detail-group{display:flex;flex-direction:column;gap:.25rem}.detail-group label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-text{font-size:.875rem;color:var(--color-text-primary);line-height:1.5;padding:.75rem;background:var(--color-hover-bg);border-radius:.5rem;margin:0}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-value{font-size:.875rem;color:var(--color-text-primary);margin:0}.modal-actions{padding:1rem 1.25rem;border-top:1px solid var(--color-border)}.info-btn{opacity:.6;transition:all .2s ease}.info-btn:hover{opacity:1;color:var(--color-primary-light)}@media (max-width: 640px){.sm-hide{display:none!important}}.generations-container{max-height:500px;overflow-y:auto;padding-right:.25rem}.generations-container::-webkit-scrollbar{width:4px}.generations-container::-webkit-scrollbar-track{background:transparent}.generations-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.generations-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width: 640px){.generations-container{max-height:300px}}.audio-player-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(var(--color-card-bg-rgb, 22, 27, 34),.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000004d;z-index:50;transform:translateY(100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;pointer-events:none}.audio-player-bar.visible{transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 768px){.audio-player-bar{bottom:60px}}