.replay-timeline{--timeline-ink: #e9e9f0;--timeline-muted: #92929e;--timeline-track: #33333d;--timeline-card: #202027;container:replay-timeline / inline-size;width:100%;padding:16px 20px 18px;color:var(--timeline-ink);background:#111115;border-top:1px solid #ffffff0d;border-radius:0 0 28px 28px}:root[data-theme=light] .replay-timeline{--timeline-ink: #20222e;--timeline-muted: #787985;--timeline-track: #e4e4ec;--timeline-card: #fff;background:#fafafd;border-top-color:#ededf3}.replay-timeline__context{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;color:var(--timeline-muted)}.replay-timeline__context>:first-child{font-weight:650;color:var(--timeline-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-timeline__scrubber{position:relative;height:36px;margin:4px 0 5px}.replay-timeline__track{position:absolute;top:15px;right:0;bottom:15px;left:0;border-radius:8px;background:var(--timeline-track);pointer-events:none}.replay-timeline__progress{height:100%;border-radius:inherit;background:#7770ff}.replay-timeline__track i{position:absolute;width:2px;height:6px;top:0;background:var(--timeline-card)}.replay-timeline__thumb{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 2px #7770ff,0 2px 6px #0002;transition:scale .12s}.replay-timeline__scrubber.is-keyboard-focused .replay-timeline__thumb,.replay-timeline__scrubber:hover .replay-timeline__thumb{scale:1.15}.replay-timeline__scrubber input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;touch-action:none}.replay-timeline__scrubber.is-keyboard-focused .replay-timeline__track{outline:2px solid #7770ff;outline-offset:5px}.replay-timeline__preview{position:absolute;bottom:39px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:5px;width:144px;padding:10px;border:1px solid var(--timeline-track);border-radius:16px;background:var(--timeline-card);box-shadow:0 12px 36px #0003;transform:translate(-50%);pointer-events:none}.replay-timeline__preview img{width:auto;max-width:100%;height:155px;-o-object-fit:contain;object-fit:contain;border-radius:9px}.replay-timeline__preview img.replay-timeline__locked-preview{filter:blur(5px)}.replay-timeline__preview strong{font-size:12px;font-variant-numeric:tabular-nums}.replay-timeline__preview span{max-width:100%;font-size:10px;color:var(--timeline-muted);text-align:center}.replay-timeline__preview small{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--timeline-muted)}.replay-timeline__toolbar,.replay-timeline__buttons,.replay-timeline__settings{display:flex;align-items:center;gap:5px}.replay-timeline__toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.replay-timeline__buttons{grid-column:2}.replay-timeline__settings{grid-column:3;justify-self:end;gap:10px}.replay-timeline button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;width:36px;border:0;border-radius:10px;padding:0;background:transparent;color:var(--timeline-muted);cursor:pointer}.replay-timeline button:hover:not(:disabled){background:var(--timeline-track);color:var(--timeline-ink)}.replay-timeline button:disabled{opacity:.35;cursor:default}.replay-timeline button:focus-visible{outline:2px solid #7770ff;outline-offset:2px}.replay-timeline button svg{width:20px;height:20px}.replay-timeline button.replay-timeline__play{margin:0 3px;width:44px;height:44px;border-radius:50%;background:#7770ff;color:#fff}.replay-timeline__time{margin-right:5px;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--timeline-muted)}.replay-timeline__time strong{color:var(--timeline-ink);font-weight:600}.app-replay-modal__timeline{width:min(100%,720px);margin-top:4px}.app-replay-modal__timeline .replay-timeline{border:1px solid var(--timeline-track);border-radius:18px}@media(max-width:440px){.replay-timeline{padding:12px}.replay-timeline__toolbar{justify-content:center;gap:5px 12px}}@container replay-timeline (max-width: 620px){.replay-timeline__toolbar{display:flex;flex-direction:column;gap:8px}.replay-timeline__buttons{align-self:center}.replay-timeline__settings{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.replay-timeline__thumb{transition:none}}.app-replay-modal__hero.has-timeline .app-replay-modal__image{height:min(48vh,500px)}.app-replay-modal__hero.has-timeline .app-replay-modal__player>div{height:min(48vh,500px)!important;max-width:calc(min(48vh,500px) * 9 / 19.5)!important}.app-replay-modal__hero.has-timeline .app-replay-modal__stage{padding-bottom:8px}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:12px;overflow:auto;background:#0c0c0f}:root[data-theme=light] [data-replay-player]:is(:fullscreen,.replay-player--fullscreen){background:#fff}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen)>div:first-child:not(.app-replay-modal__stage):not(.sd-screen-gallery-stage){display:none}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen)>.replay-timeline,[data-replay-player]:is(:fullscreen,.replay-player--fullscreen)>.app-replay-modal__timeline{width:min(100%,760px);flex:0 0 auto;border-radius:18px}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) .app-replay-modal__scroll-hint{display:none}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) .app-replay-modal__stage{min-height:0;flex:1;width:100%;padding:0}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) .app-replay-modal__image{height:min(72vh,calc(100dvh - 230px))}[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) .app-replay-modal__player>div,[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) [data-phone-frame],[data-replay-player]:is(:fullscreen,.replay-player--fullscreen) [data-phone-stage]{height:min(72vh,calc(100dvh - 230px))!important;max-width:calc(min(72vh,calc(100dvh - 230px)) * 9 / 19.5)!important}.replay-speed{position:relative}.replay-timeline button.replay-speed__trigger{width:70px;height:38px;padding:0 9px;gap:7px;border:1px solid var(--timeline-track);background:var(--timeline-card);color:var(--timeline-ink);font-size:14px;font-variant-numeric:tabular-nums}.replay-speed__trigger svg{width:13px!important;height:13px!important;transition:transform .15s}.replay-speed__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.replay-speed__menu{position:absolute;z-index:45;right:0;bottom:calc(100% + 10px);width:176px;max-height:min(360px,65vh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--timeline-track);border-radius:15px;color:var(--timeline-ink);background:var(--timeline-card);box-shadow:0 10px 38px #0003}.replay-speed__title{padding:8px 10px 10px;font-size:11px;font-weight:600;color:var(--timeline-muted)}.replay-timeline .replay-speed__menu button{width:100%;height:33px;justify-content:space-between;padding:0 10px;border-radius:8px;font-size:13px;color:var(--timeline-ink)}.replay-speed__menu button>span{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.replay-speed__menu small{font-size:11px;color:var(--timeline-muted)}.replay-timeline .replay-speed__menu button[aria-checked=true]{background:#7770ff20;color:#8983ff}:root[data-theme=light] .replay-speed__menu button[aria-checked=true]{color:#6258da}.replay-speed__menu button svg{width:15px;height:15px}.replay-speed__menu button:focus-visible{outline-offset:-2px}@media(prefers-reduced-motion:reduce){.replay-speed__trigger svg{transition:none}}.sd-ic{flex:none;overflow:visible}.sd-ic .sd-kn{fill:var(--sd-icon-knob, rgb(var(--sd-surface)))}.sd-hd,.sd-hp,.sd-hr,.sd-hg,.sd-hx,.sd-hdip,.sd-hvy,.sd-a4,.sd-lgx,.sd-k1,.sd-k2,.sd-k3,.sd-cur,.sd-pr{transform-box:fill-box;transform-origin:center}.sd-hov:hover .sd-hd{stroke-dasharray:100;animation:sd-dw .7s cubic-bezier(.4,0,.2,1) both}@keyframes sd-dw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.sd-hov:hover .sd-hp{animation:sd-hp .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes sd-hp{0%{transform:scale(.4)}to{transform:scale(1)}}.sd-hov:hover .sd-hr{animation:sd-hr .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sd-hr{0%{transform:translateY(2px)}to{transform:translateY(0)}}.sd-hov:hover .sd-hg{animation:sd-hg .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes sd-hg{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.sd-hov:hover .sd-hx{animation:sd-hx .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sd-hx{0%{transform:translate(-1.2px)}to{transform:translate(0)}}.sd-hov:hover .sd-hdip{animation:sd-hdip .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sd-hdip{0%{transform:translateY(0)}40%{transform:translateY(2.2px)}70%{transform:translateY(-.7px)}to{transform:translateY(0)}}.sd-hov:hover .sd-hvy{transform-origin:50% 0;animation:sd-hvy .5s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes sd-hvy{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.sd-hsw{transform-box:view-box;transform-origin:12px 13px}.sd-hov:hover .sd-hsw{animation:sd-hsw .9s cubic-bezier(.4,0,.2,1)}@keyframes sd-hsw{0%{transform:rotate(-55deg)}55%{transform:rotate(9deg)}to{transform:rotate(0)}}.sd-hov:hover .sd-a4{animation:sd-a4 .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes sd-a4{0%{transform:scale(.25) rotate(-90deg)}to{transform:scale(1) rotate(0)}}.sd-hov:hover .sd-lgx{animation:sd-lgx .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sd-lgx{0%{transform:translate(0)}45%{transform:translate(1.8px)}to{transform:translate(0)}}.sd-srch{transform-box:view-box;transform-origin:10.9px 10.9px}.sd-hov:hover .sd-srch{animation:sd-srch .8s cubic-bezier(.4,0,.2,1)}@keyframes sd-srch{0%{transform:rotate(0)}30%{transform:rotate(-12deg)}65%{transform:rotate(8deg)}to{transform:rotate(0)}}.sd-hov:hover .sd-k1{animation:sd-k1 .7s cubic-bezier(.34,1.56,.64,1)}@keyframes sd-k1{50%{transform:translate(-3.2px)}}.sd-hov:hover .sd-k2{animation:sd-k2 .7s cubic-bezier(.34,1.56,.64,1) .06s}@keyframes sd-k2{50%{transform:translate(3px)}}.sd-hov:hover .sd-k3{animation:sd-k3 .7s cubic-bezier(.34,1.56,.64,1) .12s}@keyframes sd-k3{50%{transform:translate(-2.4px)}}.sd-hov:hover .sd-cur{animation:sd-cur .55s cubic-bezier(.4,0,.2,1)}@keyframes sd-cur{0%{transform:translate(-2.2px,-2.2px)}60%,to{transform:translate(0)}}.sd-rp2{transform-box:fill-box;transform-origin:center;opacity:0}.sd-hov:hover .sd-rp2{animation:sd-rp2 .55s ease-out .3s}@keyframes sd-rp2{0%{transform:scale(.4);opacity:.6}to{transform:scale(2.4);opacity:0}}.sd-hov:hover .sd-pr{animation:sd-pr .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes sd-pr{0%{transform:translateY(3.2px) scale(.3)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.sd-hov:hover .sd-ic *{animation:none!important}.sd-hd{stroke-dasharray:none!important}.sd-rp2{opacity:0!important}}