@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-main:#06060a;--bg-sidebar:#0a0a10f2;--bg-card:#12121da6;--bg-card-hover:#191928cc;--border-color:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--color-prueba:#6366f1;--color-musica:#10b981;--color-ensayo:#f59e0b;--color-danger:#f43f5e;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-10%;left:15%}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:10%;right:5%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #00000080}.glass:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff26 0%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-hover:hover{background:var(--bg-card-hover);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 30px 60px -15px #0009,0 0 50px -10px #6366f126}@keyframes breathing-alert{0%,to{border-color:#f43f5e4d;box-shadow:0 0 10px #f43f5e33,inset 0 0 5px #f43f5e1a}50%{border-color:#f43f5ef2;box-shadow:0 0 25px #f43f5e99,inset 0 0 10px #f43f5e4d}}.breathing-alert-red{animation:2s ease-in-out infinite breathing-alert;border-width:1.5px!important}@keyframes gold-shimmer{0%,to{border-color:#fbbf244d;box-shadow:0 0 10px #fbbf2433,inset 0 0 5px #fbbf241a}50%{border-color:#fbbf24f2;box-shadow:0 0 25px #fbbf24b3,inset 0 0 10px #fbbf2466}}.promo-glow{animation:2.5s ease-in-out infinite gold-shimmer;border-width:1.5px!important}@keyframes eq-bounce-1{0%,to{height:10%}50%{height:75%}}@keyframes eq-bounce-2{0%,to{height:15%}50%{height:95%}}@keyframes eq-bounce-3{0%,to{height:8%}50%{height:50%}}.eq-bar{background:linear-gradient(180deg, var(--color-prueba) 0%, #a855f7 100%);border-radius:99px;width:3px;height:20px}.eq-bar-1{animation:1.2s ease-in-out infinite eq-bounce-1}.eq-bar-2{animation:.8s ease-in-out .2s infinite eq-bounce-2}.eq-bar-3{animation:1.5s ease-in-out .4s infinite eq-bounce-3}.app-container{min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:2.5rem}input,select,textarea{color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);background:#0a0a1099;border:1px solid #ffffff14;outline:none;width:100%;max-width:100%;padding:.85rem 1.15rem;font-size:.9rem;transition:all .25s cubic-bezier(.16,1,.3,1)}input:focus,select:focus,textarea:focus{background:#0f0f19cc;border-color:#6366f199;box-shadow:0 0 15px #6366f126}button{cursor:pointer;font-family:var(--font-sans);transition:all .3s cubic-bezier(.16,1,.3,1)}.text-gradient{background:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-bell{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}to{transform:rotate(0)}}.pulse-bell{transform-origin:top;animation:2s infinite pulse-bell}@media (width<=768px){.responsive-grid-2-1,.responsive-grid-1-1{grid-template-columns:1fr!important;gap:1.25rem!important}.glass{padding:1.25rem!important}h1{font-size:2rem!important}}#root{width:100%}