.replay-timeline{--timeline-accent: #6a3fe8;--timeline-gradient: linear-gradient(90deg, #3b6df6, #6a3fe8);--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:var(--timeline-gradient)}.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:var(--timeline-gradient);box-shadow:0 0 0 2px var(--timeline-accent),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__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 var(--timeline-accent);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:var(--timeline-gradient);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}}