.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-radius:100%;margin-left:-37px;margin-top:-37px;border:4px solid rgba(73,80,246,0);transition:left 0s linear,top 0s 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:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@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}}.rr-player{position:relative;background:#fff;float:left;border-radius:5px;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-19ke1iv.svelte-19ke1iv{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-19ke1iv.svelte-19ke1iv{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-19ke1iv.svelte-19ke1iv{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv{cursor:not-allowed}.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active{background:#e0e1fe}.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv{color:#fff;background:#4950f6}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled{cursor:not-allowed}.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez{height:1em;display:flex;align-items:center}.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez{opacity:.5}.label.svelte-9brlez.svelte-9brlez.svelte-9brlez{margin:0 8px}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez.svelte-9brlez{position:absolute;opacity:0}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:not-allowed}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before{content:"";position:absolute;width:2em;height:1em;left:.1em;transition:background .1s ease;background:#4950f680;border-radius:50px}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after{content:"";position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all .2s ease;box-shadow:0 2px 5px #0000004d;background:#fcfff4;animation:switch-off .2s ease-out;z-index:2}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:before{background:#4950f6}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:after{animation:switch-on .2s ease-out;left:1.1em}:root{--bg: #f4f5f5;--panel: #fff;--text: #111;--muted: #6b7280;--brand: #0f62e6;--border: #e5e7eb;--hairline: #eee;--row-hover: #f7f8f9;--accent: #e8833a;font-family:Lato,system-ui,-apple-system,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-weight:400}a{color:var(--brand);text-decoration:none}.shell{display:flex;min-height:100vh}.rail{width:48px;flex:0 0 48px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:0;position:sticky;top:0;height:100vh}.rail-logo{display:flex;align-items:center;justify-content:center;height:48px;margin-bottom:0}.rail-nav{display:flex;flex-direction:column;flex:1;gap:0;overflow-y:auto}.rail-bottom{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--hairline);padding-top:0}.rail-item{position:relative;display:flex;align-items:center;justify-content:center;height:48px;padding:0;border-left:4px solid transparent;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.rail-item:hover{color:var(--text);background:var(--row-hover)}.rail-item[aria-disabled=true]{cursor:default}.rail-item[aria-disabled=true]:hover{background:transparent;color:#9aa1ac}.rail-item.active{color:var(--text);border-left-color:var(--accent)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;height:56px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar-left{display:flex;align-items:center;gap:1rem;min-width:0}.topbar-back .back{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--brand)}.topbar-back .back:hover{text-decoration:underline}.topbar-title{margin:0;font-size:20px;font-weight:800;color:var(--text);white-space:nowrap}.tab-group{display:inline-flex;gap:4px}.tab{background:var(--panel);border:1px solid transparent;color:#6b7280;border-radius:0;padding:.3rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}.tab:hover{color:var(--text);background:var(--row-hover)}.tab.active{color:var(--brand);border-color:var(--brand);font-weight:700;cursor:default}.topbar-right{display:flex;align-items:center;gap:8px}.timerange-btn,.toggle-off,.icon-btn{display:inline-flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);color:#374151;border-radius:0;padding:.35rem .6rem;font:inherit;font-size:.82rem;cursor:default}.icon-btn{padding:.35rem .45rem}.timerange-btn:disabled,.toggle-off:disabled,.icon-btn:disabled{opacity:.85}.content{flex:1;padding:1.25rem}.app{max-width:1180px}.app.replay{max-width:1080px}.session-id{margin:0 0 .75rem}.muted{color:var(--muted);font-size:.9rem}.notice{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:1.25rem;margin-top:1rem;box-shadow:0 1px 2px #1118270a}.notice.warn{border-color:#f0c36d;background:#fdf6e7}.notice p{margin:.25rem 0}code{background:#eef1f4;padding:.1rem .35rem;border-radius:0;font-size:.95em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-top:.25rem}.filters{display:flex;gap:.5rem}.chip{background:var(--panel);border:1px solid var(--border);color:#4b5563;border-radius:0;padding:.35rem .8rem;cursor:pointer;font:inherit;font-size:.85rem}.chip:hover{background:var(--row-hover)}.chip.active{background:#fff;border-color:var(--brand);color:var(--brand);font-weight:700}.search{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:0;padding:.45rem .7rem;min-width:240px;font:inherit;font-size:.9rem}.search::placeholder{color:#9aa1ac}table.sessions{width:100%;border-collapse:collapse;margin-top:1rem;background:var(--panel);border:1px solid var(--border);border-radius:0;overflow:hidden}.sessions th,.sessions td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--hairline)}.sessions th{color:#555;font-weight:600;font-size:.82rem;background:#fafbfb}.sessions th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sessions th.sortable:hover{color:var(--text)}.sessions .caret{vertical-align:-2px;color:var(--brand)}.sessions .caret.idle{color:#c4c9d0}.sessions th.num,.sessions td.num{text-align:right;font-variant-numeric:tabular-nums}.sessions tbody tr{cursor:pointer}.sessions tbody tr:last-child td{border-bottom:none}.sessions tbody tr:hover td{background:var(--row-hover)}.url{color:var(--brand);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-error{background:#fde8e8;color:#c0341d;border-radius:0;padding:.05rem .45rem;font-variant-numeric:tabular-nums;font-weight:700}.back{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;text-decoration:none}.back:hover{text-decoration:underline}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin:.5rem 0 1.25rem}.stat{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem;min-width:0;box-shadow:0 1px 2px #1118270a}.stat.wide{grid-column:1 / -1}.stat-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--brand)}.player-section{display:flex;flex-direction:column;gap:1rem}.player-frame{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.5rem;display:flex;justify-content:center;overflow:auto;box-shadow:0 1px 2px #1118270a}.player-mount{display:inline-block}.player-frame .rr-player{border-radius:0}.timeline{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:1rem 1.1rem 1.25rem;box-shadow:0 1px 2px #1118270a}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.9rem}.timeline-title{font-weight:700}.timeline-sub{color:var(--muted);font-size:.82rem}.timeline-track{position:relative;height:34px;background:#f4f5f5;border:1px solid var(--border);border-radius:0;cursor:pointer}.timeline-progress{position:absolute;top:0;left:0;bottom:0;background:#0f62e61a;border-right:1px solid rgba(15,98,230,.5);pointer-events:none}.timeline-cursor{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--brand);transform:translate(-1px);pointer-events:none}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:var(--marker-color, #94a3b8);color:#fff;font-size:.7rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--border)}.timeline-marker:hover{outline:2px solid var(--brand)}.timeline-glyph{pointer-events:none}.timeline-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.8rem;font-size:.8rem;color:#4b5563}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-badge{display:inline-block;padding:.05rem .45rem;border-radius:0;font-weight:700;font-variant-numeric:tabular-nums;font-size:.82rem}.status-badge.good{background:#e6f4ea;color:#1e7a3d}.status-badge.warn{background:#fdf6e7;color:#95630d}.status-badge.bad{background:#fde8e8;color:#c0341d}.vital-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:1rem}.vital-card{background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.85rem 1rem .95rem;box-shadow:0 1px 2px #1118270a;display:flex;flex-direction:column;gap:.5rem}.vital-head{display:flex;flex-direction:column;gap:.1rem}.vital-name{font-weight:800;font-size:.95rem;letter-spacing:.02em}.vital-sub{color:var(--muted);font-size:.72rem}.vital-value{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;display:flex;align-items:baseline;gap:.35rem}.vital-value.good{color:#1e7a3d}.vital-value.warn{color:#95630d}.vital-value.bad{color:#c0341d}.vital-value.muted{color:var(--muted)}.vital-p{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.vital-bar{display:flex;width:100%;height:6px;background:var(--hairline);overflow:hidden}.vital-bar .seg{display:block;height:100%}.vital-bar .seg.good{background:#2ea05a}.vital-bar .seg.warn{background:#e0a020}.vital-bar .seg.bad{background:#d2442a}.vital-foot{font-size:.74rem}.replay-meta{display:flex;flex-wrap:wrap;gap:.6rem}.replay-meta .stat{flex:1 1 160px}.stacktrace{background:#1e1e26;color:#e6e6ec;border:1px solid var(--border);border-radius:0;padding:.85rem 1rem;margin:0;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;white-space:pre;overflow-x:auto;max-height:340px}