@font-face{font-family:Inter;src:url(/assets/inter-variable-latin-Dx4kXJAl.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/spacegrotesk-variable-latin-BhU9QXUp.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}:root{--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "Consolas", monospace;--espacio-1: 4px;--espacio-2: 8px;--espacio-3: 12px;--espacio-4: 16px;--espacio-5: 24px;--espacio-6: 32px;--espacio-7: 48px;--radio-sm: 8px;--radio-md: 12px;--radio-lg: 16px;--radio-full: 999px;--sombra-sm: 0 1px 2px rgba(0, 0, 0, .24), 0 1px 1px rgba(0, 0, 0, .16);--sombra-md: 0 6px 16px rgba(0, 0, 0, .28), 0 2px 6px rgba(0, 0, 0, .18);--sombra-lg: 0 18px 42px rgba(0, 0, 0, .38), 0 6px 18px rgba(0, 0, 0, .22);--sombra-foco: 0 0 0 3px var(--color-anillo-foco);--duracion-rapida: .12s;--duracion-base: .2s;--easing: cubic-bezier(.4, 0, .2, 1)}:root[data-tema=iak]{--color-fondo: #0f1216;--color-fondo-panel: #151a20;--color-fondo-tarjeta: #1c222a;--color-fondo-elevado: #252d38;--color-texto: #e7ecf2;--color-texto-tenue: #8b95a4;--color-acento: #5f87ad;--color-acento-texto: #0b1015;--color-acento-2: #94a9bd;--color-borde: #2a323c;--color-borde-suave: rgba(139, 149, 164, .16);--color-exito: #5da87a;--color-peligro: #d97a70;--color-favorito: #d8b06a;--color-anillo-foco: rgba(95, 135, 173, .45);--gradiente-marca: linear-gradient(135deg, #5f87ad, #94a9bd);--glow-1: rgba(95, 135, 173, .15);--glow-2: rgba(148, 169, 189, .1);--paleta-0: linear-gradient(155deg, #3a4552, #161b21);--paleta-1: linear-gradient(155deg, #2f4a52, #101c20);--paleta-2: linear-gradient(155deg, #443a4a, #1a1620);--paleta-3: linear-gradient(155deg, #4a4134, #1e1a14);--paleta-4: linear-gradient(155deg, #32444e, #121b20);--paleta-5: linear-gradient(155deg, #3a3f52, #16181f)}:root[data-tema=noche]{--color-fondo: #0b0b14;--color-fondo-panel: #141423;--color-fondo-tarjeta: #1d1d31;--color-fondo-elevado: #262641;--color-texto: #f0f1ff;--color-texto-tenue: #9a9ac0;--color-acento: #9d5cff;--color-acento-texto: #160429;--color-acento-2: #22d3ee;--color-borde: #2f2f4d;--color-borde-suave: rgba(154, 154, 192, .16);--color-exito: #3ef89b;--color-peligro: #ff5470;--color-favorito: #ffd966;--color-anillo-foco: rgba(157, 92, 255, .45);--gradiente-marca: linear-gradient(135deg, #9d5cff, #22d3ee);--glow-1: rgba(157, 92, 255, .17);--glow-2: rgba(34, 211, 238, .1);--paleta-0: linear-gradient(155deg, #4a2f7a, #1c1338);--paleta-1: linear-gradient(155deg, #2f5a7a, #13263d);--paleta-2: linear-gradient(155deg, #6a2f7a, #2b1338);--paleta-3: linear-gradient(155deg, #2f7a6a, #123833);--paleta-4: linear-gradient(155deg, #5a2f6a, #251333);--paleta-5: linear-gradient(155deg, #3a3a8a, #17173d)}:root[data-tema=nord]{--color-fondo: #0e1218;--color-fondo-panel: #161b23;--color-fondo-tarjeta: #1d242e;--color-fondo-elevado: #27303c;--color-texto: #e8edf4;--color-texto-tenue: #8b95a6;--color-acento: #6a8cff;--color-acento-texto: #0b1020;--color-acento-2: #3ecfae;--color-borde: #2b3442;--color-borde-suave: rgba(139, 149, 166, .16);--color-exito: #4ade80;--color-peligro: #ff6b7a;--color-favorito: #f0b45c;--color-anillo-foco: rgba(106, 140, 255, .45);--gradiente-marca: linear-gradient(135deg, #6a8cff, #3ecfae);--glow-1: rgba(106, 140, 255, .16);--glow-2: rgba(62, 207, 174, .1);--paleta-0: linear-gradient(155deg, #2e3a55, #131a28);--paleta-1: linear-gradient(155deg, #1f4d4a, #0c201f);--paleta-2: linear-gradient(155deg, #4d2e4a, #1f1220);--paleta-3: linear-gradient(155deg, #4d3a24, #20160e);--paleta-4: linear-gradient(155deg, #2e4d55, #122026);--paleta-5: linear-gradient(155deg, #3a2e55, #171223)}:root[data-tema=dracula]{--color-fondo: #14131d;--color-fondo-panel: #1a1926;--color-fondo-tarjeta: #232133;--color-fondo-elevado: #2c2941;--color-texto: #f8f8f2;--color-texto-tenue: #a4a7c9;--color-acento: #bd93f9;--color-acento-texto: #191820;--color-acento-2: #ff79c6;--color-borde: #3a3752;--color-borde-suave: rgba(164, 167, 201, .16);--color-exito: #50fa7b;--color-peligro: #ff5555;--color-favorito: #f1fa8c;--color-anillo-foco: rgba(189, 147, 249, .45);--gradiente-marca: linear-gradient(135deg, #bd93f9, #ff79c6);--glow-1: rgba(189, 147, 249, .18);--glow-2: rgba(255, 121, 198, .12);--paleta-0: linear-gradient(155deg, #5a3b7a, #241730);--paleta-1: linear-gradient(155deg, #7a3b5a, #301724);--paleta-2: linear-gradient(155deg, #3b5a7a, #172430);--paleta-3: linear-gradient(155deg, #3b7a5e, #173026);--paleta-4: linear-gradient(155deg, #7a6a3b, #302617);--paleta-5: linear-gradient(155deg, #7a3b3b, #301717)}:root[data-tema=rose_pine]{--color-fondo: #191724;--color-fondo-panel: #1f1d2e;--color-fondo-tarjeta: #26233a;--color-fondo-elevado: #2b2941;--color-texto: #e0def4;--color-texto-tenue: #9b97b8;--color-acento: #c4a7e7;--color-acento-texto: #191724;--color-acento-2: #9ccfd8;--color-borde: #423f56;--color-borde-suave: rgba(155, 151, 184, .16);--color-exito: #31748f;--color-peligro: #eb6f92;--color-favorito: #f6c177;--color-anillo-foco: rgba(196, 167, 231, .45);--gradiente-marca: linear-gradient(135deg, #c4a7e7, #9ccfd8);--glow-1: rgba(196, 167, 231, .16);--glow-2: rgba(156, 207, 216, .1);--paleta-0: linear-gradient(155deg, #4a3b6a, #201730);--paleta-1: linear-gradient(155deg, #3b5a6a, #172530);--paleta-2: linear-gradient(155deg, #6a3b52, #301722);--paleta-3: linear-gradient(155deg, #6a5a3b, #302617);--paleta-4: linear-gradient(155deg, #3b6a5e, #173028);--paleta-5: linear-gradient(155deg, #5a3b6a, #251730)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;background:var(--color-fondo);color:var(--color-texto);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}.fondo-textura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 620px at 12% -8%,var(--glow-1),transparent 60%),radial-gradient(900px 560px at 92% 12%,var(--glow-2),transparent 55%),var(--color-fondo)}a{color:var(--color-acento);text-decoration:none}a:hover{text-decoration:underline}.icono{flex-shrink:0;vertical-align:-3px}::selection{background:var(--color-acento);color:var(--color-acento-texto)}:focus-visible{outline:none;box-shadow:var(--sombra-foco);border-radius:var(--radio-sm)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--espacio-4);padding:14px var(--espacio-5);background:color-mix(in srgb,var(--color-fondo-panel) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-borde-suave);position:sticky;top:0;z-index:20}.marca{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.015em;color:var(--color-texto);display:inline-flex;align-items:center;gap:10px}.marca:hover{text-decoration:none;opacity:.9}.marca-icono{width:32px;height:32px;border-radius:var(--radio-sm);background:var(--gradiente-marca);color:var(--color-acento-texto);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sombra-sm),inset 0 1px #ffffff40}.nav-principal{display:flex;gap:4px}.nav-principal a{font-weight:600;font-size:.9rem;padding:8px 14px;border-radius:var(--radio-sm);color:var(--color-texto-tenue);transition:background var(--duracion-rapida) var(--easing),color var(--duracion-rapida) var(--easing)}.nav-principal a:hover{background:var(--color-fondo-tarjeta);color:var(--color-texto);text-decoration:none}.nav-principal a.activo{background:var(--color-acento);color:var(--color-acento-texto)}.contenido{padding:var(--espacio-6) var(--espacio-5) var(--espacio-7);max-width:1200px;margin:0 auto}h1,h2,h3{color:var(--color-texto);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--espacio-4);display:flex;align-items:center;gap:9px}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem;margin-bottom:var(--espacio-3)}.subtitulo-pagina{color:var(--color-texto-tenue);margin:-14px 0 var(--espacio-6);font-size:.96rem;max-width:62ch}.hint{color:var(--color-texto-tenue);font-size:.87rem;line-height:1.55;margin:0 0 var(--espacio-3)}.texto-tenue{color:var(--color-texto-tenue)}.texto-exito{color:var(--color-exito)}.texto-peligro{color:var(--color-peligro)}.mensaje-inline{min-height:1.3em;font-size:.87rem;margin:var(--espacio-2) 0 0;transition:opacity var(--duracion-base) var(--easing)}.panel{background:linear-gradient(165deg,color-mix(in srgb,var(--color-fondo-panel) 100%,white 3%),var(--color-fondo-panel));border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);padding:var(--espacio-5);margin-bottom:var(--espacio-4);box-shadow:var(--sombra-sm),inset 0 1px #ffffff08}.panel-cola{border-left:3px solid var(--color-acento)}.fila{display:flex;gap:var(--espacio-3);flex-wrap:wrap;align-items:center}.fila-entre{display:flex;gap:var(--espacio-3);flex-wrap:wrap;align-items:center;justify-content:space-between}.fila-lista{padding:var(--espacio-3) 0;border-bottom:1px solid var(--color-borde-suave)}.fila-lista:last-child{border-bottom:none}.campo-etiqueta{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--color-texto-tenue);font-weight:600}.campo-bpm{width:96px}input,select,textarea,button{font-family:inherit;font-size:.92rem;border-radius:var(--radio-sm);border:1px solid var(--color-borde);background:var(--color-fondo-tarjeta);color:var(--color-texto);padding:9px 12px;transition:border-color var(--duracion-rapida) var(--easing),box-shadow var(--duracion-rapida) var(--easing)}input::placeholder,textarea::placeholder{color:var(--color-texto-tenue);opacity:.75}input:hover,select:hover,textarea:hover{border-color:var(--color-texto-tenue)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-acento);box-shadow:var(--sombra-foco)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}textarea{width:100%;min-height:140px;font-family:var(--font-mono);line-height:1.5}label{font-size:.9rem}input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:var(--color-acento);cursor:pointer;vertical-align:-3px}input[type=color]{padding:3px;width:44px;height:34px;cursor:pointer}input[type=range]{accent-color:var(--color-acento);cursor:pointer;background:transparent;border:none;padding:0}code{font-family:var(--font-mono);background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:6px;padding:1px 6px;font-size:.88em}button{cursor:pointer;font-weight:700;letter-spacing:-.005em;border:1px solid transparent;background:linear-gradient(165deg,color-mix(in srgb,var(--color-acento) 100%,white 12%),var(--color-acento));color:var(--color-acento-texto);padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px #fff3 inset,0 4px 10px -4px color-mix(in srgb,var(--color-acento) 55%,transparent);transition:transform var(--duracion-rapida) var(--easing),filter var(--duracion-rapida) var(--easing),box-shadow var(--duracion-base) var(--easing),background var(--duracion-rapida) var(--easing),opacity var(--duracion-rapida) var(--easing)}button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 1px #ffffff3d inset,0 8px 18px -6px color-mix(in srgb,var(--color-acento) 65%,transparent)}button:active:not(:disabled){transform:scale(.97) translateY(0);filter:brightness(.97)}button.secundario{background:var(--color-fondo-tarjeta);color:var(--color-texto);border:1px solid var(--color-borde)}button.secundario:hover:not(:disabled){background:var(--color-fondo-elevado);border-color:var(--color-texto-tenue)}button.peligro{background:var(--color-peligro);color:#2a0a0a}button.fantasma{background:transparent;color:var(--color-texto-tenue);border:1px solid var(--color-borde)}button.fantasma:hover:not(:disabled){color:var(--color-texto);border-color:var(--color-texto-tenue);background:var(--color-fondo-tarjeta)}button.chico{padding:6px 12px;font-size:.82rem}button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none;box-shadow:none}button.cargando{color:transparent;position:relative;pointer-events:none}button.cargando:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--color-acento-texto);animation:girar .7s linear infinite}button.secundario.cargando:after,button.fantasma.cargando:after{color:var(--color-texto)}@keyframes girar{to{transform:rotate(360deg)}}.opcion-check{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);cursor:pointer;transition:border-color var(--duracion-rapida) var(--easing)}.opcion-check:hover{border-color:var(--color-borde)}.muestra-tema{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #ffffff1f inset}.muestra-tema-noche{background:linear-gradient(135deg,#b467ff,#00e5ff)}.muestra-tema-fiesta{background:linear-gradient(135deg,#ffd23f,#ee4266)}.tabs{display:inline-flex;gap:2px;padding:4px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);margin-bottom:var(--espacio-3)}.tabs button{background:transparent;color:var(--color-texto-tenue);border:none;padding:7px 14px;font-size:.85rem;border-radius:var(--radio-sm)}.tabs button:hover:not(.activo){color:var(--color-texto);background:#ffffff0d}.tabs button.activo{background:var(--color-acento);color:var(--color-acento-texto);box-shadow:var(--sombra-sm)}.grid-canciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--espacio-4);margin-top:var(--espacio-4)}.tarjeta-cancion{background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform var(--duracion-base) var(--easing),box-shadow var(--duracion-base) var(--easing),border-color var(--duracion-base) var(--easing)}.tarjeta-cancion:hover{transform:translateY(-4px);box-shadow:var(--sombra-lg);border-color:var(--color-borde)}.tarjeta-cancion .caratula{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--color-fondo-tarjeta);display:block}.caratula-vacia{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.caratula-vacia.caratula-paleta-0{background:var(--paleta-0)}.caratula-vacia.caratula-paleta-1{background:var(--paleta-1)}.caratula-vacia.caratula-paleta-2{background:var(--paleta-2)}.caratula-vacia.caratula-paleta-3{background:var(--paleta-3)}.caratula-vacia.caratula-paleta-4{background:var(--paleta-4)}.caratula-vacia.caratula-paleta-5{background:var(--paleta-5)}.caratula-vacia:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 35%)}.portada-iniciales{font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:#ffffffeb;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.25);position:relative;z-index:1}.tarjeta-cancion .cuerpo{padding:var(--espacio-3) var(--espacio-3) var(--espacio-3);display:flex;flex-direction:column;gap:5px;flex:1}.tarjeta-cancion .titulo{font-weight:700;font-size:.96rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tarjeta-cancion .artista{color:var(--color-texto-tenue);font-size:.85rem}.tarjeta-cancion .meta{color:var(--color-texto-tenue);font-size:.76rem;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radio-full);font-size:.7rem;font-weight:700;letter-spacing:.01em;background:color-mix(in srgb,var(--color-fondo-tarjeta) 80%,var(--color-fondo-elevado));border:1px solid var(--color-borde-suave);white-space:nowrap}.badge.hoy{background:color-mix(in srgb,var(--color-exito) 22%,var(--color-fondo-panel));color:var(--color-exito);border-color:transparent}.badge.sin-clasificar{background:color-mix(in srgb,var(--color-peligro) 20%,var(--color-fondo-panel));color:var(--color-peligro);border-color:transparent}.acciones-tarjeta{display:flex;gap:6px;padding:0 var(--espacio-3) var(--espacio-3);flex-wrap:wrap}.acciones-tarjeta button{flex:1;white-space:nowrap}.estrella{position:absolute;top:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radio-full);background:#080c1473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:1.15rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--duracion-rapida) var(--easing),background var(--duracion-rapida) var(--easing);z-index:2}.estrella:hover{transform:scale(1.12);background:#080c14a6}.estrella.activa{color:var(--color-favorito)}.estrella.activa .icono-estrella{fill:currentColor}.estrella:not(.activa){color:#ffffffb3}.check-cola{position:absolute;top:12px;left:12px;width:20px;height:20px;z-index:2;border-radius:6px}.vacio{color:var(--color-texto-tenue);text-align:center;padding:var(--espacio-7) var(--espacio-4);font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:var(--espacio-2)}.vacio-icono{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:var(--radio-full);margin-bottom:var(--espacio-2);color:var(--color-acento);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--color-acento) 22%,transparent),transparent 70%),var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave)}.vacio-titulo{color:var(--color-texto);font-size:1.1rem;font-family:var(--font-display);font-weight:700}.vacio-detalle{max-width:46ch;line-height:1.6}.chip-vigilancia{display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.chip-vigilancia:empty{display:none}.titulo-cola{display:flex;align-items:center;gap:9px}.titulo-cola-icono{display:inline-flex;color:var(--color-acento);background:color-mix(in srgb,var(--color-acento) 16%,transparent);padding:7px;border-radius:var(--radio-sm)}.punto-estado{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:1px;margin-right:2px}.punto-estado.punto-exito{background:var(--color-exito);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-exito) 25%,transparent);animation:pulso-punto 1.8s ease-in-out infinite}.punto-estado.punto-espera{background:var(--color-favorito);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-favorito) 25%,transparent)}@keyframes pulso-punto{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-exito) 25%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-exito) 12%,transparent)}}.tarjeta-esqueleto{border-radius:var(--radio-md);overflow:hidden;background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave)}.tarjeta-esqueleto .caratula{aspect-ratio:1/1}.esqueleto-brillo{background:linear-gradient(100deg,var(--color-fondo-tarjeta) 30%,var(--color-fondo-elevado) 50%,var(--color-fondo-tarjeta) 70%);background-size:200% 100%;animation:brillo 1.4s ease-in-out infinite}.tarjeta-esqueleto .linea{height:12px;margin:10px 12px;border-radius:6px}.tarjeta-esqueleto .linea.corta{width:55%}@keyframes brillo{to{background-position:-200% 0}}.chip-genero{padding:6px 14px;border-radius:var(--radio-full);border:1px solid var(--color-borde);background:var(--color-fondo-tarjeta);cursor:pointer;font-size:.85rem;transition:background var(--duracion-rapida) var(--easing),color var(--duracion-rapida) var(--easing),border-color var(--duracion-rapida) var(--easing)}.chip-genero:hover{border-color:var(--color-acento)}.chip-genero.seleccionado{background:var(--color-acento);color:var(--color-acento-texto);border-color:transparent}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:var(--espacio-3) 0}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080ea8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;animation:aparecer-fondo var(--duracion-base) var(--easing)}.modal{background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);padding:var(--espacio-5);max-width:440px;width:90%;box-shadow:var(--sombra-lg);animation:aparecer-modal var(--duracion-base) var(--easing)}.modal h3{margin-top:0}@keyframes aparecer-fondo{0%{opacity:0}to{opacity:1}}@keyframes aparecer-modal{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.oculto{display:none!important}.reproductor-envoltorio{display:flex;flex-direction:column;align-items:center;gap:var(--espacio-4)}.video-envoltorio{width:100%;max-width:960px;background:#000;border-radius:var(--radio-lg);overflow:hidden;position:relative;box-shadow:var(--sombra-lg)}.video-envoltorio video{width:100%;display:block}.controles-reproductor{width:100%;max-width:960px;background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);padding:var(--espacio-4) var(--espacio-5);box-shadow:var(--sombra-sm)}.barra-progreso{width:100%;height:6px;border-radius:var(--radio-full)}.fila-controles{display:flex;align-items:center;gap:var(--espacio-4);flex-wrap:wrap;margin-top:var(--espacio-3)}.control-tono{display:flex;align-items:center;gap:8px;color:var(--color-texto-tenue);font-size:.85rem;font-weight:600}.control-tono input[type=range]{width:150px}#tono-valor{min-width:1.4em;text-align:center;color:var(--color-texto);font-variant-numeric:tabular-nums}#tiempo-actual{font-variant-numeric:tabular-nums;color:var(--color-texto-tenue);font-size:.85rem}.pantalla-confirmar{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ef0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--espacio-4);z-index:200;text-align:center;animation:aparecer-fondo var(--duracion-base) var(--easing)}.pantalla-confirmar h2{font-size:1.9rem}.pantalla-confirmar button{font-size:1.05rem;padding:14px 32px}.lista-cola{margin-top:var(--espacio-3)}.item-cola{display:flex;align-items:center;justify-content:space-between;padding:var(--espacio-2) var(--espacio-3);border-bottom:1px solid var(--color-borde-suave);border-radius:var(--radio-sm);font-size:.9rem}.item-cola:last-child{border-bottom:none}.item-cola.actual{background:color-mix(in srgb,var(--color-acento) 12%,var(--color-fondo-tarjeta));font-weight:700;color:var(--color-acento);padding-left:var(--espacio-2);border-radius:var(--radio-sm)}.item-cola-marcador{display:inline-flex;align-items:center;justify-content:center;width:20px;margin-right:8px}.item-cola-num{color:var(--color-texto-tenue);font-variant-numeric:tabular-nums;font-size:.85em}.boton-transporte{min-width:150px}.fin-cola-icono{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radio-full);color:var(--color-acento);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--color-acento) 30%,transparent),transparent 70%),var(--color-fondo-panel);border:1px solid var(--color-borde-suave);box-shadow:var(--sombra-md)}@media (max-width: 700px){.contenido{padding:var(--espacio-3)}.topbar{padding:12px var(--espacio-3)}.control-tono input[type=range]{width:100px}.grid-canciones{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--espacio-3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--sombra-md: 0 6px 20px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2);--sombra-lg: 0 24px 60px rgba(0, 0, 0, .5);--glow-1: rgba(180, 103, 255, .18);--glow-2: rgba(0, 229, 255, .1)}html,body{height:100%}body{overflow:hidden}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh}.sidebar{background:var(--color-fondo-panel);border-right:1px solid var(--color-borde-suave);display:flex;flex-direction:column;padding:20px 14px;overflow-y:auto}.marca{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;padding:0 8px 22px;color:var(--color-texto)}.marca-icono{width:32px;height:32px;border-radius:var(--radio-sm);background:var(--gradiente-marca);display:flex;align-items:center;justify-content:center;box-shadow:var(--sombra-md);font-size:16px;line-height:1;flex-shrink:0}.sidebar-buscar{margin:14px 4px 20px;display:flex;align-items:center;gap:8px;color:var(--color-texto-tenue);background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-sm);padding:9px 12px;font-size:.85rem;cursor:pointer;transition:border-color .18s var(--easing)}.sidebar-buscar:hover{border-color:var(--color-acento)}.sidebar-buscar kbd{margin-left:auto;background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:4px;padding:1px 6px;font-size:.7rem;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radio-sm);color:var(--color-texto-tenue);font-weight:600;font-size:.9rem;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .18s var(--easing),color .18s var(--easing);text-decoration:none;box-shadow:none}.nav-item:hover:not(:disabled){background:var(--color-fondo-elevado);color:var(--color-texto);transform:none;filter:none;box-shadow:none}.nav-item.activo{background:color-mix(in srgb,var(--color-acento) 18%,transparent);color:var(--color-acento)}.nav-item .cuenta{margin-left:auto;font-size:.72rem;background:var(--color-fondo-elevado);padding:1px 7px;border-radius:var(--radio-full);color:inherit}.nav-separador{height:1px;background:var(--color-borde-suave);margin:10px 4px}.sidebar-abajo{margin-top:auto}.sidebar-footer{font-size:.72rem;color:var(--color-texto-tenue);padding:8px;opacity:.7}.main{display:flex;flex-direction:column;min-width:0;height:100vh}.main-scroll{flex:1;overflow-y:auto;padding:26px 30px 120px}.main-scroll.con-now-playing{padding-bottom:120px}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.header-row h1,.titulo-pagina{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin:0;color:var(--color-texto);display:block}.header-row .subtitulo-pagina{color:var(--color-texto-tenue);font-size:.88rem;margin:2px 0 0}.panel-filtros{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:18px;background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md)}.panel-filtros-buscar{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-sm);padding:0 12px;color:var(--color-texto-tenue);transition:border-color .18s var(--easing)}.panel-filtros-buscar:focus-within{border-color:var(--color-acento)}.panel-filtros-buscar input{flex:1;min-width:0;border:none;background:none;padding:9px 0;color:var(--color-texto)}.panel-filtros-buscar input:focus-visible{outline:none;box-shadow:none}.panel-filtros select,.panel-filtros .campo-bpm{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-sm);font-size:.85rem;padding:9px 11px}.panel-filtros .campo-bpm{width:84px}.campo-bpm::-webkit-outer-spin-button,.campo-bpm::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.campo-bpm{-moz-appearance:textfield}.panel-filtros kbd{background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:4px;padding:1px 6px;font-size:.68rem;font-family:var(--font-mono);color:var(--color-texto-tenue);margin-left:4px}.btn{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);color:var(--color-texto);padding:9px 16px;border-radius:var(--radio-sm);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition:transform .12s var(--easing);box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px);filter:none;box-shadow:none;background:var(--color-fondo-elevado)}.btn.primario{background:linear-gradient(135deg,var(--color-acento),var(--color-acento-2));color:var(--color-acento-texto);border:none;box-shadow:0 4px 16px color-mix(in srgb,var(--color-acento) 35%,transparent)}.btn.cargando{color:transparent;position:relative;pointer-events:none}.btn.cargando:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--color-texto);animation:girar .7s linear infinite}.panel>h3{display:flex;align-items:center;gap:10px}.panel>h3 .icono{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radio-sm);background:color-mix(in srgb,var(--color-acento) 16%,transparent);color:var(--color-acento);padding:6px;flex-shrink:0}.main-scroll>.panel,.main-scroll>.playlist-card{animation:kp-aparecer .32s var(--easing) backwards}.toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;padding:10px 14px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);transition:border-color .18s var(--easing)}.toggle:hover{border-color:var(--color-borde)}.toggle input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.toggle-track{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:var(--radio-full);background:var(--color-fondo-elevado);border:1px solid var(--color-borde);transition:background .18s var(--easing),border-color .18s var(--easing)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-texto-tenue);transition:transform .18s var(--easing),background .18s var(--easing)}.toggle input:checked~.toggle-track{background:var(--color-acento);border-color:transparent}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(16px);background:var(--color-acento-texto)}.toggle input:focus-visible~.toggle-track{box-shadow:var(--sombra-foco)}.toggle-label{font-size:.9rem;color:var(--color-texto)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.tarjeta{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);overflow:hidden;cursor:pointer;position:relative;animation:kp-aparecer .32s var(--easing) backwards;transition:transform .18s var(--easing),box-shadow .18s var(--easing)}.tarjeta:hover{transform:translateY(-5px);box-shadow:var(--sombra-md)}@keyframes kp-aparecer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portada{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:#ffffffd9;position:relative;overflow:hidden;background:var(--color-fondo-elevado)}img.portada{object-fit:cover}.play-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1273;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s var(--easing)}.tarjeta:hover .play-hover{opacity:1}.circulo{width:44px;height:44px;border-radius:50%;background:var(--color-acento);color:var(--color-acento-texto);border:none;display:flex;align-items:center;justify-content:center;transform:scale(.8);transition:transform .18s var(--easing);cursor:pointer;padding:0;box-shadow:none}.tarjeta:hover .circulo{transform:scale(1)}.circulo-secundario{width:32px;height:32px;background:#ffffff29;color:var(--color-texto);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fav-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0a0a1299;border:none;color:#ffffffbf;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;padding:0;box-shadow:none}.fav-btn:hover{transform:scale(1.12);filter:none;box-shadow:none}.fav-btn.activo{color:var(--color-favorito)}.check-cola-tarjeta{position:absolute;top:8px;left:8px;width:20px;height:20px;z-index:2;border-radius:6px}.badge-top-semana{position:absolute;top:34px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;background:#0a0a1299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-favorito);font-size:.64rem;font-weight:700;padding:4px 8px;border-radius:var(--radio-full);white-space:nowrap}.tarjeta-info{padding:11px}.tarjeta-titulo{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-texto)}.tarjeta-artista{color:var(--color-texto-tenue);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.tarjeta-meta-fila{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.tarjeta-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:5px}.tarjeta-meta .dato{font-size:.68rem;color:var(--color-texto-tenue)}.dato-cantada{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;color:var(--color-texto-tenue);white-space:nowrap;flex-shrink:0}.tarjeta-acciones{display:flex;gap:6px;padding:0 11px 11px}.tarjeta-acciones button{flex:1}.badge{display:inline-block;margin-top:0;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:var(--radio-full);background:color-mix(in srgb,var(--color-acento) 22%,transparent);color:var(--color-acento);cursor:pointer;border:none;white-space:nowrap}.badge.sin-clasificar{background:var(--color-fondo-elevado);color:var(--color-texto-tenue);border:1px dashed var(--color-borde)}.badge.hoy{background:color-mix(in srgb,var(--color-exito) 24%,transparent);color:var(--color-exito);cursor:default}.empty,.vacio{text-align:center;padding:80px 20px;color:var(--color-texto-tenue)}.vacio-icono{display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--color-acento)}.vacio-titulo{color:var(--color-texto);font-size:1.1rem;font-family:var(--font-display);font-weight:700;display:block;margin-bottom:6px}.vacio-detalle{max-width:46ch;line-height:1.6;display:block;margin:0 auto}.cola-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:92vw;background:var(--color-fondo-panel);border-left:1px solid var(--color-borde-suave);z-index:40;padding:20px;overflow-y:auto;transform:translate(100%);transition:transform .18s var(--easing);box-shadow:var(--sombra-lg)}.cola-panel.abierta{transform:translate(0)}.cola-panel-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080e80;z-index:39;animation:kp-fade-in .18s}.cola-item-arrastrable{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radio-sm);margin-bottom:6px;cursor:grab;background:var(--color-fondo-elevado);border:1px solid transparent}.cola-item-arrastrable.arrastrando{opacity:.4}.cola-item-arrastrable.sobre-destino{border-color:var(--color-acento)}.cola-item-arrastrable.actual{border-color:var(--color-acento);background:color-mix(in srgb,var(--color-acento) 12%,var(--color-fondo-elevado));cursor:default}.cola-item-arrastrable .grip{color:var(--color-texto-tenue);display:flex;flex-shrink:0;width:20px;justify-content:center}.cola-item-arrastrable .mini{width:32px;height:32px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.68rem;font-weight:700;color:#ffffffe6;position:relative;overflow:hidden;background:var(--color-fondo-tarjeta)}.cola-item-arrastrable .t{flex:1;min-width:0}.cola-item-arrastrable .tt{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-texto)}.cola-item-arrastrable .ta{font-size:.72rem;color:var(--color-texto-tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cola-item-arrastrable button{background:none;border:none;box-shadow:none;color:var(--color-texto-tenue);cursor:pointer;padding:4px}.cola-item-arrastrable button:hover{color:var(--color-texto);transform:none}.cola-vacia{padding:30px 12px;text-align:center;color:var(--color-texto-tenue);font-size:.88rem}.paleta-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:kp-fade-in .15s}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}.paleta{width:min(640px,92vw);background:var(--color-fondo-panel);border:1px solid var(--color-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg);overflow:hidden;animation:kp-paleta-in .16s var(--easing)}@keyframes kp-paleta-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.paleta>input{width:100%;border:none;background:none;color:var(--color-texto);font-size:1.05rem;padding:18px 20px;font-family:inherit;border-bottom:1px solid var(--color-borde-suave);border-radius:0}.paleta>input:focus,.paleta>input:focus-visible{outline:none;box-shadow:none}.paleta-filtros{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;background:color-mix(in srgb,var(--color-fondo-elevado) 35%,transparent);border-bottom:1px solid var(--color-borde-suave)}.paleta-filtros select,.paleta-filtros input{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-sm);color:var(--color-texto);font-size:.82rem;padding:7px 10px;font-family:inherit}.paleta-filtros select{flex:1;min-width:140px}.paleta-filtros .campo-bpm{width:78px;flex:none}.aviso-bpm-cercano{padding:8px 14px;margin:0 0 14px;font-size:.82rem;color:var(--color-texto-tenue);background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-sm)}.paleta .aviso-bpm-cercano{margin:0 14px 6px}.paleta-lista{max-height:340px;overflow-y:auto;padding:8px}.paleta-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radio-sm);cursor:pointer}.paleta-item:hover,.paleta-item.activo{background:var(--color-fondo-elevado)}.paleta-item .mini{width:34px;height:34px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem;font-weight:700;color:#ffffffe6;background:var(--color-fondo-tarjeta);overflow:hidden}.paleta-vacio{padding:30px;text-align:center;color:var(--color-texto-tenue);font-size:.88rem}.paleta-pie{padding:10px 20px;border-top:1px solid var(--color-borde-suave);background:color-mix(in srgb,var(--color-fondo-elevado) 25%,transparent)}.paleta-pie-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.paleta-pie-vigilancia{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--color-texto-tenue)}.paleta-pie-fila button.chico{font-size:.76rem;padding:6px 10px;flex-shrink:0;margin-left:auto}.paleta-pie-resultado{font-size:.78rem;color:var(--color-texto-tenue);margin-top:6px}.paleta-pie-resultado.texto-peligro{color:var(--color-peligro)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;animation:kp-fade-in .18s}.modal{width:min(420px,90vw);background:var(--color-fondo-panel);border:1px solid var(--color-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg);padding:22px;animation:kp-paleta-in .16s var(--easing);margin:auto}.modal h3{margin:0 0 4px;font-family:var(--font-display);color:var(--color-texto)}.modal p{color:var(--color-texto-tenue);font-size:.86rem;margin-top:0}.genero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.genero-grid button{padding:10px;border-radius:var(--radio-sm);border:1px solid var(--color-borde);background:var(--color-fondo-elevado);color:var(--color-texto);cursor:pointer;font-family:inherit;font-weight:600;font-size:.85rem;box-shadow:none}.genero-grid button:hover{border-color:var(--color-acento);transform:none;filter:none}.genero-grid button.seleccionado{background:var(--color-acento);color:var(--color-acento-texto);border-color:transparent}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:120}.toast{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-left:3px solid var(--color-exito);padding:12px 16px;border-radius:var(--radio-sm);box-shadow:var(--sombra-md);font-size:.85rem;display:flex;align-items:center;gap:10px;animation:kp-toast-in .2s var(--easing);min-width:220px;color:var(--color-texto)}@keyframes kp-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.now-playing{position:fixed;left:240px;right:0;bottom:0;height:84px;background:var(--color-fondo-panel);border-top:1px solid var(--color-borde-suave);display:flex;align-items:center;padding:0 20px;gap:20px;z-index:30}.now-playing.oculto{display:none}.np-info{display:flex;align-items:center;gap:12px;width:240px;min-width:0}.np-mini-portada{width:48px;height:48px;border-radius:var(--radio-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#ffffffe6;overflow:hidden;background:var(--color-fondo-elevado)}.np-textos{min-width:0}.np-titulo{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-texto)}.np-artista{font-size:.76rem;color:var(--color-texto-tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-audio-toast{position:fixed;bottom:88px;right:24px;background:var(--color-fondo-panel);border:1px solid var(--color-borde);padding:8px 14px;border-radius:var(--radio-sm);font-size:.78rem;color:var(--color-texto-tenue);box-shadow:var(--sombra-md);opacity:0;transform:translateY(6px);transition:opacity .2s var(--easing),transform .2s var(--easing);pointer-events:none;z-index:50}.kp-audio-toast.visible{opacity:1;transform:translateY(0)}.np-centro{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:560px;margin:0 auto;min-width:0}.np-controles{display:flex;align-items:center;gap:14px}.np-play{width:34px;height:34px;border-radius:50%;background:var(--color-texto);color:var(--color-fondo);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;padding:0}.np-play:hover{transform:none;filter:none;box-shadow:none}.np-icon-btn{background:none;border:none;box-shadow:none;color:var(--color-texto-tenue);cursor:pointer;display:flex;padding:4px}.np-icon-btn:hover:not(:disabled){color:var(--color-texto);transform:none;filter:none;box-shadow:none;background:none}.np-icon-btn.activo{color:var(--color-acento)}.np-tiempos{display:flex;align-items:center;gap:10px;width:100%;font-size:.72rem;color:var(--color-texto-tenue);font-variant-numeric:tabular-nums}.np-barra{width:100%;height:4px;background:var(--color-fondo-elevado);border-radius:var(--radio-full);position:relative;cursor:pointer}.np-progreso{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--pct, 0%);background:var(--color-acento);border-radius:var(--radio-full);pointer-events:none}.np-barra input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;margin:0;cursor:pointer}.np-barra input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-texto);opacity:0}.np-barra:hover input[type=range]::-webkit-slider-thumb{opacity:1}.np-derecha{width:340px;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-shrink:0}.np-tono{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-texto-tenue);white-space:nowrap}.np-tono button{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--color-borde);background:var(--color-fondo-elevado);color:var(--color-texto);cursor:pointer;font-size:.8rem;line-height:1;box-shadow:none}.np-tono button:hover{filter:none;transform:none;background:var(--color-fondo-tarjeta)}.np-tono span{min-width:1.6em;text-align:center;color:var(--color-texto);font-variant-numeric:tabular-nums}.np-volumen{display:flex;align-items:center;gap:8px}input[type=range].np-volumen-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;border-radius:var(--radio-full);background:linear-gradient(to right,var(--color-acento) var(--pct),var(--color-fondo-elevado) var(--pct));cursor:pointer;padding:0;border:none}.np-volumen-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-acento);box-shadow:0 0 0 0 transparent;transition:box-shadow .18s var(--easing)}.np-volumen-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #ffffff1f}.np-volumen-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-acento);border:none}.np-volumen-valor{min-width:2.4em;text-align:right;font-size:.75rem;color:var(--color-texto-tenue);font-variant-numeric:tabular-nums}.reproductor-video-envoltorio{width:100%;max-width:980px;margin:0 auto 16px;background:#000;border-radius:var(--radio-lg);overflow:hidden;position:relative;box-shadow:var(--sombra-lg)}.reproductor-video-envoltorio video{width:100%;display:block}.reproductor-estado-audio{text-align:center;color:var(--color-texto-tenue);font-size:.85rem;margin-bottom:14px}.reproductor-cola-panel{max-width:980px;margin:0 auto}.reproductor-cola-panel h3{display:flex;align-items:center;gap:8px;font-family:var(--font-display);color:var(--color-texto)}.reproductor-cola-panel .item-cola{padding:8px 10px;border-radius:var(--radio-sm);border-bottom:none;margin-bottom:4px;background:var(--color-fondo-elevado);font-size:.85rem}.reproductor-cola-panel .item-cola.actual{background:color-mix(in srgb,var(--color-acento) 14%,var(--color-fondo-elevado));color:var(--color-acento);padding-left:10px}.playlist-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);margin-bottom:10px}.playlist-card .playlist-icono{width:40px;height:40px;border-radius:var(--radio-sm);background:var(--gradiente-marca);color:var(--color-acento-texto);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-card .playlist-info{flex:1;min-width:0}.playlist-card .playlist-nombre{font-weight:700;color:var(--color-texto)}.playlist-card .playlist-meta{font-size:.8rem;color:var(--color-texto-tenue);margin-top:2px}.playlist-card .playlist-acciones{display:flex;gap:6px;flex-shrink:0}.playlist-canciones{margin:-4px 0 10px 54px;padding:10px 14px;background:var(--color-fondo-elevado);border-radius:var(--radio-sm);display:flex;flex-direction:column;gap:6px}.playlist-cancion-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--color-texto)}.playlist-cancion-fila span{color:var(--color-texto-tenue);font-size:.78rem}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.now-playing{left:0}}select{color:var(--color-texto);background:var(--color-fondo-elevado)}select option{background:var(--color-fondo-panel);color:var(--color-texto)}.reproductor-letra{display:flex;flex-direction:column;gap:.6em;text-align:center;padding:32px 20px;border-radius:12px;min-height:200px;overflow-y:auto;max-height:60vh}.linea-letra{font-weight:500;line-height:1.35;color:#ffffffd1}.palabra{display:inline-block;margin:0 .14em;transition:transform .08s ease,color .08s ease}.palabra.activa{font-weight:800;transform:scale(1.12)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head-titulo{font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--color-texto)}.page-head-sub{color:var(--color-texto-tenue);font-size:.9rem;line-height:1.55;margin:5px 0 0;max-width:62ch}.page-head-acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.panel{background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);padding:var(--espacio-5);margin-bottom:var(--espacio-4);box-shadow:var(--sombra-sm)}.panel-cabecera{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-icono{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radio-sm);background:color-mix(in srgb,var(--color-acento) 16%,transparent);color:var(--color-acento);flex-shrink:0}.panel-titulos{flex:1;min-width:0}.panel-titulos h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--color-texto)}.panel-desc{margin:4px 0 0;color:var(--color-texto-tenue);font-size:.84rem;line-height:1.55;max-width:68ch}.panel-acciones{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-divisor{height:1px;background:var(--color-borde-suave);margin:18px 0}.btn.exito{background:color-mix(in srgb,var(--color-exito) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-exito) 42%,transparent);color:var(--color-exito)}.btn.exito:hover:not(:disabled){background:color-mix(in srgb,var(--color-exito) 24%,transparent);border-color:var(--color-exito);color:var(--color-exito)}.btn.peligro{background:color-mix(in srgb,var(--color-peligro) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-peligro) 40%,transparent);color:var(--color-peligro)}.btn.peligro:hover:not(:disabled){background:color-mix(in srgb,var(--color-peligro) 22%,transparent);border-color:var(--color-peligro);color:var(--color-peligro)}.btn.aviso{background:color-mix(in srgb,var(--color-favorito) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-favorito) 40%,transparent);color:var(--color-favorito)}.btn.aviso:hover:not(:disabled){background:color-mix(in srgb,var(--color-favorito) 22%,transparent);border-color:var(--color-favorito)}.btn.fantasma{background:transparent;border:1px solid var(--color-borde);color:var(--color-texto-tenue)}.btn.fantasma:hover:not(:disabled){background:var(--color-fondo-elevado);border-color:var(--color-texto-tenue);color:var(--color-texto)}.btn.chico{padding:6px 12px;font-size:.8rem}.btn.icono-solo{padding:8px}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo>span.etiqueta,.campo-etiqueta{font-size:.8rem;font-weight:600;color:var(--color-texto-tenue);letter-spacing:.01em}.campo .hint{font-size:.75rem;color:var(--color-texto-tenue);margin:0}.campo-fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.campo-fila>.etiqueta{font-size:.85rem;color:var(--color-texto);min-width:130px}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 16px}.input-grupo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.input-grupo input[type=text],.input-grupo input[type=password],.input-grupo input:not([type]){flex:1;min-width:200px}.msg{display:flex;align-items:flex-start;gap:8px;font-size:.84rem;line-height:1.5;padding:10px 12px;border-radius:var(--radio-sm);margin:10px 0 0}.msg.exito{background:color-mix(in srgb,var(--color-exito) 12%,transparent);color:var(--color-exito)}.msg.peligro{background:color-mix(in srgb,var(--color-peligro) 12%,transparent);color:var(--color-peligro)}.msg.aviso{background:color-mix(in srgb,var(--color-favorito) 12%,transparent);color:var(--color-favorito)}.msg:empty{display:none}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.01em;padding:4px 10px;border-radius:var(--radio-full);background:var(--color-fondo-elevado);border:1px solid var(--color-borde);color:var(--color-texto-tenue);white-space:nowrap}.chip.exito{color:var(--color-exito);background:color-mix(in srgb,var(--color-exito) 14%,transparent);border-color:transparent}.chip.peligro{color:var(--color-peligro);background:color-mix(in srgb,var(--color-peligro) 14%,transparent);border-color:transparent}.chip.aviso{color:var(--color-favorito);background:color-mix(in srgb,var(--color-favorito) 14%,transparent);border-color:transparent}.chip.acento{color:var(--color-acento);background:color-mix(in srgb,var(--color-acento) 16%,transparent);border-color:transparent}.chip.neutro{color:var(--color-texto-tenue);background:var(--color-fondo-elevado);border-color:var(--color-borde)}.chip .punto{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.punto{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.punto.exito{background:var(--color-exito);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-exito) 25%,transparent);animation:pulso-punto 1.8s ease-in-out infinite}.punto.espera{background:var(--color-favorito);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-favorito) 25%,transparent)}.punto.apagado{background:var(--color-texto-tenue);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-texto-tenue) 20%,transparent)}.lista{display:flex;flex-direction:column;gap:8px}.lista-fila{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);transition:border-color var(--duracion-rapida) var(--easing),background var(--duracion-rapida) var(--easing)}.lista-fila:hover{border-color:var(--color-borde)}.lista-fila.seleccionada{border-color:color-mix(in srgb,var(--color-acento) 55%,transparent);background:color-mix(in srgb,var(--color-acento) 10%,var(--color-fondo-tarjeta))}.lista-fila .principal{flex:1;min-width:0}.lista-fila .titulo{font-weight:700;font-size:.9rem;color:var(--color-texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-fila .sub{font-size:.78rem;color:var(--color-texto-tenue);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-fila .acciones{display:flex;align-items:center;gap:6px;flex-shrink:0}.lista-fila .acciones .btn{padding:6px 10px;font-size:.8rem}.avatar{width:36px;height:36px;border-radius:var(--radio-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--color-texto);background:var(--color-fondo-elevado);border:1px solid var(--color-borde)}.avatar.tinte{color:var(--color-acento);background:color-mix(in srgb,var(--color-acento) 16%,transparent);border-color:transparent}.hero-pedir{display:flex;flex-direction:column;gap:14px;padding:26px;background:radial-gradient(600px 200px at 12% 0%,var(--glow-1),transparent 60%),var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm)}.hero-pedir .input-grupo input{font-size:.95rem;padding:12px 14px}.card{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);padding:16px}.card+.card{margin-top:12px}.card-cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-titulo{font-weight:700;font-size:.95rem;color:var(--color-texto)}.card-sub{color:var(--color-texto-tenue);font-size:.8rem;margin-top:2px}.card-acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.letra-editar{display:flex;flex-direction:column;gap:6px;margin-top:12px}.letra-fila{display:flex;align-items:center;gap:8px}.letra-fila .aviso{flex-shrink:0;width:16px;text-align:center;color:var(--color-favorito);font-size:12px}.letra-fila input{flex:1}.tema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tema-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde-suave);border-radius:var(--radio-md);cursor:pointer;font-size:.84rem;font-weight:600;color:var(--color-texto);transition:border-color var(--duracion-rapida) var(--easing),transform var(--duracion-rapida) var(--easing)}.tema-card:hover{border-color:var(--color-borde);transform:translateY(-1px)}.tema-card.activo{border-color:var(--color-acento);box-shadow:0 0 0 1px var(--color-acento),var(--sombra-sm)}.tema-card .muestra{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffff1f inset}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(380px,100%);background:var(--color-fondo-panel);border:1px solid var(--color-borde-suave);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg);padding:32px 30px;animation:kp-paleta-in .22s var(--easing)}.login-marca{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.login-marca .marca-icono{width:44px;height:44px;border-radius:var(--radio-md);background:var(--gradiente-marca);color:var(--color-acento-texto);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--sombra-md)}.login-marca h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0;color:var(--color-texto);letter-spacing:-.02em}.login-sub{text-align:center;color:var(--color-texto-tenue);font-size:.88rem;margin:0 0 24px}.login-card .campo{margin-bottom:14px}.login-card input{padding:11px 13px;font-size:.95rem;width:100%}.login-card .btn{width:100%;justify-content:center;padding:11px 16px;font-size:.95rem}.login-enlace{display:block;width:100%;text-align:center;margin-top:10px;background:none;border:none;color:var(--color-texto-tenue);font-size:.85rem;cursor:pointer;padding:6px;box-shadow:none}.login-enlace:hover{color:var(--color-texto);background:none}.main-scroll::-webkit-scrollbar,.panel::-webkit-scrollbar,.lista::-webkit-scrollbar{width:10px}.main-scroll::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb{background:var(--color-fondo-elevado);border-radius:var(--radio-full);border:2px solid transparent;background-clip:content-box}.main-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-borde);background-clip:content-box}.help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:5px;border-radius:50%;border:1px solid var(--color-borde);background:var(--color-fondo-elevado);color:var(--color-texto-tenue);font-size:10px;font-weight:700;line-height:1;cursor:help;flex-shrink:0;vertical-align:-2px;-webkit-user-select:none;user-select:none;transition:color var(--duracion-rapida) var(--easing),border-color var(--duracion-rapida) var(--easing)}.help:hover,.help:focus-visible{color:var(--color-acento);border-color:var(--color-acento)}.help .help-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(3px);width:max-content;max-width:240px;padding:8px 11px;background:var(--color-fondo-panel);border:1px solid var(--color-borde);border-radius:var(--radio-sm);box-shadow:var(--sombra-md);color:var(--color-texto);font-size:.76rem;font-weight:400;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duracion-rapida) var(--easing),transform var(--duracion-rapida) var(--easing),visibility var(--duracion-rapida);z-index:80}.help:hover .help-tip,.help:focus-visible .help-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tabs button{display:inline-flex;align-items:center;gap:6px}