body:has(button[aria-label=Completar\ serie]){background:var(--vyra-live-surface)}:root{--vyra-live-surface:color-mix(in oklab, var(--foreground) 4%, var(--background))}.dark{--vyra-live-surface:color-mix(in oklab, var(--foreground) 3%, var(--background))}.vyra-live-training-bg{background:radial-gradient(ellipse 120% 60% at 50% -20%, color-mix(in oklab, var(--neon) 9%, transparent), transparent 55%), radial-gradient(ellipse 80% 40% at 80% 100%, color-mix(in oklab, var(--neon) 6%, transparent), transparent 50%), linear-gradient(180deg, var(--vyra-live-surface) 0%, var(--card) 100%)}.vyra-live-training-bg:before{content:"";background-image:linear-gradient(color-mix(in oklab, var(--foreground) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--foreground) 3%, transparent) 1px, transparent 1px);pointer-events:none;opacity:.35;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 75%)}body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg{max-width:1180px!important;padding:18px 16px 132px!important}body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg>div:first-child{min-height:34px;margin-bottom:10px!important}body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg>div:first-child button{font-size:11px!important}body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg>div:nth-child(2){border-bottom:1px solid color-mix(in oklab, var(--border) 70%, transparent);min-height:24px;padding-bottom:8px}body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg>div:nth-child(2)>p{text-transform:uppercase;letter-spacing:.11em;font-size:10px!important}body:has(button[aria-label=Completar\ serie]) div.rounded-2xl.border.border-border.p-2{background:var(--card);box-shadow:var(--shadow-premium);border-radius:18px!important}body:has(button[aria-label=Completar\ serie]) h1.text-xl{letter-spacing:-.035em;font-size:clamp(1.25rem,3.6vw,1.65rem)!important;line-height:1.03!important}:is(body:has(button[aria-label=Completar\ serie]) .aspect-\[4\/3\],body:has(button[aria-label=Completar\ serie]) .aspect-\[16\/10\]){border-radius:0!important}:is(body:has(button[aria-label=Completar\ serie]) .aspect-\[4\/3\] img,body:has(button[aria-label=Completar\ serie]) .aspect-\[16\/10\] img){object-fit:contain!important;width:100%!important;height:100%!important}body:has(button[aria-label=Completar\ serie]) div.mt-4.flex.gap-2:has(>button){border:1px solid color-mix(in oklab, var(--border) 75%, transparent);background:var(--card);border-radius:14px;padding:3px;gap:4px!important}body:has(button[aria-label=Completar\ serie]) div.mt-4.flex.gap-2:has(>button)>button{flex:1;border-radius:11px!important;padding:8px 10px!important;font-size:10px!important}body:has(button[aria-label=Completar\ serie]) div.mt-4.flex.gap-2:has(>button)>button:nth-child(3){display:none!important}body:has(button[aria-label=Completar\ serie]) div.rounded-2xl.border.border-border.p-4{border-radius:16px!important;padding:12px!important}body:has(button[aria-label=Completar\ serie]) div.rounded-2xl.border.border-dashed.border-border.p-4{border-radius:16px!important;padding:12px!important}body:has(button[aria-label=Completar\ serie]) div.rounded-2xl.border.border-neon\/30.p-4{border-radius:16px!important;padding:12px!important}body:has(button[aria-label=Completar\ serie]) div.mt-5:has(button[aria-label=Completar\ serie]){margin-top:16px!important}:is(body:has(button[aria-label=Completar\ serie]) div.flex.flex-col.gap-2:has(>[data-vyra-set-row=true]),body:has(button[aria-label=Completar]) div.flex.flex-col.gap-2:has(>[data-vyra-set-row=true])){min-height:0;overflow:visible}[data-vyra-set-row=true][data-active-set=true]{border-color:color-mix(in oklab, var(--neon) 48%, var(--border))!important;box-shadow:inset 3px 0 0 var(--neon), 0 0 0 1px color-mix(in oklab, var(--neon) 8%, transparent), 0 14px 34px -28px color-mix(in oklab, var(--neon) 70%, transparent)!important}body:has(button[aria-label=Completar\ serie]) .fixed.inset-x-0.bottom-0.z-30{box-shadow:0 -20px 55px -38px color-mix(in oklab, var(--neon) 45%, transparent);background:var(--background)!important;border-color:color-mix(in oklab, var(--neon) 10%, var(--border))!important}body:has(button[aria-label=Completar\ serie]) .fixed.inset-x-0.bottom-0.z-30>div{max-width:820px!important}@media (width>=900px){body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg{max-width:980px!important;padding-inline:24px!important}body:has(button[aria-label=Completar\ serie]) h1.text-xl{font-size:1.55rem!important}body:has(button[aria-label=Completar\ serie]) img.size-16{width:78px!important;height:78px!important}}@media (width>=1280px){body:has(button[aria-label=Completar\ serie])>div>div.mx-auto.flex.min-h-screen.max-w-lg{max-width:1080px!important}}@media (prefers-reduced-motion:reduce){body:has(button[aria-label=Completar\ serie]) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(button[aria-label=Completar\ serie]) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(button[aria-label=Completar\ serie]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
