@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --ambiente{syntax: "<color>"; inherits: true; initial-value: #24343a;}:root{--tinta: #0d0e11;--superficie: #16181d;--superficie-2: #1e2128;--linea: rgba(255, 255, 255, .08);--linea-fuerte: rgba(255, 255, 255, .14);--texto: #f3f2ef;--tenue: #9aa0aa;--apagado: #6b717c;--acento: #3cc8d4;--sobre-acento: #04262a;--error: #ff6b5e;--ambiente: #24343a;--ambiente-suave: color-mix(in oklab, var(--ambiente) 42%, var(--tinta));--ambiente-hondo: color-mix(in oklab, var(--ambiente) 30%, #050506);--fuente: "Geist Variable", system-ui, -apple-system, sans-serif;--mono: "Geist Mono Variable", ui-monospace, monospace;--barra: 64px;--pestanas: 60px;--arriba: env(safe-area-inset-top);--abajo: env(safe-area-inset-bottom);color-scheme:dark;transition:--ambiente 1.2s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--tinta)}body{margin:0;color:var(--texto);min-height:100dvh;overscroll-behavior-y:none;font:450 16px/1.45 var(--fuente);-webkit-font-smoothing:antialiased;background:radial-gradient(140% 55% at 50% -12%,color-mix(in oklab,var(--ambiente) 58%,transparent),transparent 72%),var(--tinta);background-attachment:fixed}button,input,textarea{font:inherit;color:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a{color:inherit}img{display:block}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:8px}.app{min-height:100dvh;padding:calc(var(--arriba) + 14px) 16px calc(var(--barra) + var(--pestanas) + var(--abajo) + 28px);max-width:760px;margin:0 auto}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:10px}.marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--texto)}.marca svg{width:28px;height:28px;flex:none}.marca span{font-weight:720;font-size:18px;letter-spacing:-.03em}.marca span b{font-weight:720;color:var(--acento)}.titulo{text-wrap:balance;font-size:34px;line-height:1.05;font-weight:760;letter-spacing:-.035em;margin:8px 0 6px}.subtitulo{color:var(--tenue);font-size:15px;margin:0 0 18px;max-width:52ch}.seccion{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:26px 2px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vacio{color:var(--tenue);padding:40px 8px;line-height:1.55;max-width:42ch}.vacio strong{display:block;color:var(--texto);font-size:22px;font-weight:720;letter-spacing:-.025em;margin-bottom:6px}.pista{color:var(--tenue);font-size:13px;margin:10px 2px}.error{color:var(--error);font-size:14px;margin:8px 2px}.pestanas{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--pestanas) + var(--abajo));padding-bottom:var(--abajo);display:flex;background:#0d0e11d1;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-top:1px solid var(--linea)}.pestanas a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--apagado);text-decoration:none;font-size:11px;font-weight:560;transition:color .2s,transform .15s}.pestanas a:active{transform:scale(.94)}.pestanas a.activa{color:var(--texto)}.pestanas a.activa svg{color:var(--acento)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--linea-fuerte);background:#ffffff0a;font-weight:600;font-size:14px;white-space:nowrap;transition:transform .15s,background .2s;text-decoration:none}.boton:active{transform:scale(.96)}.boton.principal{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.boton.peligro{color:var(--error)}.boton:disabled{opacity:.45}.boton svg{width:18px;height:18px}.icono{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;border-radius:999px;background:none;color:var(--texto);transition:transform .15s,background .2s}.icono:active{transform:scale(.92);background:#ffffff0f}.icono svg{width:24px;height:24px}.reproducir-grande{width:56px;height:56px;border-radius:999px;border:0;background:var(--acento);color:var(--sobre-acento);display:inline-flex;align-items:center;justify-content:center;transition:transform .15s;flex:none}.reproducir-grande:active{transform:scale(.94)}.reproducir-grande:disabled{opacity:.45}.reproducir-grande svg{width:26px;height:26px}.fila-botones{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px}.campo{width:100%;background:var(--superficie-2);border:1px solid var(--linea-fuerte);border-radius:14px;padding:13px 14px;font-size:16px}.campo::placeholder{color:var(--apagado)}.campo:focus{outline:none;border-color:var(--acento)}.etiqueta{display:block;font-size:13px;font-weight:600;color:var(--tenue);margin:0 2px 6px}textarea.campo{min-height:110px;font:12px/1.5 var(--mono);resize:vertical}.buscador{position:sticky;top:calc(var(--arriba) + 8px);z-index:5;display:flex;align-items:center;gap:10px;background:#1e2128e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--linea-fuerte);border-radius:999px;padding:0 8px 0 16px;height:50px}.buscador:focus-within{border-color:var(--acento)}.buscador input{flex:1;min-width:0;background:none;border:0;font-size:16px;height:100%}.buscador input:focus{outline:none}.buscador input::placeholder{color:var(--apagado)}.buscador input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.buscador svg{width:20px;height:20px;color:var(--tenue);flex:none}.portada{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--superficie-2);flex:none}.mosaico{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:8px;background:var(--superficie-2);aspect-ratio:1}.mosaico.uno{grid-template-columns:1fr}.mosaico img{width:100%;height:100%;object-fit:cover}.mosaico.grande{border-radius:14px;box-shadow:0 24px 60px -18px color-mix(in oklab,var(--color-lista, var(--ambiente)) 70%,black)}.mosaico.sin-portadas{display:flex;align-items:center;justify-content:center;color:var(--apagado)}.mosaico.sin-portadas svg{width:38%;height:38%}.lista-canciones{display:flex;flex-direction:column}.fila-cont{position:relative;overflow:hidden;border-radius:12px;content-visibility:auto;contain-intrinsic-size:auto 64px}.fila-fondo{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 20px;font-weight:650;font-size:14px}.fila-fondo svg{width:20px;height:20px;flex:none}.fila-fondo.cola{background:var(--acento);color:var(--sobre-acento)}.fila-fondo.quitar{background:#3a1916;color:var(--error);justify-content:flex-end}.fila{position:relative;display:flex;align-items:center;gap:12px;padding:8px 2px 8px 6px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.fila-boton{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:0;background:none;padding:0;text-align:left}.fila-texto{flex:1;min-width:0}.fila-titulo{font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila.actual .fila-titulo{color:var(--acento)}.fila-sub{font-size:13px;color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duracion{font:450 12px var(--mono);color:var(--apagado);flex:none;font-variant-numeric:tabular-nums}.estado-cancion{font:500 11px var(--mono);color:var(--acento)}.estado-cancion.error{color:var(--error)}.asa{color:var(--apagado);touch-action:none;cursor:grab}.rejilla-listas{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:18px 14px}.tarjeta-lista{position:relative;display:block;text-align:left;border:0;background:none;padding:0;text-decoration:none;color:inherit}.tarjeta-lista .mosaico{margin-bottom:10px;transition:transform .2s}.tarjeta-lista:active .mosaico{transform:scale(.97)}.tarjeta-lista strong{display:block;font-size:15px;font-weight:640;letter-spacing:-.015em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-lista em{font-style:normal;font-size:13px;color:var(--tenue)}.tarjeta-lista .marca-sel{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d0e11b3;border:2px solid var(--texto)}.tarjeta-lista.marcada .marca-sel{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.tarjeta-lista.marcada .mosaico{outline:2px solid var(--acento);outline-offset:3px}.marca-sel svg{width:16px;height:16px}.accesos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acceso{display:flex;align-items:center;gap:10px;background:#ffffff0d;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;font-weight:620;font-size:13.5px;letter-spacing:-.01em;height:56px;transition:background .2s}.acceso:active{background:#ffffff17}.acceso .mosaico{width:56px;height:56px;border-radius:0;flex:none}.acceso span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:8px}.cabecera-lista{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:18px;align-items:end;margin:6px 0 18px}.cabecera-lista .titulo{font-size:28px;margin:0 0 6px;overflow-wrap:anywhere}.cabecera-lista .meta{color:var(--tenue);font-size:14px}@media(max-width:420px){.cabecera-lista{grid-template-columns:1fr}.cabecera-lista .mosaico{width:62%;margin:0 auto}}.barra{position:fixed;left:8px;right:8px;bottom:calc(var(--pestanas) + var(--abajo) + 8px);z-index:21;height:var(--barra);max-width:744px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 6px 0 8px;overflow:hidden;border-radius:16px;background:color-mix(in oklab,var(--ambiente-hondo) 88%,transparent);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px #ffffff14,0 12px 32px -12px #0009}.barra-abrir{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;height:100%}.barra .portada{width:46px;height:46px;border-radius:8px}.barra-texto{flex:1;min-width:0}.barra .fila-sub{color:color-mix(in oklab,var(--texto) 68%,transparent)}.progreso{position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:#ffffff1f;overflow:hidden}.progreso div{height:100%;background:var(--texto);transform-origin:left}.preparando{font:500 11px var(--mono);color:var(--acento)}.sonando-pantalla{overscroll-behavior:contain;position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;touch-action:none;padding:calc(var(--arriba) + 8px) 24px calc(var(--abajo) + 26px);background:linear-gradient(180deg,var(--ambiente-suave) 0%,var(--ambiente-hondo) 55%,var(--tinta) 100%)}.sonando-interior{width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.sonando-cabecera{display:flex;align-items:center;justify-content:space-between;color:color-mix(in oklab,var(--texto) 70%,transparent);font-size:13px;font-weight:560}.sonando-portada{width:100%;max-height:52dvh;aspect-ratio:1;margin:auto;border-radius:14px;background:var(--superficie-2) center/cover;box-shadow:0 30px 70px -20px color-mix(in oklab,var(--ambiente) 55%,black);transition:transform .45s cubic-bezier(.16,1,.3,1)}.sonando-portada.pausada{transform:scale(.86)}.sonando-textos{margin-top:28px}.sonando-textos h2{font-size:24px;font-weight:720;letter-spacing:-.025em;line-height:1.15;margin:0 0 4px}.sonando-textos p{margin:0;color:color-mix(in oklab,var(--texto) 70%,transparent);font-size:16px}.avance{margin:22px 0 6px}.avance input{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;margin:0}.avance input::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--texto) var(--p),rgba(255,255,255,.2) var(--p))}.avance input::-moz-range-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--texto) var(--p),rgba(255,255,255,.2) var(--p))}.avance input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:var(--texto);margin-top:-5.5px;border:0}.avance input::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--texto);border:0}.tiempos{display:flex;justify-content:space-between;font:450 12px var(--mono);color:color-mix(in oklab,var(--texto) 62%,transparent);font-variant-numeric:tabular-nums}.sonando-controles{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.sonando-controles .icono{width:56px;height:56px}.sonando-controles .icono svg{width:30px;height:30px}.salto{position:relative}.salto small{position:absolute;font:700 9px var(--mono);top:50%;left:50%;transform:translate(-50%,-42%)}.sonando-controles .reproducir-grande{width:74px;height:74px;background:var(--texto);color:var(--tinta)}.sonando-controles .reproducir-grande svg{width:32px;height:32px}.velo{position:fixed;inset:0;z-index:40;background:#05050799;display:flex;align-items:flex-end;justify-content:center}.hoja{overscroll-behavior:contain;width:100%;max-width:560px;max-height:80dvh;overflow:auto;background:var(--superficie);border-radius:22px 22px 0 0;padding:10px 16px calc(18px + var(--abajo));box-shadow:inset 0 1px 0 var(--linea-fuerte)}.hoja:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:var(--linea-fuerte);margin:0 auto 14px}.hoja h3{font-size:20px;font-weight:720;letter-spacing:-.02em;margin:0 0 10px}.hoja .opcion{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;border:0;background:none;border-radius:12px;font-weight:580}.hoja .opcion:active{background:#ffffff0f}.aviso{position:fixed;left:50%;bottom:calc(var(--barra) + var(--pestanas) + var(--abajo) + 22px);z-index:50;background:var(--texto);color:var(--tinta);padding:10px 18px;border-radius:999px;font-weight:620;font-size:14px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 30px #0006}.entrada{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px;max-width:400px;margin:0 auto}.entrada .marca{margin-bottom:22px}.entrada .marca svg{width:56px;height:56px}.entrada .marca span{font-size:32px;letter-spacing:-.04em}.tarjeta{background:var(--superficie);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:inset 0 0 0 1px var(--linea)}.alerta{display:flex;gap:12px;background:#2a1412;color:#ffd6d1;border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:inset 0 0 0 1px #5a2622}.alerta svg{width:22px;height:22px;flex:none;color:var(--error)}.datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.datos div{background:var(--superficie);border-radius:12px;padding:12px;box-shadow:inset 0 0 0 1px var(--linea)}.datos b{display:block;font-size:24px;font-weight:740;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.datos span{font-size:12px;color:var(--tenue)}.persona{display:flex;align-items:center;gap:12px;padding:8px 0}.persona+.persona{border-top:1px solid var(--linea)}.inicial{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none;background:color-mix(in oklab,var(--acento) 22%,var(--superficie-2));color:var(--acento);font-weight:700;font-size:14px;text-transform:uppercase}.barra-carga{position:relative;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin-top:12px}.barra-carga div{position:absolute;inset:0;background:var(--acento);transform-origin:left;transition:transform .4s}details summary{cursor:pointer;color:var(--tenue);font-size:13px;margin:8px 0 4px}@media(hover:hover){.boton:hover{background:#ffffff17}.boton.principal:hover{background:color-mix(in oklab,var(--acento) 88%,white)}.icono:hover{background:#ffffff12}.fila-boton:hover .fila-titulo{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.tarjeta-lista:hover strong,.acceso:hover span{color:var(--acento)}.pestanas a:hover{color:var(--texto)}}@media(prefers-reduced-motion:reduce){:root{transition:none}.sonando-portada{transition:none}*{scroll-behavior:auto!important}}