:root{--bg: #070807;--bg-elev: #121412;--bg-card: #181b18;--bg-card-hover: #222622;--bg-input: #1c1f1c;--text-primary: #f4f7f4;--text-secondary: #a8b3a8;--text-tertiary: #6e7a6e;--acento: #1ed760;--acento-realce: #3be072;--acento-suave: rgba(30, 215, 96, .14);--acento-contraste: #05210e;--acento-brillo: rgba(30, 215, 96, .12);--acento-degradado-desde: #1ed760;--acento-degradado-hasta: #0b5c2c;--danger: #ff6b6b;--border: rgba(255, 255, 255, .06);--shadow: 0 16px 40px rgba(0, 0, 0, .45);--sidebar-width: 232px;--player-height: 98px;--topbar-height: 64px;--radius: 12px;--glass: rgba(9, 11, 9, .58);--glass-soft: rgba(14, 17, 14, .34);--glass-strong: rgba(16, 19, 16, .74);--blur: 22px}[datos-accent=violeta]{--acento: #7c2dff;--acento-realce: #9b5bff;--acento-suave: rgba(124, 45, 255, .18);--acento-contraste: #ffffff;--acento-brillo: rgba(124, 45, 255, .17);--acento-degradado-desde: #7c2dff;--acento-degradado-hasta: #3b0f8f}[datos-accent=morado]{--acento: #a855f7;--acento-realce: #bd7afa;--acento-suave: rgba(168, 85, 247, .16);--acento-contraste: #1d0733;--acento-brillo: rgba(168, 85, 247, .15);--acento-degradado-desde: #a855f7;--acento-degradado-hasta: #4c1d95}[datos-accent=azul]{--acento: #3b82f6;--acento-realce: #5f9dfa;--acento-suave: rgba(59, 130, 246, .16);--acento-contraste: #04122e;--acento-brillo: rgba(59, 130, 246, .15);--acento-degradado-desde: #3b82f6;--acento-degradado-hasta: #1e3a8a}[datos-accent=dorado]{--acento: #eab308;--acento-realce: #f5c518;--acento-suave: rgba(234, 179, 8, .16);--acento-contraste: #241a02;--acento-brillo: rgba(234, 179, 8, .13);--acento-degradado-desde: #eab308;--acento-degradado-hasta: #8a5e04}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.contenedor-app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;height:100vh;background:radial-gradient(1200px 500px at -10% -20%,var(--acento-brillo),transparent 50%)}.area-trabajo{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;margin:12px 12px 0 0;background:linear-gradient(180deg,#1a221c6b,#121412b8 180px);border:1px solid var(--border);border-radius:16px 16px 0 0;overflow:hidden}.contenido-scroll{flex:1;overflow-y:auto;padding:8px 28px calc(var(--player-height) + 30px)}.contenido-scroll::-webkit-scrollbar{width:10px}.contenido-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:8px}.barra-lateral{grid-column:1;grid-row:1 / -1;position:relative;z-index:20;padding:22px 14px 118px;display:flex;flex-direction:column;min-height:0}.barra-lateral:after{content:"";position:absolute;left:0;right:0;bottom:0;height:112px;background:linear-gradient(180deg,transparent,var(--bg) 88%);pointer-events:none}.logo{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;font-size:22px;font-weight:800;letter-spacing:-.04em}.marca-logo{width:32px;height:32px;border-radius:10px;background:var(--acento);color:var(--acento-contraste);display:grid;place-items:center;font-size:13px}.navegacion-etiqueta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);padding:8px 12px 6px}.navegacion{list-style:none}.navegacion li a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:.15s ease}.navegacion li a:hover{background:#ffffff0a;color:var(--text-primary)}.navegacion li a.activo{background:var(--acento-suave);color:var(--acento)}.navegacion-icono{width:18px;height:18px;flex-shrink:0}.lista-punto{width:8px;height:8px;border-radius:50%;background:var(--acento);opacity:.7}.navegacion-listas a{font-weight:500;font-size:13px}.barra-superior{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 20px;background:var(--glass-soft);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--border)}.barra-superior-titulo{font-size:22px;font-weight:800;letter-spacing:-.03em;min-width:110px}.busqueda-superior{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;background:#00000059;border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 16px}.busqueda-superior svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.busqueda-superior input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none}.busqueda-superior button{background:var(--acento);color:var(--acento-contraste);border:none;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.busqueda-superior button:disabled{opacity:.45;cursor:not-allowed}.reproductor{position:absolute;left:0;right:0;bottom:0;height:var(--player-height);z-index:30;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(280px,2fr) minmax(140px,.9fr);align-items:center;gap:16px;padding:0 20px;border-top:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(170%);backdrop-filter:blur(var(--blur)) saturate(170%)}.reproduciendo-ahora{display:flex;align-items:center;gap:12px;min-width:0}.pista-arte,.pista-arte-img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#1b1f1b;display:grid;place-items:center}.reproduciendo-ahora .pista-info{min-width:0}.reproduciendo-ahora h4,.pista-titulo{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reproduciendo-ahora p,.pista-artista{font-size:12px;color:var(--text-secondary)}.reproductor-centro{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.controles{display:flex;align-items:center;gap:10px}.boton{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.boton:disabled{opacity:.3;cursor:default}.boton:hover:not(:disabled){color:var(--text-primary)}.boton-reproducir{width:40px;height:40px;border:none;border-radius:50%;background:var(--text-primary);color:#111;font-size:13px;cursor:pointer;font-weight:700}.boton-reproducir:hover{transform:scale(1.05)}.progreso{width:100%;display:flex;align-items:center;gap:10px}.progreso-barra{flex:1;height:5px;background:#2a2e2a;border-radius:99px;cursor:pointer;overflow:hidden}.progreso-barra .relleno{height:100%;background:var(--acento);border-radius:99px}.tiempo{font-size:11px;color:var(--text-tertiary);min-width:36px}.visualizador-lienzo{width:100%;height:28px;display:block;opacity:.85}.reproductor-derecha{display:flex;align-items:center;gap:8px;justify-content:flex-end}.volumen{width:110px;accent-color:var(--acento)}.campo-estrellas-contenedor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(1100px 700px at 50% 120%,rgba(255,255,255,.05),transparent 70%),radial-gradient(900px 520px at 8% -10%,var(--acento-brillo),transparent 62%),var(--bg);pointer-events:none}.campo-estrellas{display:block;width:100%;height:100%}.campo-estrellas-velo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 95% at 50% 42%,transparent 55%,rgba(7,8,7,.62) 100%)}.pista-lista{list-style:none}.pista-fila{display:grid;grid-template-columns:28px 48px 1fr 52px auto;align-items:center;gap:12px;padding:8px 10px;border-radius:10px}.pista-fila:hover{background:#ffffff0a}.pista-fila.sonando{background:var(--acento-suave)}.pista-numero{color:var(--text-tertiary);font-size:13px;text-align:center}.pista-portada{width:44px;height:44px;border-radius:6px;object-fit:cover;cursor:pointer;background:#222}.pista-info{min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.pista-duracion{color:var(--text-tertiary);font-size:12px}.pista-acciones{display:flex;gap:4px;opacity:0}.pista-fila:hover .pista-acciones,.pista-fila.sonando .pista-acciones{opacity:1}.boton-accion{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:15px}.boton-accion.favorito{color:var(--acento)}.ecualizador-mini{display:inline-block;width:10px;height:12px;background:linear-gradient(var(--acento),var(--acento)) 0 100% / 2px 70%,linear-gradient(var(--acento),var(--acento)) 4px 100% / 2px 100%,linear-gradient(var(--acento),var(--acento)) 8px 100% / 2px 50%;background-repeat:no-repeat}.lista-menu-contenedor{position:relative}.lista-menu{position:absolute;right:0;bottom:32px;min-width:180px;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);border-radius:10px;padding:6px;z-index:20;box-shadow:var(--shadow)}.lista-menu button,.lista-menu p{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-primary);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.lista-menu button:hover{background:#ffffff0f}.portada{padding:8px 0 18px}.antetitulo{color:var(--acento);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portada h1{font-size:34px;letter-spacing:-.04em;margin:6px 0 8px}.portada-sub{color:var(--text-secondary);max-width:520px}.fila-fichas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ficha{border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:13px}.ficha:hover{border-color:var(--acento);color:var(--acento)}.grilla-inicio{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.cabecera-seccion,.encabezado-seccion{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:12px}.cabecera-seccion h2,.encabezado-seccion h2{font-size:22px;letter-spacing:-.03em}.subtitulo,.meta-resultado{color:var(--text-tertiary);font-size:13px;margin-bottom:12px}.boton-enlace,.boton-fantasma{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:12px}.boton-principal,.modal .boton-primario{background:var(--acento);color:var(--acento-contraste);border:none;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.boton-peligro{margin-top:20px;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:999px;padding:8px 14px;cursor:pointer}.acciones-cabecera{display:flex;gap:8px}.bloque-recientes{margin-top:32px}.grilla-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tarjeta-lista{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:inherit}.tarjeta-lista:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.lista-arte{width:100%;aspect-ratio:1;border-radius:10px;margin-bottom:10px;background:linear-gradient(135deg,var(--acento-degradado-desde),var(--acento-degradado-hasta));display:grid;place-items:center;font-size:36px;font-weight:800;color:var(--acento-contraste)}.tarjeta-lista h3{font-size:14px}.tarjeta-lista p{font-size:12px;color:var(--text-tertiary);margin-top:4px}.estado-vacio{text-align:center;padding:48px 16px;color:var(--text-tertiary)}.estado-vacio.compacto{padding:24px}.estado-vacio h3{color:var(--text-secondary);margin-bottom:6px}.cargador{width:28px;height:28px;border:3px solid #333;border-top-color:var(--acento);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aviso{position:fixed;bottom:112px;right:24px;padding:12px 18px;background:#1c241e;border:1px solid var(--acento);border-radius:10px;z-index:50}.superposicion-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:80}.modal{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--border);border-radius:16px;padding:22px;width:min(420px,92vw)}.modal input{width:100%;margin:12px 0 16px;padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);outline:none}.acciones-modal{display:flex;justify-content:flex-end;gap:8px}.boton-secundario{background:#111;color:#fff;border:none;border-radius:999px;padding:8px 16px;cursor:pointer}.selector-acento{position:relative;z-index:1;margin-top:auto;padding:16px 12px 0}.selector-acento .navegacion-etiqueta{padding:0 0 8px}.puntos-acento{display:flex;gap:9px}.punto-acento{width:21px;height:21px;border-radius:50%;border:2px solid transparent;background:var(--acento);cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.punto-acento:hover{transform:scale(1.14)}.punto-acento.activo{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--acento-suave)}.punto-acento.paleta{background:conic-gradient(#ff4d4d,#ffd24d,#4ade80,#22d3ee,#7c2dff,#f472b6,#ff4d4d)}.punto-acento.paleta.tiene-personalizado{background:var(--acento)}.emergente-color{position:absolute;bottom:calc(100% + 12px);left:12px;right:12px;z-index:30;display:flex;flex-direction:column;gap:9px;padding:13px;border-radius:12px;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow);animation:pop-in .16s ease}.cabecera-color-emergente{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.cabecera-color-emergente input[type=color]{width:32px;height:24px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.fila-color{display:grid;grid-template-columns:14px 1fr 44px;align-items:center;gap:8px}.etiqueta-color{font-size:11px;font-weight:800}.fila-color input[type=range]{width:100%;height:14px;margin:0}.num-color{width:100%;padding:4px;text-align:center;border-radius:6px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);font-size:12px;outline:none}.num-color:focus,.hex-color:focus{border-color:var(--acento)}.muestras-color{display:flex;gap:6px}.muestra-color{flex:1;height:18px;border:none;border-radius:5px;cursor:pointer;padding:0;transition:transform .14s ease}.muestra-color:hover{transform:translateY(-2px)}.pie-color{display:flex;align-items:center;gap:6px}.hex-color{flex:1;min-width:0;padding:5px 8px;border-radius:6px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);font-size:12px;outline:none}.reiniciar-color{border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.reiniciar-color:hover{border-color:var(--acento);color:var(--acento)}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.desc-carpeta{font-family:ui-monospace,monospace;font-size:12px}.desc-seccion{margin-bottom:26px}.desc-seccion-titulo{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.desc-fila .pista-acciones{opacity:1}.desc-progreso{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px}.desc-progreso-barra{flex:1;height:5px;background:#2a2e2a;border-radius:99px;overflow:hidden}.desc-progreso-relleno{height:100%;background:var(--acento);border-radius:99px;transition:width .3s ease}.desc-progreso-etiqueta{font-size:11px;color:var(--text-tertiary);min-width:34px;text-align:right}.boton-accion.desc-hecha{color:var(--acento)}.boton-accion.desc-error{color:var(--danger)}.boton-accion:disabled{opacity:.45;cursor:default}.desc-marca-error{color:var(--danger);font-weight:700}.desc-texto-error{color:var(--danger)}.pagina-sesion{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.tarjeta-sesion{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--border);border-radius:16px;padding:32px;width:min(400px,92vw)}.logo-sesion{display:flex;align-items:center;gap:12px;margin-bottom:8px}.logo-sesion h1{font-size:28px}.subtitulo-sesion{color:var(--text-secondary);margin-bottom:20px}.pestanas-sesion{display:flex;gap:8px;margin-bottom:20px}.pestanas-sesion button{flex:1;padding:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer}.pestanas-sesion button.activo{background:var(--acento-suave);color:var(--acento);border-color:var(--acento)}.tarjeta-sesion form label{display:block;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.tarjeta-sesion form input{width:100%;margin-top:4px;padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);outline:none}.tarjeta-sesion form input:focus{border-color:var(--acento)}.error-sesion{color:var(--danger);font-size:13px;margin-bottom:12px}.enviar-sesion{width:100%;padding:12px;border:none;border-radius:999px;background:var(--acento);color:var(--acento-contraste);font-weight:700;cursor:pointer}.enviar-sesion:disabled{opacity:.5}.ecualizador{position:relative}.panel-ecualizador{position:absolute;bottom:40px;right:0;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);border-radius:12px;padding:12px;z-index:40;box-shadow:var(--shadow)}.ecualizador-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600}.ecualizador-bandas{display:flex;gap:6px}.ecualizador-banda{display:flex;flex-direction:column;align-items:center;gap:4px}.deslizador-ecualizador{writing-mode:vertical-lr;direction:rtl;width:20px;height:80px;accent-color:var(--acento)}.ecualizador-frecuencia{font-size:9px;color:var(--text-tertiary)}.transicion{position:relative}.transicion .boton.activo{color:var(--acento)}.panel-transicion{position:absolute;bottom:40px;right:0;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);border-radius:12px;padding:12px;z-index:40;display:flex;align-items:center;gap:8px}.deslizador-transicion{width:80px;accent-color:var(--acento)}.valor-transicion{font-size:11px;color:var(--text-tertiary);min-width:24px}.seccion-diaria{margin-bottom:28px}.grilla-diaria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tarjeta-diaria{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:.15s ease}.tarjeta-diaria:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.miniatura-diaria{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover}.info-diaria h4{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-diaria p{font-size:11px;color:var(--text-secondary)}.reproducir-diaria{align-self:flex-end;width:32px;height:32px;border:none;border-radius:50%;background:var(--acento);color:var(--acento-contraste);cursor:pointer;font-size:12px}.esqueleto-diario{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tarjeta-diaria.esqueleto{height:200px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes inmersivo-entrada{0%{opacity:0}to{opacity:1}}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes latido{0%,to{box-shadow:0 0 0 0 var(--acento-brillo)}50%{box-shadow:0 0 0 6px transparent}}.progreso-barra .relleno{transition:width .15s linear}.pista-fila{transition:background .15s ease}.tarjeta-lista,.tarjeta-diaria{transition:transform .18s ease,background .18s ease}.boton{transition:transform .12s ease,color .15s ease}.boton-reproducir{transition:transform .12s ease}.boton:active:not(:disabled),.boton-reproducir:active{transform:scale(.9)}.reproduciendo-ahora{cursor:pointer}.expandir-inmersivo{margin-left:auto;color:var(--text-tertiary);font-size:16px;opacity:0;transition:opacity .15s ease,color .15s ease}.reproduciendo-ahora:hover .expandir-inmersivo{opacity:1;color:var(--acento)}.inmersivo-superposicion{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#040504b8;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);animation:inmersivo-entrada .28s ease;overflow:hidden}.inmersivo-fondo{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background-size:cover;background-position:center;filter:blur(90px) saturate(160%);opacity:.32;transform:scale(1.2);z-index:0}.inmersivo{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(300px,.95fr);gap:40px;width:min(1080px,92vw);height:min(720px,88vh);padding:40px;border-radius:24px;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow)}.inmersivo-cerrar{position:absolute;top:16px;right:18px;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:#00000059;color:var(--text-secondary);cursor:pointer;font-size:15px;transition:color .15s ease,transform .15s ease}.inmersivo-cerrar:hover{color:var(--text-primary);transform:rotate(90deg)}.inmersivo-izquierda{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0}.inmersivo-arte{width:min(340px,58vw);aspect-ratio:1;border-radius:20px;overflow:hidden;display:grid;place-items:center;font-size:72px;color:var(--acento-contraste);background:linear-gradient(135deg,var(--acento-degradado-desde),var(--acento-degradado-hasta));box-shadow:0 30px 60px #00000080;animation:flotar 6s ease-in-out infinite}.inmersivo-arte img{width:100%;height:100%;object-fit:cover}.inmersivo-meta{text-align:center;max-width:100%}.inmersivo-meta h1{font-size:26px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inmersivo-meta p{color:var(--text-secondary);font-size:15px;margin-top:4px}.inmersivo-progreso{display:flex;align-items:center;gap:10px;width:100%;max-width:440px}.inmersivo-controles{display:flex;align-items:center;gap:18px}.inmersivo-controles .boton{font-size:22px}.inmersivo-reproducir{width:60px;height:60px;font-size:18px;animation:latido 2.4s ease-in-out infinite}.inmersivo-volumen{display:flex;align-items:center;gap:10px;width:100%;max-width:240px}.inmersivo-visualizador{width:100%;max-width:460px}.inmersivo-visualizador .visualizador-lienzo{height:44px;opacity:.9}.inmersivo-derecha{display:flex;flex-direction:column;min-height:0}.inmersivo-seccion-titulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:14px}.letras{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:14px;scrollbar-width:thin}.letras::-webkit-scrollbar{width:8px}.letras::-webkit-scrollbar-thumb{background:#333;border-radius:8px}.letra-linea{color:var(--text-tertiary);font-size:19px;font-weight:600;line-height:1.35;opacity:.5;transform-origin:left center;transition:color .25s ease,opacity .25s ease,transform .25s ease}.letra-linea.activa{color:var(--acento);opacity:1;transform:scale(1.05)}.letra-linea.pasada{opacity:.28}.letras-plano{color:var(--text-secondary);font-size:15px;font-weight:500;gap:4px}.letras-plano p{min-height:1em}.letras-estado{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-tertiary);font-size:14px}.cola{position:relative}.panel-cola{position:absolute;bottom:40px;right:0;width:300px;max-height:380px;display:flex;flex-direction:column;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);border-radius:12px;padding:10px;z-index:40;box-shadow:var(--shadow);animation:pop-in .16s ease}.cola-cabecera{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:4px 6px 10px}.cola-cuenta{background:var(--acento-suave);color:var(--acento);border-radius:999px;padding:1px 8px;font-size:11px}.cola-lista{list-style:none;overflow-y:auto;min-height:0}.cola-item{display:flex;align-items:center;gap:4px;border-radius:8px}.cola-item:hover{background:#ffffff0a}.cola-item.actual{background:var(--acento-suave)}.cola-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;color:inherit;cursor:pointer;padding:7px 8px;text-align:left}.cola-indice{width:16px;text-align:center;font-size:11px;color:var(--text-tertiary);flex-shrink:0}.cola-item.actual .cola-indice{color:var(--acento)}.cola-texto{display:flex;flex-direction:column;min-width:0}.cola-titulo{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cola-artista{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cola-reordenar{display:flex;flex-direction:column;opacity:0;padding-right:4px}.cola-item:hover .cola-reordenar{opacity:1}.cola-reordenar .boton-accion{height:16px;font-size:9px;line-height:1;padding:0}.cola-vacia{color:var(--text-tertiary);font-size:13px;padding:12px 8px;text-align:center}.pagina-estadisticas{padding-top:4px}.grilla-estadisticas{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:32px}.tarjeta-estadistica{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;transition:transform .18s ease,border-color .18s ease}.tarjeta-estadistica:hover{transform:translateY(-2px);border-color:var(--acento)}.estadistica-valor{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--acento)}.estadistica-etiqueta{font-size:12px;color:var(--text-secondary)}.estadisticas-columnas{display:grid;grid-template-columns:1fr 1.3fr;gap:28px}.bloque-estadistica{min-width:0}.lista-barras{list-style:none;display:flex;flex-direction:column;gap:12px}.fila-artista{display:grid;grid-template-columns:110px 1fr 32px;align-items:center;gap:12px}.artista-nombre{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-artista{height:8px;background:#2a2e2a;border-radius:99px;overflow:hidden}.barra-artista-relleno{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acento-degradado-desde),var(--acento));transition:width .4s ease}.artista-cuenta{font-size:12px;color:var(--text-tertiary);text-align:right}.cuenta-chip{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--border);border-radius:999px;background:#0000004d;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:600;flex-shrink:0;transition:border-color .15s ease,color .15s ease}.cuenta-chip:hover{border-color:var(--acento);color:var(--text-primary)}.cuenta-chip-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--acento-degradado-desde),var(--acento-degradado-hasta));color:var(--acento-contraste);font-size:12px;font-weight:800}.cuenta-chip-nombre{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-cuenta{padding-top:4px}.tarjeta-cuenta{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:720px}.cuenta-encabezado{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}.cuenta-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:30px;font-weight:800;color:var(--acento-contraste);background:linear-gradient(135deg,var(--acento-degradado-desde),var(--acento-degradado-hasta))}.cuenta-identidad{min-width:0;flex:1}.cuenta-identidad h2{font-size:24px;letter-spacing:-.03em}.cuenta-id{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--text-tertiary);font-family:ui-monospace,monospace}.copiar-id{padding:3px 10px;font-size:11px}.cuenta-salir{margin:0}.cuenta-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.cuenta-dato{display:flex;flex-direction:column;gap:4px}.cuenta-dato-etiqueta{font-size:12px;color:var(--text-tertiary)}.cuenta-dato-valor{font-size:18px;font-weight:700}@media (max-width: 900px){.grilla-inicio{grid-template-columns:1fr}.reproductor{grid-template-columns:1fr 1.4fr}.reproductor-derecha{display:none}.inmersivo{grid-template-columns:1fr;height:92vh;overflow-y:auto;padding:28px}.inmersivo-derecha,.expandir-inmersivo{display:none}.estadisticas-columnas{grid-template-columns:1fr}}