.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}:root{--bg:#f6f7f9;--panel:#fff;--fg:#151821;--muted:#667085;--line:#e4e7ec;--accent:#ff3b6b;--hover:#f2f4f7;--c-speech:#a5b4fc;--c-nav:#2e90fa;--c-click:#98a2b3;--c-ann:#ff3b6b;--c-comment:#9e77ed;--c-warn:#f79009;--c-err:#f04438;--c-net:#fb6514;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1117;--panel:#161922;--fg:#e8eaf0;--muted:#98a2b3;--line:#262b37;--hover:#1e2230;--c-speech:#4f5bb5}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);flex-direction:column;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.grow{flex:1}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}select,input{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 6px}.top{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}#title{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-weight:700;overflow:hidden}#sub{font-size:12.5px}.logo{background:radial-gradient(circle,#ff4d4d 0 32%,#1a1d26 34%);border-radius:7px;flex:none;width:26px;height:26px}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}#status{margin-right:6px;font-size:12.5px}.remote-banner{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.remote-banner .msg{flex:1;min-width:200px}.remote-banner .bar{background:var(--line);border-radius:3px;width:140px;height:6px;overflow:hidden}.remote-banner .bar i{background:var(--c-nav);height:100%;transition:width .3s;display:block}.remote-banner .err{color:var(--c-err)}main{flex:1;grid-template-columns:minmax(0,1fr) 420px;min-height:0;display:grid}.stage{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.player{background:#202430;border-radius:10px;flex:1;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}#replay{position:relative}#replay .replayer-wrapper{transform-origin:0 0;position:absolute;top:0;left:0}#replay iframe{background:#fff;border:0}.fbr-overlay{pointer-events:none;z-index:10;position:absolute;top:0;left:0}.toasts{pointer-events:none;z-index:20;flex-direction:column;gap:6px;max-width:60%;display:flex;position:absolute;bottom:12px;left:12px}.toast{color:#fff;border-left:4px solid var(--c-comment);background:#14161eeb;border-radius:8px;padding:6px 10px;font-size:12.5px;box-shadow:0 4px 14px #0000004d}.toast.err{border-color:var(--c-err)}.toast.net{border-color:var(--c-net)}.toast.warn{border-color:var(--c-warn)}.toast.nav{border-color:var(--c-nav)}.controls{align-items:center;gap:10px;display:flex}button.icon{width:38px;height:34px;padding:0;font-size:15px}.scrub{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;height:44px;position:relative}.scrub canvas{width:100%;height:100%;display:block}.scrub .head{background:var(--fg);pointer-events:none;width:2px;position:absolute;top:-3px;bottom:-3px;left:0}.scrub .tip{color:#fff;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#1a1d26;border-radius:6px;max-width:420px;margin-bottom:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;overflow:hidden;transform:translate(-50%)}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 4px}.tabs button.on{color:var(--fg);border-bottom-color:var(--accent)}.panel{flex:1;padding:8px 10px 40px;overflow:auto}.seg{cursor:pointer;border-radius:8px;grid-template-columns:46px 1fr;gap:6px;padding:7px 8px;display:grid}.seg:hover{background:var(--hover)}.seg.on{background:color-mix(in srgb, var(--accent) 13%, transparent)}.seg .t,.ev .t{color:var(--muted);padding-top:2px;font:12px ui-monospace,Menlo,monospace}.seg .chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chip{background:var(--hover);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;max-width:100%;padding:1px 7px;font-size:11.5px;overflow:hidden}.chip.err{color:var(--c-err)}.chip.ann{color:var(--c-ann)}.chip.net{color:var(--c-net)}.chip.nav{color:var(--c-nav)}.empty{text-align:center;color:var(--muted);padding:24px 12px}.empty button{margin-top:10px}.filters{background:var(--panel);z-index:1;flex-wrap:wrap;gap:4px;margin:2px 0 8px;padding:6px 0;display:flex;position:sticky;top:-8px}.filters button{border-radius:12px;padding:3px 9px;font-size:12px;font-weight:500}.filters button.on{background:var(--fg);color:var(--panel);border-color:var(--fg)}.ev{cursor:pointer;border-radius:8px;grid-template-columns:46px 18px 1fr;align-items:start;gap:6px;padding:6px 8px;display:grid}.ev:hover{background:var(--hover)}.ev.on{background:color-mix(in srgb, var(--c-nav) 14%, transparent)}.ev.past .main{opacity:.9}.ev .ic{border-radius:50%;width:10px;height:10px;margin-top:5px}.ev .main{min-width:0}.ev .what{font-size:13px;font-weight:600}.ev .detail{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.ev img.thumb{border:1px solid var(--line);cursor:zoom-in;border-radius:4px;max-width:180px;margin-top:5px;display:block}.issue{border:1px solid var(--line);cursor:pointer;border-radius:10px;margin:8px 0;padding:10px 12px}.issue:hover{background:var(--hover)}.issue .h{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.issue .title{font-weight:700}.badge{text-transform:uppercase;letter-spacing:.4px;background:var(--hover);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.badge.high{color:#b42318;background:#fee4e2}.badge.medium{color:#93370d;background:#fef0c7}.badge.bug{color:#b42318;background:#fde2e1}.badge.ux{color:#3538cd;background:#e0eaff}.badge.praise{color:#067647;background:#dcfae6}.issue blockquote{border-left:3px solid var(--line);color:var(--fg);margin:6px 0;padding-left:10px;font-style:italic}.issue .meta{color:var(--muted);overflow-wrap:anywhere;font-size:12px}pre.md{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;font:12px/1.5 ui-monospace,Menlo,monospace}.landing{flex-direction:column;flex:1;align-items:center;gap:24px;padding:40px 16px;display:flex;overflow:auto}.drop{border:2px dashed var(--line);text-align:center;background:var(--panel);border-radius:14px;width:min(640px,100%);padding:40px}.drop.over{border-color:var(--accent)}#recent{width:min(640px,100%)}#recent a{color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;gap:10px;margin:6px 0;padding:10px 12px;text-decoration:none;display:flex}#recent a:hover{background:var(--hover)}.lightbox{z-index:100;cursor:zoom-out;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{border-radius:6px;max-width:94vw;max-height:94vh}[hidden]{display:none!important}dialog{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:12px;width:min(460px,92vw)}dialog label{margin:10px 0;font-size:13px;font-weight:600;display:block}dialog input,dialog select{width:100%;margin-top:4px;padding:6px 8px}dialog .row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=1000px){main{grid-template-rows:minmax(360px,1fr) minmax(280px,45vh);grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line)}}body.vt-embedded .top,body.vt-embedded #btn-open,body.vt-embedded .drop{display:none!important}body.vt-embedded main{height:100%}.vt-banner{z-index:30;color:#ede9e1;letter-spacing:.01em;pointer-events:none;text-align:center;background:#1c1a17;border-left:3px solid #ec6446;border-radius:6px;max-width:calc(100% - 20px);padding:6px 12px;font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (width<=1000px){body.vt-embedded main{grid-template-columns:minmax(0,1fr)}body.vt-embedded .controls{flex-wrap:wrap}}.landing .err,#recent p{color:#b42318;text-align:center;max-width:60ch}