.yl{background:var(--color-ground);--alex:#64bced;--priya:#d58ecf;flex-direction:column;justify-content:center;height:450px;padding:16px 18px 56px;font-size:13px;display:flex}@supports (color:lab(0% 0 0)){.yl{--alex:lab(72.2852% -16.9564 -32.953);--priya:lab(68.1238% 35.109 -21.9565)}}.yl .y-av[data-p=AT]{background:#06658e;background:lab(39.7119% -13.5436 -29.5892)}.yl .y-av[data-p=PR]{background:#774272;background:lab(35.9012% 29.2102 -18.1884)}.yl-wins{grid-template-columns:1fr 1fr;gap:14px;display:grid}.yl-win{background:var(--color-bg);border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:0 0 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 12px 30px #00000059;box-shadow:0 0 0 1px lab(100% 0 0/.08),0 12px 30px lab(0% 0 0/.35)}.yl-bar{border-bottom:1px solid var(--color-line);align-items:center;gap:7px;height:40px;padding:0 12px;display:flex}.yl-bar b{font-weight:600}.yl-role{color:var(--color-faint);font-size:12px}.yl-peer{margin-left:auto;display:inline-flex}.yl-peer .y-av{width:18px;height:18px;box-shadow:0 0 0 2px var(--color-bg), 0 0 0 3px #ffffff2e;font-size:8px}@supports (color:lab(0% 0 0)){.yl-peer .y-av{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 3px lab(100% 0 0/.18)}}.yl-save{min-width:72px;color:var(--color-muted);font-size:12px;display:grid;position:relative}.yl-save-a,.yl-save-b{grid-area:1/1;justify-self:end;align-items:center;gap:6px;transition:opacity .15s ease-out;display:inline-flex}.yl-save-b,.yl-save[data-saving] .yl-save-a{opacity:0}.yl-save[data-saving] .yl-save-b{opacity:1}.yl-save[data-glow] .yl-save-a{color:var(--color-text)}.yl-spin{border:1.5px solid var(--color-faint);border-top-color:#0000;border-radius:999px;width:9px;height:9px;animation:.7s linear infinite yl-spin}@keyframes yl-spin{to{transform:rotate(1turn)}}.yl-pic{aspect-ratio:2.4;background:#000;background:lab(0% 0 0);border-radius:6px;margin:0 12px;position:relative;overflow:hidden}.yl-pic img{object-fit:cover;width:100%;height:100%}.yl-pic-t{color:var(--color-text-on-media);background:var(--color-glass);border-radius:5px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:8px}.yl-tl{margin:0 12px}.yl-ruler{height:16px;color:var(--color-faint);border-bottom:1px solid var(--color-line);font-size:10.5px;position:relative}.yl-ruler span{border-left:1px solid var(--color-line-strong);padding-left:3px;line-height:15px;position:absolute;top:0}.yl-track{height:52px;margin-top:12px;position:relative}.yl-lane{pointer-events:none;will-change:transform;position:absolute;inset:0}.yl-shot{background:var(--color-panel-2);box-shadow:inset 2px 0 0 var(--color-bg);position:absolute;top:0;bottom:0;overflow:hidden}.yl-shot[data-n="1"]{border-radius:5px 0 0 5px}.yl-shot[data-n="7"]{border-radius:0 5px 5px 0}.yl-shot img{object-fit:cover;opacity:.85;width:100%;height:100%}.yl-num{color:var(--color-text-on-media);background:var(--color-glass);white-space:nowrap;border-radius:4px;padding:0 4px;font-size:10px;line-height:15px;position:absolute;top:4px;left:5px}.yl-sel{pointer-events:none;opacity:0;--c:var(--color-accent);transition:opacity .15s ease-out;position:absolute;inset:0}.yl-win[data-who=b] .yl-sel{--c:var(--alex)}.yl-sel[data-on]{opacity:1}.yl-sel-l{background:var(--c);border-radius:2px 0 0 2px;width:2px;position:absolute;top:0;bottom:0}.yl-sel-tb{transform-origin:0;box-shadow:inset 0 2px 0 var(--c), inset 0 -2px 0 var(--c);position:absolute;top:0;bottom:0}.yl-lock{color:#071822;color:lab(7.25646% -4.0981 -8.93484);background:var(--alex);border-radius:4px;margin-left:-1px;padding:0 5px;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:-9px}.yl-edge-lane{opacity:0;transition:opacity .15s ease-out}.yl-edge-lane[data-on]{opacity:1}.yl-edge{background:var(--color-accent);width:6px;box-shadow:0 0 0 1.5px var(--color-bg);border-radius:3px;margin-left:-5px;position:absolute;top:-3px;bottom:-3px}.yl-win[data-who=b] .yl-edge{background:var(--alex);width:2px;box-shadow:none;border-radius:0 2px 2px 0;margin-left:-2px;top:0;bottom:0}.yl-read{white-space:nowrap;color:var(--color-accent-ink);background:var(--color-accent);opacity:0;transition:opacity .15s ease-out, transform .15s var(--ease);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-3px)}.yl-read[data-on]{opacity:1;transform:translate(-50%)}.yl-anchor{width:0;position:absolute;top:0;bottom:0}.yl-win[data-phase=trim][data-who=a] :is(.yl-lane,.yl-sel-tb){transition:transform .6s var(--move) .15s}.yl-win[data-phase=trim][data-who=b] :is(.yl-lane,.yl-sel-tb){transition:transform .24s var(--ease) .82s}.yl-win[data-phase=undo][data-who=a] :is(.yl-lane,.yl-sel-tb){transition:transform .22s var(--ease) .38s}.yl-win[data-phase=undo][data-who=b] :is(.yl-lane,.yl-sel-tb){transition:transform .22s var(--ease) .45s}.yl-win[data-phase] .yl-edge-lane{transition-property:transform,opacity}.yl-key{background:var(--color-panel-2);opacity:0;border-radius:8px;gap:3px;padding:5px;transition:opacity .15s ease-in,transform .15s ease-in;display:inline-flex;position:absolute;top:50px;right:12px;transform:translateY(-4px)scale(.97);box-shadow:0 0 0 1px #ffffff1f,0 8px 20px #0006;box-shadow:0 0 0 1px lab(100% 0 0/.12),0 8px 20px lab(0% 0 0/.4)}.yl-key .y-kbd{min-width:22px;height:22px;color:var(--color-text);font-size:12px}.yl-key[data-on]{opacity:1;transition:opacity .2s var(--ease) .15s, transform .2s var(--ease) .15s;transform:none}.yl-key[data-on] .y-kbd{animation:.22s ease-out .33s both yl-press}@keyframes yl-press{40%{background:#ffffff1f;background:lab(100% 0 0/.12);transform:scale(.9)}}.yl-toast{white-space:nowrap;background:var(--color-panel-2);opacity:0;transform-origin:100% 0;border-radius:8px;align-items:center;gap:7px;height:30px;padding:0 10px 0 6px;font-size:12px;transition:opacity .15s ease-in,transform .15s ease-in;display:inline-flex;position:absolute;top:50px;right:12px;transform:translateY(-4px)scale(.97);box-shadow:0 0 0 1px #ffffff1f,0 8px 20px #0006;box-shadow:0 0 0 1px lab(100% 0 0/.12),0 8px 20px lab(0% 0 0/.4)}.yl-toast .y-av{width:18px;height:18px;font-size:8px}.yl-toast[data-on]{opacity:1;transition:opacity .2s var(--ease), transform .2s var(--ease);transform:none}@container not (min-width:640px){.yl{height:500px;padding:12px 12px 70px}.yl-wins{grid-template-columns:1fr;gap:12px}.yl-pic{display:none}.yl-win{gap:8px;padding-bottom:46px}.yl-key,.yl-toast{transform-origin:0 100%;inset:auto auto 8px 12px}.yl-key{left:auto;right:12px}.yl-long{display:none}.yl-track{height:50px;margin-top:14px}.yl-num{padding:0 3px;font-size:9.5px;left:3px}}