.switch.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{height:1em;display:flex;align-items:center}.switch.disabled.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{opacity:.5}.label.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{margin:0 8px}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7.svelte-a6h7w7{position:absolute;opacity:0}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:before{content:"";position:absolute;width:2em;height:1em;left:.1em;transition:background .1s ease;background:#4950f680;border-radius:50px}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7: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-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:before{background:#4950f6}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:after{animation:switch-on .2s ease-out;left:1.1em}.rr-controller.svelte-189zk2r.svelte-189zk2r{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-189zk2r.svelte-189zk2r{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-189zk2r.svelte-189zk2r{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-189zk2r.svelte-189zk2r{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-189zk2r.svelte-189zk2r{cursor:not-allowed}.rr-progress__step.svelte-189zk2r.svelte-189zk2r{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-189zk2r.svelte-189zk2r{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-189zk2r.svelte-189zk2r{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r{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-189zk2r button.svelte-189zk2r:active{background:#e0e1fe}.rr-controller__btns.svelte-189zk2r button.active.svelte-189zk2r{color:#fff;background:#4950f6}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:disabled{cursor:not-allowed}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);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-width:4px;border-style:solid;border-radius:100%;margin-left:-37px;margin-top:-37px;border-color:#4950f600;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}.session-replay{--propra-c-shamrock: #24d1ad;--propra-c-water-leaf: #bbf3e7;--propra-c-elf-green: #199279;--propra-c-orange: #FFA800;--propra-c-moccasin: #ffe4b2;--propra-c-dark-goldenrod: #b27500;--propra-c-bakers-chocolate: #5B3C00;--propra-c-mahogany: #CF3637;--propra-c-black: #111111;--propra-c-white-smoke: #f8f8f8;--propra-c-white: #ffffff;--propra-c-persian-indigo: #371289;--propra-c-purple-heart: #561bd6;--propra-c-light-slate-blue: #9F78FA;--propra-c-magnolia: #ECE4FE;--propra-c-cherry-pie: #362A4E;--propra-c-nobel: #9E9E9E;--propra-c-nero: #1D1D1D;--propra-c-black-marlin: #3D3C41;--propra-c-silver: #C5C5C5;--propra-c-gainsboro: #DFDFDF;--propra-c-whisper: #EEEEEE;--propra-c-lemon: #FFDC1C;--propra-c-cornflower-blue: #479EFD;--propra-c-san-marino: #49699A;--propra-c-my-sin: #FFB547;--propra-c-light-sky-blue: #90CAF9;--propra-c-carnation: #fa5757;--propra-text-primary: #111111;--propra-text-secondary: #9E9E9E;--propra-text-disabled: rgba(0,0,0,.38);--propra-bg-default: #f8f8f8;--propra-bg-paper: #ffffff;--propra-bg-translucent-paper: rgba(255,255,255,.9);--propra-bg-primary: #ECE4FE;--propra-bg-secondary: #bbf3e7;--propra-bg-tertiary: #C5C5C5;--propra-bg-input: rgba(0,0,0,.06);--propra-divider: #C5C5C5;--propra-divider-light: #f8f8f8;--propra-primary-main: #561bd6;--propra-primary-light: #9F78FA;--propra-primary-dark: #371289;--propra-primary-contrast: #ffffff;--propra-secondary-main: #24d1ad;--propra-secondary-light: #bbf3e7;--propra-secondary-dark: #199279;--propra-secondary-contrast: #ffffff;--propra-tertiary-main: #111111;--propra-quaternary-main: #FFA800;--propra-quinary-main: #90CAF9;--propra-info-main: #9F78FA;--propra-info-light: #561bd6;--propra-info-dark: #9F78FA;--propra-success-main: #24d1ad;--propra-success-light: #bbf3e7;--propra-success-dark: #199279;--propra-warning-main: #FFA800;--propra-warning-light: #ffe4b2;--propra-warning-dark: #b27500;--propra-error-main: #CF3637;--propra-error-light: #fa5757;--propra-error-dark: #CF3637;--propra-unit-leased-main: #561bd6;--propra-unit-leased-dark: #371289;--propra-unit-leased-light: #ffffff;--propra-unit-leased-contrast: #f8f8f8;--propra-unit-commercial-main: #24d1ad;--propra-unit-commercial-light: #bbf3e7;--propra-unit-commercial-dark: #199279;--propra-unit-commercial-contrast: #199279;--propra-unit-owner-main: #FFA800;--propra-unit-owner-dark: #5B3C00;--propra-unit-owner-light: #ffffff;--propra-unit-common-main: #90CAF9;--propra-unit-common-dark: #49699A;--propra-unit-common-contrast: #49699A;--propra-unit-empty-main: #EEEEEE;--propra-unit-empty-dark: #9E9E9E;--propra-unit-empty-contrast: #111111;--propra-font-body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--propra-font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--propra-font-mouse-size: 8px;--propra-radius-sm: 4px;--propra-radius-md: 8px;--propra-radius-lg: 12px;--propra-radius-pill: 999px;--propra-shadow-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--propra-shadow-2: 0 3px 6px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08);--propra-shadow-3: 0 10px 20px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08)}.session-replay[data-theme=dark]{--propra-text-primary: #f8f8f8;--propra-text-secondary: #9E9E9E;--propra-text-disabled: rgba(255,255,255,.38);--propra-bg-default: #111111;--propra-bg-paper: #1D1D1D;--propra-bg-translucent-paper: rgba(29,29,29,.9);--propra-bg-primary: #362A4E;--propra-bg-secondary: #bbf3e7;--propra-bg-tertiary: #3D3C41;--propra-bg-input: rgba(255,255,255,.09);--propra-divider: #3D3C41;--propra-divider-light: #111111;--propra-primary-main: #9F78FA;--propra-primary-light: #9F78FA;--propra-primary-dark: #371289;--propra-primary-contrast: #371289;--propra-secondary-main: #24d1ad;--propra-secondary-light: #bbf3e7;--propra-secondary-dark: #199279;--propra-secondary-contrast: #ffffff;--propra-tertiary-main: #f8f8f8;--propra-quaternary-main: #b27500;--propra-quinary-main: #479EFD;--propra-info-main: #9F78FA;--propra-info-light: #561bd6;--propra-info-dark: #9F78FA;--propra-success-main: #24d1ad;--propra-success-light: #bbf3e7;--propra-success-dark: #199279;--propra-warning-main: #FFA800;--propra-warning-light: #ffe4b2;--propra-warning-dark: #b27500;--propra-error-main: #CF3637;--propra-error-light: #fa5757;--propra-error-dark: #CF3637;--propra-unit-leased-main: #9F78FA;--propra-unit-leased-dark: #371289;--propra-unit-leased-light: #ffffff;--propra-unit-leased-contrast: #371289;--propra-unit-commercial-main: #24d1ad;--propra-unit-commercial-light: #bbf3e7;--propra-unit-commercial-dark: #199279;--propra-unit-commercial-contrast: #f8f8f8;--propra-unit-owner-main: #b27500;--propra-unit-owner-dark: #5B3C00;--propra-unit-owner-light: #ffffff;--propra-unit-common-main: #479EFD;--propra-unit-common-dark: #49699A;--propra-unit-common-contrast: #f8f8f8;--propra-unit-empty-main: #111111;--propra-unit-empty-dark: #3D3C41;--propra-unit-empty-contrast: #f8f8f8;--propra-shadow-1: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--propra-shadow-2: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--propra-shadow-3: 0 10px 20px rgba(0,0,0,.5), 0 3px 6px rgba(0,0,0,.4)}@media (prefers-color-scheme: dark){.session-replay:not([data-theme]){--propra-text-primary: #f8f8f8;--propra-text-secondary: #9E9E9E;--propra-text-disabled: rgba(255,255,255,.38);--propra-bg-default: #111111;--propra-bg-paper: #1D1D1D;--propra-bg-translucent-paper: rgba(29,29,29,.9);--propra-bg-primary: #362A4E;--propra-bg-secondary: #bbf3e7;--propra-bg-tertiary: #3D3C41;--propra-bg-input: rgba(255,255,255,.09);--propra-divider: #3D3C41;--propra-divider-light: #111111;--propra-primary-main: #9F78FA;--propra-primary-light: #9F78FA;--propra-primary-dark: #371289;--propra-primary-contrast: #371289;--propra-secondary-main: #24d1ad;--propra-secondary-light: #bbf3e7;--propra-secondary-dark: #199279;--propra-secondary-contrast: #ffffff;--propra-tertiary-main: #f8f8f8;--propra-quaternary-main: #b27500;--propra-quinary-main: #479EFD;--propra-info-main: #9F78FA;--propra-info-light: #561bd6;--propra-info-dark: #9F78FA;--propra-success-main: #24d1ad;--propra-success-light: #bbf3e7;--propra-success-dark: #199279;--propra-warning-main: #FFA800;--propra-warning-light: #ffe4b2;--propra-warning-dark: #b27500;--propra-error-main: #CF3637;--propra-error-light: #fa5757;--propra-error-dark: #CF3637;--propra-unit-leased-main: #9F78FA;--propra-unit-leased-dark: #371289;--propra-unit-leased-light: #ffffff;--propra-unit-leased-contrast: #371289;--propra-unit-commercial-main: #24d1ad;--propra-unit-commercial-light: #bbf3e7;--propra-unit-commercial-dark: #199279;--propra-unit-commercial-contrast: #f8f8f8;--propra-unit-owner-main: #b27500;--propra-unit-owner-dark: #5B3C00;--propra-unit-owner-light: #ffffff;--propra-unit-common-main: #479EFD;--propra-unit-common-dark: #49699A;--propra-unit-common-contrast: #f8f8f8;--propra-unit-empty-main: #111111;--propra-unit-empty-dark: #3D3C41;--propra-unit-empty-contrast: #f8f8f8;--propra-shadow-1: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--propra-shadow-2: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--propra-shadow-3: 0 10px 20px rgba(0,0,0,.5), 0 3px 6px rgba(0,0,0,.4)}}.session-replay{font-family:var(--propra-font-body);color:var(--propra-text-primary);background:var(--propra-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.session-replay h1,.session-replay h2,.session-replay h3,.session-replay h4,.session-replay h5,.session-replay h6,.session-replay .propra-overline{font-family:var(--propra-font-display)}.session-replay .propra-paper{background:var(--propra-bg-paper);border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md)}.session-replay{.replay-bar{display:flex;align-items:center;gap:16px;padding:10px 0 4px}.replay-bar nav{display:flex;gap:4px}.replay-bar nav a{padding:6px 12px;border-radius:var(--propra-radius-pill);text-decoration:none;color:var(--propra-text-secondary);font-weight:500}.replay-bar nav a.current{background:var(--propra-bg-primary);color:var(--propra-primary-main)}.replay-bar .domain{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto}button.live{color:var(--propra-success-dark);border-color:var(--propra-success-main)}td .live{color:var(--propra-success-dark)}.entity-session td{border-top:2px solid var(--propra-divider);font-weight:500}.entity-match td{color:var(--propra-text-secondary);font-size:12px;border-top:0}.entity-match td:first-child{padding-left:28px}& *{box-sizing:border-box}a{color:var(--propra-primary-main)}.topbar{display:flex;align-items:center;gap:20px;padding:12px 24px;background:var(--propra-bg-paper);border-bottom:1px solid var(--propra-divider);position:sticky;top:0;z-index:5}.topbar .brand{font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:15px;color:var(--propra-primary-main)}.topbar nav{display:flex;gap:4px}.topbar .domain{display:flex;align-items:center;gap:6px;font-size:12px}.topbar nav a{padding:6px 12px;border-radius:var(--propra-radius-pill);text-decoration:none;color:var(--propra-text-secondary);font-weight:500}.topbar nav a.current{background:var(--propra-bg-primary);color:var(--propra-primary-main)}.topbar .spacer{flex:1}.theme{display:flex;border:1px solid var(--propra-divider);border-radius:var(--propra-radius-pill);overflow:hidden}.theme button{border:0;background:transparent;color:var(--propra-text-secondary);padding:5px 10px;font:inherit;cursor:pointer}.theme button.active{background:var(--propra-primary-main);color:var(--propra-primary-contrast)}main{max-width:1560px;margin:0 auto;padding:20px 24px}h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:0 0 14px}.muted{color:var(--propra-text-secondary)}button,input,select{font:inherit;border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md);background:var(--propra-bg-input);color:inherit;padding:8px 12px}button{cursor:pointer;background:var(--propra-bg-paper)}button:hover,button.active{border-color:var(--propra-primary-main);color:var(--propra-primary-main)}button.primary{background:var(--propra-primary-main);color:var(--propra-primary-contrast);border-color:var(--propra-primary-main)}.panel{background:var(--propra-bg-paper);border:1px solid var(--propra-divider);border-radius:var(--propra-radius-lg);padding:18px 20px;margin:16px 0;box-shadow:var(--propra-shadow-1)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}td.num{text-align:right;font-variant-numeric:tabular-nums}th.num{text-align:right}tr.total td{font-weight:600;border-top:2px solid var(--propra-divider)}.month-group td:first-child{font-weight:600}.pivot-controls{align-items:flex-end}.pivot-controls fieldset{display:flex;gap:10px;border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md);padding:4px 10px;margin:0}.pivot-controls legend{font-size:11px;color:var(--propra-text-secondary);padding:0 4px}.pivot-controls fieldset label{display:flex;align-items:center;gap:4px;font-size:12px}#pivot th.dim{text-align:left}#pivot td.dim{white-space:nowrap}#pivot tr.group-start td{border-top:2px solid var(--propra-divider)}#pivot td.total,#pivot th.total{font-weight:600;background:var(--propra-bg-default)}#pivot tfoot td{font-weight:600;border-top:2px solid var(--propra-divider)}.share{display:inline-block;height:6px;border-radius:3px;background:var(--propra-primary-main);vertical-align:middle;margin-left:8px;opacity:.75}label{display:grid;gap:5px;font-size:12px;color:var(--propra-text-secondary)}#status{margin:10px 0 0;font-size:13px}#search,#event-search{width:100%}#search{max-width:640px;margin-bottom:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:11px 12px;border-bottom:1px solid var(--propra-divider-light)}th{color:var(--propra-text-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td.id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}td button{padding:5px 9px}.vitals{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.vital{border:1px solid var(--propra-divider);border-left:3px solid var(--propra-text-secondary);border-radius:var(--propra-radius-md);padding:8px 12px;min-width:96px;background:var(--propra-bg-default)}.vital span{display:block;color:var(--propra-text-secondary);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.vital b{font-size:17px;font-weight:600}.vital.good{border-left-color:var(--propra-success-main)}.vital.fair{border-left-color:var(--propra-warning-main)}.vital.poor{border-left-color:var(--propra-error-main)}.session-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:14px 0}.card{border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md);padding:12px 14px;background:var(--propra-bg-default)}.card .k{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--propra-text-secondary);margin-bottom:6px;display:flex;justify-content:space-between}.card .v{font-weight:600;font-size:15px;overflow-wrap:anywhere}.card .s{color:var(--propra-text-secondary);font-size:12px;margin-top:2px;overflow-wrap:anywhere}.card .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.badge{display:inline-block;padding:2px 8px;border-radius:var(--propra-radius-pill);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge.verified{background:var(--propra-success-light);color:var(--propra-success-dark)}.badge.reported{background:var(--propra-bg-tertiary);color:var(--propra-text-secondary)}.badge.action{background:var(--propra-primary-main);color:var(--propra-primary-contrast)}.badge.error{background:var(--propra-error-main);color:#fff}.badge.request{background:var(--propra-info-main);color:#fff}.badge.log{background:var(--propra-bg-tertiary);color:var(--propra-text-primary)}#banner{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--propra-text-secondary);margin-bottom:12px}#banner b{color:var(--propra-text-primary)}.segments{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;color:var(--propra-text-secondary)}.segments button{padding:2px 8px;font-size:12px}.segments button.active{background:var(--propra-primary-main);color:var(--propra-primary-contrast,#fff);border-color:var(--propra-primary-main)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}.filters label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--propra-text-secondary)}.filters select{max-width:280px}.filters input{flex:1;min-width:240px}.ribbon{position:relative;border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md);background:var(--propra-bg-default);padding:8px 0;margin-bottom:14px;user-select:none}.lane{display:grid;grid-template-columns:96px 1fr;align-items:center;height:22px}.lane .name{font-size:11px;color:var(--propra-text-secondary);padding-left:12px;text-transform:uppercase;letter-spacing:.05em}.lane .track{position:relative;height:100%;border-left:1px solid var(--propra-divider-light)}.mark{position:absolute;top:5px;width:3px;height:12px;border-radius:2px;cursor:pointer;opacity:.85}.mark:hover,.mark.now{width:5px;opacity:1;outline:1px solid var(--propra-text-primary)}.mark.action{background:var(--propra-primary-main)}.mark.request{background:var(--propra-info-main)}.mark.network{background:var(--propra-warning-main)}.mark.error{background:var(--propra-error-main)}.mark.log{background:var(--propra-text-secondary)}.mark.event{background:var(--propra-secondary-main)}.ribbon{cursor:ew-resize;touch-action:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--propra-primary-main);opacity:.7;pointer-events:none;left:calc(96px + (100% - 96px) * var(--f,0))}.ribbon .axis{display:grid;grid-template-columns:96px 1fr;height:16px}.ribbon .axis div:last-child{position:relative;font-size:10px;color:var(--propra-text-secondary)}.ribbon .axis span{position:absolute;transform:translate(-50%)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px}#player{min-height:360px;overflow:hidden;background:var(--propra-bg-default);border:1px solid var(--propra-divider);border-radius:var(--propra-radius-md);display:flex;align-items:center;justify-content:center}.empty{padding:28px;max-width:640px;line-height:1.7;color:var(--propra-text-secondary)}.loading{position:relative;padding-left:52px}.loading:before{content:"";position:absolute;left:28px;top:50%;width:14px;height:14px;margin-top:-8px;border:2px solid var(--propra-divider);border-top-color:var(--propra-primary-main);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading:before{animation:none}}.rr-player{background:var(--propra-bg-paper)!important;box-shadow:none!important;color:var(--propra-text-primary)!important;border-radius:0!important}.rr-controller{background:var(--propra-bg-paper)!important;color:var(--propra-text-primary)!important;border-top:1px solid var(--propra-divider)}.rr-player__frame{background:var(--propra-bg-default);cursor:pointer}.rr-timeline__time{color:var(--propra-text-secondary)!important;font-size:12px}.rr-progress{background:var(--propra-divider)!important;border-color:var(--propra-bg-paper)!important}.rr-progress__step{background:var(--propra-primary-light,var(--propra-primary-main))!important;opacity:.5}.rr-progress__handler{background:var(--propra-primary-main)!important;width:14px!important;height:14px!important;border-radius:7px!important}.rr-controller__btns{color:var(--propra-text-primary)!important;gap:2px}.rr-controller__btns button{color:var(--propra-text-primary)!important}.rr-controller__btns button:hover{background:var(--propra-divider-light)!important}.rr-controller__btns button:active,.rr-controller__btns button.active{background:var(--propra-primary-main)!important;color:var(--propra-primary-contrast,#fff)!important}.rr-controller__btns button svg{fill:currentColor}.rr-controller .switch label:before{background:var(--propra-divider)!important}.rr-controller .switch input:checked+label:before{background:var(--propra-primary-main)!important}.rr-controller .switch label:after{background:var(--propra-bg-paper)!important;box-shadow:0 1px 3px #0006!important}#overview>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}#overview>summary:before{content:"▸";font-size:12px;color:var(--propra-text-secondary)}#overview[open]>summary:before{content:"▾"}#overview>summary h2{margin:0}.timeline{height:520px;overflow:auto}.background{display:flex;align-items:center;gap:6px;margin:10px 0;color:var(--propra-text-secondary);font-size:12px}.event-card{border:0;border-left:3px solid var(--propra-text-secondary);margin:0;background:transparent;transition:opacity .15s}.event-card+.event-card{border-top:1px solid var(--propra-divider-light)}.event-card .glyph{width:16px;text-align:center;color:var(--propra-text-secondary);font-size:12px;flex:none}.event-card.action .glyph{color:var(--propra-primary-main)}.event-card.error .glyph{color:var(--propra-error-main)}.event-card.network .glyph{color:var(--propra-warning-main)}.event-card.request .glyph{color:var(--propra-info-main)}.event-card b{font-weight:600}.event-card.error{border-left-color:var(--propra-error-main)}.event-card.log{border-left-color:var(--propra-text-secondary)}.event-card.network{border-left-color:var(--propra-warning-main)}.event-card.request{border-left-color:var(--propra-info-main)}.event-card.action{border-left-color:var(--propra-primary-main)}.event-card button{border:0;background:transparent;display:flex;gap:8px;align-items:center;width:100%;text-align:left;border-radius:0;padding:4px 8px;font-size:12.5px;line-height:1.3;color:inherit;min-height:26px}.event-card button:hover{color:inherit;background:var(--propra-bg-default)}.event-card time{color:var(--propra-text-secondary);font-variant-numeric:tabular-nums;min-width:44px;font-size:11.5px;flex:none}.event-card .event-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.event-card details{padding:0 10px 10px;color:var(--propra-text-secondary)}.event-card pre{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;max-height:260px;overflow:auto;color:var(--propra-text-primary)}.event-card.active{outline:1px solid var(--propra-primary-main)}.event-card.past{opacity:.4}.event-card.now{opacity:1;background:var(--propra-bg-primary)}.event-card.active{outline:0;background:var(--propra-bg-primary)}.devtools{border-top:1px solid var(--propra-divider);margin-top:18px;padding-top:14px}#event-tabs{margin-bottom:12px}#event-rows{max-height:360px;overflow:auto}.event-empty{padding:20px;color:var(--propra-text-secondary)}#details{margin-top:16px}#json{white-space:pre-wrap;overflow-wrap:anywhere;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;max-height:300px;overflow:auto}#close{float:right}@media (max-width:1000px){.layout{grid-template-columns:1fr}.timeline{height:300px}.session-head{grid-template-columns:1fr}td,th{padding:8px;font-size:12px}}color-scheme:light dark;margin:0;background:var(--propra-bg-default);color:var(--propra-text-primary);font-size:14px;font-family:var(--propra-font-body)}.session-replay .denied{padding:24px;display:grid;gap:12px;justify-items:start}