@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";.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{--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-display: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent: #ff5a2c;--accent-2: #ffb547;--accent-ink: #5a1a06;--accent-soft: #ffe7da;--accent-glow: rgba(255, 90, 44, .3);--ok: #1aa463;--warn: #d97706;--err: #e23a3a;--info: #2563eb;--bg: #f8f1e4;--bg-elev: #fffdf7;--bg-sunken: #efe6d2;--paper: #fffaf0;--line: #e4d7bb;--line-soft: #ece1c8;--ink: #1a140a;--ink-2: #5a4d39;--ink-3: #8a7a5e;--shadow-sm: 0 1px 0 rgba(43, 30, 6, .06), 0 2px 4px rgba(43, 30, 6, .04);--shadow-md: 0 2px 0 rgba(43, 30, 6, .05), 0 8px 24px rgba(43, 30, 6, .07);--shadow-lg: 0 4px 0 rgba(43, 30, 6, .05), 0 22px 50px rgba(43, 30, 6, .13);--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 18px;--r-pill: 999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 22% 14%,rgba(255,90,44,.13) 0%,transparent 38%),radial-gradient(circle at 88% 88%,rgba(255,181,71,.12) 0%,transparent 40%);z-index:0;opacity:.7}#app{position:relative;z-index:1;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.04}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-3)}.text-accent{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-2);border:1.5px solid var(--ink);background:var(--bg-elev);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .15s;white-space:nowrap}.btn:hover{transform:translate(-1px,-1px);box-shadow:0 3px 0 var(--ink)}.btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:0 2px 0 var(--ink)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,black)}.btn.ghost{border-color:transparent;box-shadow:none;background:transparent;color:var(--ink-2)}.btn.ghost:hover{color:var(--ink);background:var(--bg-sunken);transform:none;box-shadow:none}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:var(--r-1);box-shadow:0 1.5px 0 var(--ink)}.btn.sm:hover{box-shadow:0 2.5px 0 var(--ink)}.btn.danger{background:var(--err);color:#fff}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--r-2);color:var(--ink-2);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-sunken);color:var(--ink)}.input,.select,select,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number]{display:block;width:100%;height:36px;padding:0 12px;font-family:inherit;font-size:13px;color:var(--ink);background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-2);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}input::placeholder{color:var(--ink-3)}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;font-size:12px;font-weight:600;border-radius:var(--r-pill);background:var(--bg-elev);border:1.5px solid var(--line);color:var(--ink-2);white-space:nowrap}.chip.accent{background:var(--accent);color:#fff;border-color:var(--ink)}.chip.soft{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.chip.ok{background:#d9f3e3;color:#08502d;border-color:transparent}.card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-sm)}.card-head{padding:12px 16px;font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--ink);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px}.card-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.card-body>.btn{align-self:flex-start}.form-row{display:flex;flex-direction:column;gap:5px}.form-row>span{font-size:11.5px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}.kbd{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--ink-2);background:var(--bg-elev);border:1.5px solid var(--line);border-bottom-width:2.5px;border-radius:4px;padding:1px 5px}.tag-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 16px;border-right:1.5px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--bg-elev)) 0%,var(--bg-elev) 38%);display:flex;flex-direction:column;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;cursor:pointer}.brand-mark{display:grid;place-items:center;position:relative;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04)}.wordmark{display:inline-flex;align-items:center;font-family:var(--font-mono);font-weight:600;letter-spacing:-.045em;line-height:1;color:var(--ink)}.wordmark-caret{display:inline-block;background:var(--accent);margin-left:3px;border-radius:1px;animation:blink 1.05s steps(1,end) infinite;transform:translateY(2px)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.brand-sub{font-size:11px;color:var(--ink-3);font-weight:500}.nav-section{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-2);font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-sunken);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--bg-elev);box-shadow:0 2px color-mix(in srgb,var(--ink) 70%,var(--accent))}.nav-item svg{flex-shrink:0}.nav-item .nav-cnt{margin-left:auto;background:var(--bg-sunken);color:var(--ink-2);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.nav-item.active .nav-cnt{background:var(--accent);color:#fff}.nav-spacer{flex:1}.side-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--line);margin-top:8px}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:14px;padding:0 24px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1.5px solid var(--line)}.crumbs{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.025em;flex-shrink:0;max-width:52%}.crumbs>span:first-child{white-space:nowrap}.crumbs em{font-style:normal;color:var(--accent)}.crumbs .crumb-sub{font-size:13px;color:var(--ink-3);font-weight:500;font-family:var(--font-sans);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:1080px){.crumbs .crumb-sub{display:none}}.topbar-search{margin-left:auto;position:relative;width:260px;flex-shrink:1;min-width:130px}.topbar-search input{padding-left:36px}.topbar-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;background:var(--ink);color:#fff;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.live-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 #ff5a4ab3;animation:live-pulse 1.6s infinite}.live-pill.stale{background:var(--ink-2)}.live-pill.stale:before{background:var(--ink-3);box-shadow:none;animation:none}@keyframes live-pulse{0%{box-shadow:0 0 #ff5a4ab3}70%{box-shadow:0 0 0 8px #ff5a4a00}to{box-shadow:0 0 #ff5a4a00}}.content{flex:1;padding:22px 24px 80px;max-width:1500px;width:100%}.section-h{display:flex;align-items:baseline;gap:12px;margin:24px 0 12px;flex-wrap:wrap}.section-h h2{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.025em;margin:0}.section-h .section-sub{font-size:13px;color:var(--ink-3)}.mascot{position:relative;display:inline-block;line-height:0}.mascot svg{display:block}.mascot-hello{position:absolute;bottom:18px;right:78px;width:210px;background:var(--ink);color:var(--bg-elev);padding:8px 12px;border-radius:12px;font-size:12px;font-weight:500;line-height:1.35;z-index:5}.mascot-hello:before{content:"";position:absolute;right:-6px;bottom:14px;width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}.floating-peek{position:fixed;bottom:22px;right:22px;z-index:45;cursor:pointer;filter:drop-shadow(0 6px 0 rgba(0,0,0,.08));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.floating-peek:hover{transform:translateY(-4px) rotate(-2deg)}.floating-peek.elevated{z-index:1200}.floating-peek.elevated .mascot-hello{width:300px;max-width:calc(100vw - 120px);font-size:12.5px;line-height:1.4;bottom:32px}.mascot-bob{animation:peek-bob 2.4s ease-in-out infinite}@keyframes peek-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes peek-wave{0%,to{transform:rotate(-12deg)}50%{transform:rotate(18deg)}}@keyframes peek-zfloat{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-6px) translate(2px);opacity:.7}}@keyframes peek-sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}@keyframes pop-in{0%{transform:translateY(8px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pop-in{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);padding:16px 18px;position:relative;overflow:hidden}.kpi-label{font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.kpi-val{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:8px;color:var(--ink);font-variant-numeric:tabular-nums}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;margin-top:7px;color:var(--ink-3)}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--err)}.kpi.feature{background:var(--ink);color:#fff}.kpi.feature .kpi-label{color:#ffffffa6}.kpi.feature .kpi-val{color:#fff}.kpi.feature .kpi-delta{color:#ffffffb3}.kpi-peek{position:absolute;top:8px;right:10px;opacity:.9}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.search-wrap{position:relative;min-width:220px;flex:1}.search-wrap input{padding-left:36px}.search-wrap>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.seg-control{display:inline-flex;background:var(--bg-sunken);border-radius:var(--r-2);padding:3px;border:1.5px solid var(--line)}.seg-control button{background:transparent;border:none;padding:5px 12px;font-size:12px;font-weight:600;color:var(--ink-3);cursor:pointer;border-radius:7px}.seg-control button.on{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 2px #2b1e0614}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-elev);border:1.5px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--ink-3);color:var(--ink)}.filter-chip.on{background:var(--ink);color:var(--bg-elev);border-color:var(--ink)}.result-line{font-size:13px;color:var(--ink-3);margin-bottom:10px}.result-line b{color:var(--ink)}.session-table{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);overflow:hidden}.session-row{display:grid;grid-template-columns:52px 1.5fr 1.6fr 1.1fr 1fr 92px 30px;gap:14px;align-items:center;padding:13px 16px;border-bottom:1.5px solid var(--line-soft);cursor:pointer;transition:background .12s}.session-row:last-child{border-bottom:none}.session-row:hover{background:var(--bg-sunken)}.session-row.head{background:var(--bg-sunken);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:10px 16px;cursor:default}.session-row.head:hover{background:var(--bg-sunken)}.session-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-top:1.5px solid var(--line-soft)}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;font-weight:700;color:#fff;background:var(--ink);flex-shrink:0;border:1.5px solid var(--ink)}.user-cell-name{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell-meta{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{display:inline-block;width:6px;height:6px;background:var(--err);border-radius:50%;margin-right:5px;animation:live-pulse 1.6s infinite;vertical-align:middle}.url-cell{display:flex;flex-direction:column;min-width:0;gap:2px}.url-cell-path{font-family:var(--font-mono);font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-cell-meta{font-size:11.5px;color:var(--ink-3)}.mini-journey{display:flex;gap:2px;margin-top:6px}.mini-block{height:6px;min-width:6px;flex:1 1 0;background:var(--line);border-radius:2px}.mini-block.visited{background:var(--accent)}.mini-block.error{background:var(--err)}.signal-stack{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sticker{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:11px;font-weight:700}.sticker.rage{background:#ffe1c0;color:#7a3902}.sticker.dead{background:#ecdcfa;color:#4d2186}.sticker.err{background:#ffd5d5;color:#7a1212}.sticker.uturn{background:#d5e7ff;color:#0e2d6c}.sticker.fast{background:#d6f4dd;color:#08502d}.sticker.convert{background:var(--ink);color:var(--accent-2)}.sticker.bot{background:#e2e6ed;color:#2a3142}.sticker.bot svg{margin-right:1px}.device-cell{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}.device-cell svg{color:var(--ink-3)}.duration-cell{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.row-arrow{color:var(--ink-3);transition:transform .15s,color .15s;display:flex;justify-content:flex-end}.session-row:hover .row-arrow{color:var(--accent);transform:translate(3px)}.identity-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);margin-bottom:14px;flex-wrap:wrap}.identity-card .ident-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em}.identity-card .ident-meta{font-size:11.5px;color:var(--ink-3);margin-top:2px}.session-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}@media(max-width:900px){.session-meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-tile{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-2);padding:10px 12px}.meta-tile .meta-label{font-size:10.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.meta-tile .meta-val{font-family:var(--font-display);font-size:16px;font-weight:600;margin-top:3px;letter-spacing:-.02em}.replay-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:18px;align-items:stretch;flex:1;min-height:0}@media(min-width:1600px){.replay-grid{grid-template-columns:minmax(0,2.4fr) minmax(420px,1fr)}}@media(min-width:2000px){.replay-grid{grid-template-columns:minmax(0,2.6fr) minmax(480px,1fr)}}@media(max-width:1180px){.replay-grid{grid-template-columns:1fr}}.replay-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.player-stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.player-stage .player{flex:1;min-height:0;align-items:center}.replay-main .timeline{flex:0 0 auto}.player-tab-badge{position:absolute;top:22px;left:22px;z-index:5;padding:4px 10px;background:#000000a6;color:#fff;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;box-shadow:0 1px 4px #00000059}.player-tab-badge[hidden]{display:none}.player{background:var(--ink);border-radius:var(--r-3);padding:14px;border:1.5px solid var(--ink);box-shadow:var(--shadow-md);display:flex;justify-content:center;min-height:240px}.player .empty{color:#fff9}.pv-caption{font-size:12.5px;color:var(--ink-3);margin-bottom:10px;font-family:var(--font-mono)}.timeline{margin-top:14px}.seg-label{position:absolute;inset:0;display:flex;align-items:center;gap:5px;padding:0 9px;font-family:var(--font-mono);font-size:11px;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.75);pointer-events:none;z-index:3}.seg-label .seg-num{font-weight:700;color:var(--accent-2);flex-shrink:0}.seg.active .seg-label .seg-num{color:#fff}.seg-label .seg-tab{flex-shrink:0;padding:0 5px;font-size:9.5px;font-weight:700;background:color-mix(in srgb,var(--info) 35%,transparent);color:#cfd9ff;border-radius:999px}.seg-label .seg-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.seg-label .seg-flag{flex-shrink:0;color:var(--accent-2)}.journey-bar{display:flex;gap:4px;height:64px;cursor:pointer;user-select:none;touch-action:none;background:#100c08;border-radius:10px;padding:9px 10px;border:1.5px solid #2a2218}.seg{position:relative;min-width:64px;background:#1c160e;border:1.5px solid transparent;border-radius:5px;overflow:hidden;transition:transform .15s,border-color .15s}.seg:hover{border-color:var(--accent-2)}.seg.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.seg-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 9%,transparent))}.seg-head{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);display:none;z-index:2}.seg.has-errors:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--err)}.seg-err,.seg-evt,.seg-rage,.seg-dead{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;pointer-events:auto;cursor:pointer;z-index:1}.seg-err{background:var(--err)}.seg-evt{background:var(--ok)}.seg-rage{background:var(--accent-2)}.seg-dead{background:#b79be0}.scrub-tip{position:fixed;z-index:10010;pointer-events:none;background:#14100cf5;color:#f3ebd9;padding:7px 11px;border-radius:7px;font-size:12px;font-family:var(--font-mono);display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 18px #00000059;max-width:min(420px,80vw)}.scrub-tip[hidden]{display:none}.scrub-tip .st-row{display:flex;gap:8px;align-items:center;white-space:nowrap}.scrub-tip .st-time{color:var(--accent-2);font-weight:700}.scrub-tip .st-icon{font-size:12px;opacity:.9}.scrub-tip .st-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.scrub-tip .st-hint{color:#f3ebd9b3;font-size:10.5px;white-space:normal}.seg-away{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--warn) 22%,transparent) 0 6px,transparent 6px 12px);pointer-events:auto;cursor:pointer;z-index:0}.journey-controls{margin-top:12px;display:flex;align-items:center;gap:12px}.jp-btn{background:var(--bg-elev);border:1.5px solid var(--ink);color:var(--ink);padding:7px 14px;border-radius:var(--r-2);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform .12s,box-shadow .12s}.jp-btn:hover{transform:translate(-1px,-1px);box-shadow:0 3px 0 var(--ink)}.jp-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}#jp-play{background:var(--accent);color:#fff}.jp-time{font-family:var(--font-mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}.topbar-help{width:30px;height:30px;border-radius:var(--r-pill);font-weight:700}.live-pill-host{display:inline-flex;align-items:center;gap:10px}.live-follow{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);cursor:pointer}.event-rail{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);display:flex;flex-direction:column;max-height:720px;overflow:hidden}.rail-head{padding:14px 16px 10px;border-bottom:1.5px solid var(--line-soft)}.rail-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.rail-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.rail-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-2);border:1.5px solid transparent;cursor:pointer}.rail-chip.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.rail-cnt{font-size:10px;font-weight:700;color:var(--ink-3)}.rail-chip.on .rail-cnt{color:var(--accent-ink)}.rail-list{flex:1;overflow-y:auto;padding:6px 0}.rail-empty{color:var(--ink-3);padding:18px 16px;font-size:13px}.panel-row{display:flex;align-items:baseline;gap:9px;padding:8px 14px;font-family:var(--font-mono);font-size:12px;cursor:pointer;border-left:3px solid transparent;transition:background .12s}.panel-row:hover{background:var(--bg-sunken)}.panel-row.active{background:var(--accent-soft);border-left-color:var(--accent)}.pr-time{color:var(--ink-3);flex-shrink:0;font-size:11px}.pr-tag{flex-shrink:0;text-transform:uppercase;font-size:9.5px;font-weight:700;letter-spacing:.03em;color:var(--ink-3)}.pr-tag.act-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;color:var(--accent)}.pr-tag.act-tag .ai{font-size:11px;line-height:1}.pr-tag.act-tag .pr-tag-label{letter-spacing:.03em}.pr-tag.act-tag.ak-navigate{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent)}.pr-tag.act-tag.ak-click{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.pr-tag.act-tag.ak-input{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pr-tag.act-tag.ak-wait{color:var(--ink-3)}.pr-tag.act-tag.ak-away{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.pr-tag.act-tag.ak-error{color:var(--err);background:color-mix(in srgb,var(--err) 12%,transparent)}.pr-tag.act-tag.ak-rage{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 16%,transparent)}.pr-tag.act-tag.ak-dead{color:#6f4fae;background:color-mix(in srgb,#b79be0 18%,transparent)}.pr-tag.act-tag.ak-identify{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent)}.pr-tag.act-tag.ak-track{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pr-tag.act-tag.ak-dblclick{color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.pr-tag.act-tag.ak-contextmenu{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.pr-tag.act-tag.ak-scroll{color:var(--ink-3);background:color-mix(in srgb,var(--ink-3) 10%,transparent)}.pr-tag.act-tag.ak-keypress{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.pr-tag.act-tag.ak-hover{color:var(--ink-3);background:color-mix(in srgb,var(--ink-2) 8%,transparent)}.pr-tag.act-tag.ak-drag{color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent)}.pr-tag.act-tag.ak-select{color:var(--info);background:color-mix(in srgb,var(--info) 10%,transparent)}.pr-tag.act-tag.ak-clipboard{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.act-error .pr-tag.act-tag,.pr-tag.err,.lvl-error{color:var(--err)}.lvl-warn{color:var(--warn)}.pr-tag.evt{color:var(--ok)}.pr-tag.rage{color:var(--accent-2)}.pr-tag.dead{color:#6f4fae}.pr-tag.uturn{color:var(--info)}.pr-status{flex-shrink:0;font-weight:700}.pr-status.ok{color:var(--ok)}.pr-status.bad{color:var(--err)}.pr-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.panel-row.cat-errors .pr-text,.panel-row.cat-console .pr-text{white-space:normal;overflow-wrap:anywhere}.pr-dur{flex-shrink:0;color:var(--ink-3)}.env-bar{margin:0 0 14px}.env-toggle{background:var(--bg-elev);border:1.5px solid var(--line);color:var(--ink-3);font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;margin-bottom:8px}.env-groups{display:flex;flex-wrap:wrap;gap:14px}.env-bar.collapsed .env-groups{display:none}.env-group{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.env-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:700;margin-right:2px}.env-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:12px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--bg-elev);color:var(--ink-2)}.env-chip.mono{font-family:var(--font-mono);font-size:11px}.env-chip.muted{color:var(--ink-3)}.env-chip.live{color:var(--ok);font-weight:700;border-color:#1aa46373;background:#d9f3e3}.env-chip.env-person{cursor:pointer;border-color:var(--accent);color:var(--accent);font-weight:600}.env-chip.env-person:hover{background:var(--accent-soft)}.analytics-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.an-card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);padding:18px 20px;position:relative;overflow:hidden}.an-card.wide{grid-column:span 8}.an-card.half{grid-column:span 6}.an-card.third{grid-column:span 4}.an-card.full{grid-column:span 12}@media(max-width:1100px){.an-card.wide,.an-card.half,.an-card.third{grid-column:span 12}}.an-card .card-h{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}.an-card .card-h h3{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.an-card .card-h .sub{font-size:12px;color:var(--ink-3)}.an-card .card-h .right{margin-left:auto}.chart-area{position:relative;height:200px;width:100%}.chart-bars{position:absolute;inset:0;display:flex;gap:5px;align-items:flex-end}.chart-bar{flex:1;min-width:4px;max-width:88px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%}.chart-bar .b1{background:var(--accent);border-radius:4px 4px 0 0;transition:height .4s cubic-bezier(.34,1.56,.64,1)}.chart-bar .b2{background:var(--accent-2);border-radius:4px 4px 0 0}.chart-bar:hover .b1,.chart-bar:hover .b2{filter:brightness(1.08)}.chart-baseline{position:absolute;left:0;right:0;bottom:0;border-top:1.5px dashed var(--line)}.chart-x{position:absolute;left:0;right:0;bottom:-22px;display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.weather-card{background:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 60%,var(--accent-2)) 100%);color:#fff;border-radius:var(--r-3);padding:22px;position:relative;overflow:hidden;border:1.5px solid var(--ink);box-shadow:var(--shadow-md);min-height:100%}.weather-card .eyebrow{color:#ffffffbf}.weather-state{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-top:8px}.weather-sub{font-size:13px;opacity:.9;margin-top:8px;line-height:1.45}.weather-peek{position:absolute;top:12px;right:14px}.bar-list{display:flex;flex-direction:column;gap:12px}.bar-list-row .bl-head{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.bar-list-row .bl-label{font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.bar-list-row .bl-val{color:var(--ink-3)}.bar-list-row .bl-pct{font-size:11px;opacity:.7;margin-left:3px}.bar-track{height:8px;background:var(--bg-sunken);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:4px}.bar-list-row.link{cursor:pointer}.bar-list-row.link:hover .bl-label{color:var(--accent)}.donut-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.donut-legend{display:flex;flex-direction:column;gap:8px;font-size:12.5px}.donut-legend>div{display:flex;align-items:center;gap:6px}.donut-legend .lg-val{margin-left:auto;font-family:var(--font-mono);color:var(--ink-3)}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}.settings-side{display:flex;flex-direction:column;gap:2px;position:sticky;top:80px}.settings-side button{background:transparent;border:none;cursor:pointer;text-align:left;padding:8px 12px;border-radius:var(--r-2);font-size:13px;font-weight:500;color:var(--ink-2);width:100%}.settings-side button.on{background:var(--ink);color:var(--bg-elev)}.settings-side button:hover:not(.on){background:var(--bg-sunken);color:var(--ink)}.project-card{padding:20px 22px}.project-card+.project-card{margin-top:14px}.project-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.project-head h3{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.project-head .sub{font-size:12px;color:var(--ink-3)}.setting-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line-soft);flex-wrap:wrap}.setting-row:last-child{border-bottom:none}.setting-row .sr-grow{flex:1;min-width:180px}.setting-row .sr-label{font-weight:600;font-size:13.5px}.setting-row .sr-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.toggle{width:38px;height:22px;background:var(--bg-sunken);border-radius:999px;position:relative;cursor:pointer;border:1.5px solid var(--line);transition:background .2s;flex-shrink:0;padding:0}.toggle:after{content:"";position:absolute;left:2px;top:1px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 2px #0003}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on:after{left:19px}.snippet-tabs{display:flex;gap:2px;margin-top:12px}.snippet-tab{background:transparent;border:1.5px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;padding:6px 14px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:color .12s,background .12s}.snippet-tab:hover{color:var(--ink)}.snippet-tab.on{background:#0e0a05;color:#fbf3e1;border-color:#0e0a05}.snippet-tabs+.snippet-block{margin-top:0;border-top-left-radius:0}.snippet-block{margin-top:12px;background:#0e0a05;color:#fbf3e1;border-radius:var(--r-2);padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;overflow-x:auto;position:relative}.snippet-block pre{margin:0;white-space:pre}.snippet-block .copy-btn{position:absolute;top:10px;right:10px;background:#ffffff14;color:#fff;border-color:#ffffff2e}.snippet-block .copy-btn:hover{background:#ffffff29;color:#fff}.fp-rewrite-block:has(.fp-steps){background:var(--paper, #faf6ee);color:var(--ink, #1a1408);font-family:var(--font-body);font-size:13.5px;line-height:1.55;padding:16px 20px 18px}.fp-steps{margin:0;padding:0 0 0 22px}.fp-steps>li{margin:0 0 14px;padding-left:4px}.fp-steps>li:last-child{margin-bottom:0}.fp-steps code{background:#0000000f;border-radius:4px;padding:1px 5px;font-size:12.5px}.fp-steps a{color:var(--accent, #4950f6);text-decoration:underline}.fp-code-wrap{position:relative;margin:10px 0 4px;background:#0e0a05;color:#fbf3e1;border-radius:var(--r-2);padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;overflow-x:auto}.fp-code-wrap pre{margin:0;white-space:pre}.fp-code-wrap .copy-btn{position:absolute;top:10px;right:10px;background:#ffffff14;color:#fff;border-color:#ffffff2e}.fp-code-wrap .copy-btn:hover{background:#ffffff29;color:#fff}.fp-curl{margin:8px 0 0;padding:8px 12px;background:#1a1408;color:#fbf3e1;border-radius:var(--r-2);font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.kv-grid{display:grid;grid-template-columns:150px 1fr;gap:6px 18px;font-size:13px}.kv-grid dt{color:var(--ink-3);padding-top:8px}.kv-grid dd{margin:0;padding-top:8px}.kv-grid code,.code-pill{font-family:var(--font-mono);font-size:12px;background:var(--bg-sunken);padding:3px 7px;border-radius:5px}.field-hint{font-size:11.5px;color:var(--ink-3);margin:6px 0 0}.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:4px 0 12px}.rc-field{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}.rc-field.rc-wide{grid-column:1 / -1}.rc-field input[type=number],.rc-field select{margin-left:auto;width:130px;height:30px}.rc-field input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.team-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line-soft)}.team-row:last-of-type{border-bottom:none}.team-add{display:flex;gap:10px;align-items:center;padding:14px 20px;background:var(--bg-sunken);flex-wrap:wrap}.fp-hero{display:flex;align-items:flex-end;gap:24px;padding:20px 24px 16px;background:linear-gradient(135deg,var(--bg-elev) 0%,color-mix(in srgb,var(--accent) 7%,var(--bg-elev)) 100%);border:1.5px solid var(--line);border-radius:var(--r-3);position:relative;overflow:hidden;margin-bottom:18px}.fp-hero h1{font-family:var(--font-display);font-size:32px;line-height:1;margin:0;letter-spacing:-.03em}.fp-hero-mascot{margin-left:auto;flex-shrink:0}@media(max-width:720px){.fp-hero{flex-direction:column;align-items:flex-start}.fp-hero-mascot{margin-left:0;align-self:flex-end}}.fp-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}@media(max-width:1100px){.fp-grid{grid-template-columns:1fr}}.fp-feature{padding:22px 24px}.fp-span2{grid-column:span 2}@media(max-width:1100px){.fp-span2{grid-column:span 1}}.fp-kv{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--line-soft);font-size:13px}.fp-kv:last-child{border-bottom:none}.fp-kv-label{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.fp-linked-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-sunken);border:1.5px solid var(--line);border-radius:var(--r-2);cursor:pointer;transition:background .12s,border-color .12s;font-size:12.5px}.fp-linked-row:hover{background:var(--bg-elev);border-color:var(--accent)}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.cluster-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-sunken);border:1.5px solid var(--line);border-radius:var(--r-2);cursor:pointer;transition:transform .12s,border-color .15s,background .15s;min-width:0}.cluster-card:hover{transform:translateY(-2px);border-color:var(--accent)}.cluster-dev-pill{font-size:10px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 7px;color:var(--ink-2);font-family:var(--font-mono)}.confidence-meter{position:relative;flex-shrink:0;display:grid;place-items:center}.confidence-meter .cm-num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.suggest-card{border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-elev));border-radius:var(--r-3);padding:16px 18px}.suggest-card+.suggest-card{margin-top:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.login-card{width:100%;max-width:420px;background:var(--bg-elev);border:1.5px solid var(--ink);border-radius:var(--r-4);padding:38px 32px 28px;box-shadow:var(--shadow-lg);position:relative}.login-card h1{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;margin:0 0 6px}.login-card .sub{color:var(--ink-3);font-size:13.5px;margin-bottom:22px}.login-peek{position:absolute;top:-64px;left:28px}.brand-row{display:flex;align-items:center;gap:10px;margin:28px 0 22px}.field-label{font-size:12px;font-weight:600;color:var(--ink-2);margin:12px 0 4px}.login-card input{height:44px;border-width:2px}.login-card .btn.primary{height:44px;width:100%;justify-content:center;font-size:14px;margin-top:18px}.login-foot{font-size:12px;color:var(--ink-3);margin-top:18px;text-align:center}.login-error{color:var(--err);font-size:13px;min-height:18px;margin-top:10px}.floating-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}.floating-blob.b1{width:280px;height:280px;background:var(--accent);top:10%;left:10%;animation:float-1 9s ease-in-out infinite}.floating-blob.b2{width:220px;height:220px;background:var(--accent-2);bottom:14%;right:14%;animation:float-2 11s ease-in-out infinite}@keyframes float-1{50%{transform:translate(40px,-30px) scale(1.1)}}@keyframes float-2{50%{transform:translate(-30px,30px) scale(.95)}}.hm-url{color:var(--ink-3);font-size:13px;margin:4px 0 12px;word-break:break-all;font-family:var(--font-mono)}.hm-meta{color:var(--ink-3);font-size:13px;margin-bottom:10px}.hm-pages-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.hm-page-pick{cursor:pointer}.hm-page-pick.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.hm-stage{position:relative;border:1.5px solid var(--line);border-radius:var(--r-2);overflow:hidden;background:#fff}.hm-player,.hm-canvas{position:absolute;top:0;left:0}.hm-canvas{pointer-events:none}.hm-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}@media(max-width:900px){.hm-layout{grid-template-columns:1fr}}.hm-variants{margin:0 0 10px;font-size:12px}.hm-variants summary{cursor:pointer;padding:4px 0}.hm-variants ul{margin:6px 0 0;padding-left:18px;list-style:disc}.hm-variants li{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.hm-variant-url{word-break:break-all}.hm-elements .card{padding:10px}.hm-el-section+.hm-el-section{margin-top:14px}.hm-el-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.hm-el-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:var(--r-2);text-align:left;font-size:12px;cursor:pointer}.hm-el-row:hover{background:var(--surface-2, #f6f7f9);border-color:var(--line)}.hm-el-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-kind{font-size:11px;opacity:.75}.hm-el-stats{font-size:11px;color:var(--ink-3);white-space:nowrap}.hm-pulse{position:absolute;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border:2px solid var(--accent, #ff5a2c);border-radius:50%;background:#ff5a2c2e;pointer-events:none;box-shadow:0 0 0 4px #ff5a2c26;z-index:5}.component-area-player{border:1px solid var(--line, #e6e2da);border-radius:6px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #00000005}.component-area-marker{position:absolute;width:44px;height:44px;border:3px solid var(--accent, #ff5a2c);border-radius:50%;background:#ff5a2c14;box-shadow:0 0 0 6px #ff5a2c2e,0 0 0 1px #ff5a2c8c inset;pointer-events:none;z-index:10;animation:component-area-pulse 1.6s ease-out infinite}@keyframes component-area-pulse{0%{box-shadow:0 0 0 6px #ff5a2c38,0 0 0 1px #ff5a2c8c inset}50%{box-shadow:0 0 0 14px #ff5a2c0f,0 0 0 1px #ff5a2c8c inset}to{box-shadow:0 0 0 6px #ff5a2c38,0 0 0 1px #ff5a2c8c inset}}.user-id{color:var(--accent);font-weight:600}.empty{color:var(--ink-3);padding:22px 0;font-size:13px}.sig{display:inline-block;border-radius:var(--r-pill);padding:1px 8px;margin-right:3px;font-size:11px;font-weight:700}.sig-err{background:#ffd5d5;color:#7a1212}.sig-rage{background:#ffe1c0;color:#7a3902}.sig-dead{background:#ecdcfa;color:#4d2186}.toast-host{position:fixed;bottom:var(--r-4);left:var(--r-4);display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;min-width:240px;max-width:380px;padding:10px 14px;border-radius:var(--r-2);background:var(--bg-elev);border:1.5px solid var(--ink);box-shadow:var(--shadow-md);font-size:13px;color:var(--ink);cursor:pointer;pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{flex-shrink:0;width:18px;height:18px;display:grid;place-items:center;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:#fff}.toast-info .toast-icon{background:var(--info)}.toast-success .toast-icon{background:var(--ok)}.toast-warn .toast-icon{background:var(--warn)}.toast-error .toast-icon{background:var(--err)}.copy-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-elev);border:1.5px solid var(--line);color:var(--ink-2);font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-1);cursor:pointer}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.loading{display:flex;align-items:center;gap:8px;color:var(--ink-3);padding:24px 0;font-size:13px}.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position-x:-200%}}.sk-line,.sk-replay{background:linear-gradient(90deg,var(--bg-sunken) 25%,#e7dcc2 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--r-1)}.sk-table{border:1.5px solid var(--line);border-radius:var(--r-3);overflow:hidden}.sk-row{padding:14px 16px;border-bottom:1.5px solid var(--line-soft);background:var(--bg-elev)}.sk-row .sk-line{height:14px;display:block}.sk-line{height:12px;width:100%;display:block}.sk-line.sk-lg{height:26px;width:55%}.sk-line.sk-md{height:14px;width:45%}.sk-line.sk-sm{height:10px;width:30%}.metric.sk,.card.sk{display:flex;flex-direction:column;gap:8px;padding:16px 18px}.sk-replay{width:100%;height:320px;border-radius:var(--r-2)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 18px;color:var(--ink-3)}.empty-icon{font-size:34px;opacity:.8}.empty-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--ink)}.empty-body{font-size:13px;max-width:420px}.empty-action{margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#1a140a8c;display:grid;place-items:center;z-index:1100;backdrop-filter:blur(2px)}.modal{background:var(--bg-elev);border:1.5px solid var(--ink);border-radius:var(--r-3);box-shadow:var(--shadow-lg);padding:24px;width:420px;max-width:92vw}.modal-wide{width:480px}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.modal-body{font-size:13px;color:var(--ink-2);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line-soft)}.shortcut-row:last-child{border-bottom:none}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.nav-spacer,.nav-section{display:none}.session-row{grid-template-columns:44px 1.4fr 1fr 70px}.session-row .url-cell,.session-row .device-cell,.session-row .row-arrow,.session-row.head>div:nth-child(3),.session-row.head>div:nth-child(5),.session-row.head>div:nth-child(7){display:none}.content{padding:18px 14px 80px}.crumbs{font-size:18px;max-width:100%}.kpis{grid-template-columns:1fr 1fr}}.replay-viewer{display:flex;flex-direction:column;position:relative;height:calc(100vh - 84px);min-height:480px;gap:12px;padding-bottom:52px}.replay-viewer-host.content{padding-bottom:22px}.replay-toolbar{display:flex;align-items:center;gap:10px;flex:0 0 auto}.replay-toolbar .live-pill-host{flex:1}.session-card .session-meta-grid{margin-bottom:12px}.session-card .session-meta-grid{grid-template-columns:repeat(2,1fr)}.session-card .env-bar{margin:0}.replay-side{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.session-card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);overflow:hidden}.session-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.session-head:hover{background:var(--bg-sunken)}.avatar.sm{width:28px;height:28px;border-radius:9px;font-size:11px}.session-head-text{display:flex;flex-direction:column;min-width:0;flex:1}.session-head-text .ident-name{font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-head-text .ident-meta{font-size:10.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-head-page{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-3);flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-head-page .sc-tab{font-family:var(--font-sans, inherit);font-weight:700;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:var(--r-pill);color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent)}.session-head-chev{font-size:12px;color:var(--ink-3);transition:transform .15s;flex-shrink:0}.session-card.collapsed .session-head-chev{transform:rotate(-90deg)}.session-card .session-body{padding:0 12px 12px;border-top:1.5px solid var(--line-soft)}.session-card.collapsed .session-body{display:none}.session-actions{display:flex;justify-content:flex-end;margin-top:8px}.event-rail{flex:1;min-height:0;max-height:none}.event-rail .rail-list{min-height:0}.rail-page-break{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:4px 0;background:var(--bg-sunken);border-top:1.5px solid var(--line-soft);border-bottom:1.5px solid var(--line-soft);font-size:11px;cursor:pointer;user-select:none}.rail-page-break:hover{background:var(--accent-soft)}.rail-page-break.active{background:var(--accent-soft);border-color:var(--accent)}.rail-page-break .pb-tab{font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:9.5px;color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent);padding:1px 6px;border-radius:var(--r-pill);flex-shrink:0}.rail-page-break .pb-num{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:10px;color:var(--accent);flex-shrink:0}.rail-page-break .pb-offset{font-size:10px;flex-shrink:0}.rail-page-break .pb-url{color:var(--ink-2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-page-break .pb-flag{font-size:10px;color:var(--info);flex-shrink:0}.rail-page-pending{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);padding:6px 14px 10px;font-style:italic}.panel-row.act-wait{color:var(--ink-2);border-left:3px solid var(--ink-4);background:color-mix(in srgb,var(--ink-4) 6%,transparent)}.panel-row.act-wait .pr-text{color:var(--ink-2);font-weight:500}.panel-row.act-wait .pr-dur{color:var(--ink-2);font-weight:600}.pr-tag.wait{color:var(--ink-2)}.panel-row.act-wait.act-wait-medium{border-left-color:#d99425;background:color-mix(in srgb,#d99425 8%,transparent)}.panel-row.act-wait.act-wait-medium .pr-text,.panel-row.act-wait.act-wait-medium .pr-dur{color:#b07515}.panel-row.act-wait.act-wait-long{border-left-color:#c0392b;background:color-mix(in srgb,#c0392b 10%,transparent)}.panel-row.act-wait.act-wait-long .pr-text,.panel-row.act-wait.act-wait-long .pr-dur{color:#962d22}body.replay-skip-waits .panel-row.act-wait{opacity:.6}.panel-row.act-away .pr-body{display:none;padding:6px 14px 10px 36px;font-size:11.5px;color:var(--ink-3);border-top:1px dashed var(--line-soft);background:var(--bg)}.panel-row.act-away.open .pr-body{display:block}.panel-row.act-away .pr-raw{display:flex;gap:9px;align-items:baseline;padding:2px 0}.panel-row.act-away .pr-raw-name{color:var(--ink-2)}.panel-row.act-away .pr-raw-empty{font-style:italic;color:var(--ink-3)}.pill-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elev);border:1.5px solid var(--ink);color:var(--ink-2);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pill-toggle:hover{border-color:var(--accent)}.pill-toggle .pill-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;background:transparent;transition:background .15s}.pill-toggle.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.pill-toggle.on .pill-dot{background:var(--accent);border-color:var(--accent)}.pill-toggle .pill-label{white-space:nowrap}.diagnostics-drawer{position:absolute;left:0;right:0;bottom:0;z-index:8;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:0 -8px 24px #0000000f}.diag-bar{display:flex;align-items:stretch;gap:4px;padding:6px 10px;background:var(--bg-elev)}.diag-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit}.diag-toggle:hover{background:var(--bg-sunken);border-radius:var(--r-pill)}.diag-chev{font-size:12px;color:var(--ink-3);width:12px;display:inline-block}.diag-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.diag-tabs{display:flex;gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap}.diag-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-2);border:1.5px solid transparent;cursor:pointer}.diag-tab.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.diag-cnt{font-size:10px;font-weight:700;color:var(--ink-3)}.diag-tab.on .diag-cnt{color:var(--accent-ink)}.diag-body{max-height:min(40vh,360px);overflow-y:auto;border-top:1.5px solid var(--line-soft);padding:4px 0}.diagnostics-drawer.collapsed .diag-body{display:none}.diag-scope{display:flex;gap:6px;padding:8px 14px 4px;flex-wrap:wrap;position:sticky;top:0;background:var(--bg-elev);z-index:2;border-bottom:1px solid var(--line-soft)}.diag-scope-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-2);border:1.5px solid transparent;cursor:pointer}.diag-scope-chip.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.net-filters{display:flex;gap:6px;padding:6px 14px;flex-wrap:wrap;position:sticky;top:36px;background:var(--bg-elev);z-index:1;border-bottom:1px solid var(--line-soft)}.net-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-2);border:1.5px solid transparent;cursor:pointer}.net-chip.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.panel-row.expandable{display:block;padding:0}.panel-row.expandable .pr-head{display:flex;align-items:baseline;gap:9px;padding:8px 14px;cursor:pointer}.panel-row.expandable .pr-head:hover{background:var(--bg-sunken)}.panel-row.expandable .pr-chev{font-size:11px;color:var(--ink-3);margin-left:auto;transition:transform .15s}.panel-row.expandable.open .pr-chev{transform:rotate(90deg)}.panel-row.expandable .net-detail{display:none;padding:0 14px 12px 36px;border-top:1px dashed var(--line-soft);font-size:12px;color:var(--ink-2)}.panel-row.expandable.open .net-detail{display:block;background:var(--bg)}.net-meta{display:flex;flex-direction:column;gap:2px;margin:8px 0;font-size:11.5px;color:var(--ink-3)}.net-url{color:var(--info);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.net-url:hover{text-decoration:underline}.net-section{margin-top:10px}.net-section-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);display:flex;align-items:center;gap:8px}.net-ct{font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-3);font-size:10.5px}.net-trunc{font-size:10.5px;color:var(--warn)}.net-body{margin:4px 0 0;padding:8px 10px;background:var(--bg-sunken);border:1px solid var(--line-soft);border-radius:var(--r-1);font-size:11.5px;overflow-x:auto;max-height:220px;white-space:pre}.net-empty{margin:4px 0 0;font-size:11.5px;color:var(--ink-3);font-style:italic}.pr-tag.net-init{text-transform:uppercase;font-size:9.5px;letter-spacing:.04em;padding:1px 5px;border-radius:4px}.pr-tag.net-init.init-fetch{background:color-mix(in srgb,var(--info) 18%,transparent);color:var(--info)}.pr-tag.net-init.init-xhr{background:color-mix(in srgb,var(--accent-2) 18%,transparent);color:var(--accent-2)}.pr-tag.net-init.init-beacon{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.pr-status.unset{color:var(--ink-3)}.pr-status.info{color:var(--info)}.pr-status.warn{color:var(--warn)}.net-split{display:grid;grid-template-columns:1fr;min-height:0;height:100%}.net-split.has-detail{grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr)}.net-split .net-list{min-width:0;overflow-y:auto;max-height:calc(min(40vh,360px) - 50px);border-right:1.5px solid var(--line-soft)}.net-split.has-detail .net-list .pr-text{max-width:100%}.panel-row.net-row{cursor:pointer}.panel-row.net-row.active{background:var(--accent-soft);border-left-color:var(--accent)}.net-detail-pane{display:flex;flex-direction:column;min-width:0;background:var(--bg-elev);border-left:1.5px solid var(--line);overflow:hidden}.net-detail-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1.5px solid var(--line-soft);background:var(--bg)}.net-detail-tabs{display:flex;gap:2px}.net-detail-tab{padding:4px 10px;font-size:11.5px;font-weight:600;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;color:var(--ink-2)}.net-detail-tab.on{color:var(--accent);border-bottom-color:var(--accent)}.net-detail-tools{margin-left:auto;display:flex;gap:6px;align-items:center}.net-detail-curl{padding:3px 10px;border:1.5px solid var(--line);background:var(--bg-elev);color:var(--ink);font-size:11.5px;font-weight:600;border-radius:var(--r-pill);cursor:pointer}.net-detail-curl:hover{background:var(--accent-soft);border-color:var(--accent)}.net-detail-close{width:22px;height:22px;border-radius:50%;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:var(--ink-3)}.net-detail-close:hover{background:var(--bg-sunken);color:var(--ink)}.net-detail-body{flex:1;overflow-y:auto;padding:12px 14px 18px;max-height:calc(min(40vh,360px) - 50px)}.net-sec{margin:0 0 14px}.net-sec h4{margin:0 0 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.net-kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-size:11.5px}.net-kv dt{color:var(--ink-3);font-weight:600;white-space:nowrap}.net-kv dd{margin:0;color:var(--ink);overflow-wrap:anywhere;word-break:break-all}.net-kv dd.ok{color:var(--ok)}.net-kv dd.bad{color:var(--err)}.net-kv dd.warn{color:var(--warn)}.net-kv dd.info{color:var(--info)}.net-kv a{color:var(--info);text-decoration:none}.net-kv a:hover{text-decoration:underline}.pr-tag.gtm{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent);padding:1px 6px;border-radius:4px;text-transform:lowercase}.pr-tag.ga4{color:#b95cff;background:color-mix(in srgb,#b95cff 14%,transparent);padding:1px 6px;border-radius:4px;letter-spacing:.04em}.pr-tag.storage{color:#2c8a6a;background:color-mix(in srgb,#2c8a6a 14%,transparent);padding:1px 6px;border-radius:4px;text-transform:lowercase}.gtm-pane{display:flex;gap:0;min-height:320px;border-top:1px solid var(--line-soft)}.gtm-rail{flex:0 0 280px;max-width:280px;overflow-y:auto;border-right:1px solid var(--line-soft);background:var(--bg-sunken)}.gtm-rail-empty{padding:24px 16px;color:var(--ink-3);font-style:italic}.gtm-rail-row{display:grid;grid-template-columns:52px auto 1fr auto;align-items:baseline;gap:8px;padding:6px 10px 6px 8px;border-left:3px solid transparent;border-bottom:1px solid color-mix(in srgb,var(--line-soft) 50%,transparent);font-size:12px;cursor:pointer;color:var(--ink-2)}.gtm-rail-row:hover{background:var(--bg)}.gtm-rail-row.selected{background:color-mix(in srgb,var(--accent-2) 12%,transparent);border-left-color:var(--accent-2);color:var(--ink)}.gtm-rail-row .gtm-rail-time{font-size:11px;color:var(--ink-3)}.gtm-rail-row .gtm-rail-src{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);padding:1px 4px;border-radius:3px;background:color-mix(in srgb,var(--accent-2) 14%,transparent)}.gtm-rail-row .gtm-rail-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-rail-row .gtm-rail-detail{font-size:11px;color:var(--ink-3)}.gtm-rail-row.src-snapshot .gtm-rail-name{font-style:italic}.gtm-rail-row.src-state{opacity:.7}.gtm-rail-pagebreak{display:flex;align-items:baseline;gap:8px;padding:8px 10px 4px;margin-top:4px;font-size:11px;border-bottom:1px solid var(--line-soft);background:var(--bg)}.gtm-rail-pagebreak:first-child{margin-top:0}.gtm-rail-pb-num{font-weight:600;color:var(--ink)}.gtm-rail-pb-url{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-detail{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.gtm-subtabs{position:sticky;top:0;z-index:1;background:var(--bg);border-bottom:1px solid var(--line-soft);padding:4px 8px 0}.gtm-detail-body{flex:1;overflow-y:auto;padding:12px 14px}.gtm-section-h{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:14px 0 6px}.gtm-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gtm-summary-card{border:1px solid var(--line-soft);border-radius:var(--r-2, 6px);padding:10px 12px;background:var(--bg-sunken)}.gtm-card-val{font-size:22px;font-weight:600;color:var(--ink)}.gtm-card-lbl{font-size:11px;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.gtm-summary-recent .gtm-recent-row{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:baseline;padding:6px 4px;border-bottom:1px solid color-mix(in srgb,var(--line-soft) 50%,transparent);cursor:pointer;font-size:12px}.gtm-summary-recent .gtm-recent-row:hover{background:var(--bg-sunken)}.gtm-recent-name{font-weight:500}.gtm-tag-row .pr-head{display:grid;grid-template-columns:1fr auto auto 12px;gap:12px}.gtm-tag-name{font-weight:600;color:var(--ink)}.gtm-tag-count{font-size:11px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent);padding:1px 6px;border-radius:4px}.gtm-tag-span{font-size:11px}.gtm-event-fire{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:4px 0;cursor:pointer;font-size:12px}.gtm-event-fire:hover{background:var(--bg-sunken)}.gtm-fire-vars{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-var-row .pr-head{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) auto 12px;gap:12px}.gtm-var-key{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-var-cur{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-var-meta{font-size:11px}.gtm-var-write{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:3px 0;cursor:pointer;font-size:12px}.gtm-var-write:hover{background:var(--bg-sunken)}.gtm-var-val{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtm-scope-event{margin-left:8px}.ctx-menu{position:fixed;z-index:1200;min-width:220px;padding:4px;background:var(--bg-elev);border:1.5px solid var(--ink);border-radius:var(--r-2);box-shadow:var(--shadow-lg);font-size:13px;animation:ctx-pop .08s ease-out}@keyframes ctx-pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.ctx-item{display:flex;align-items:center;width:100%;gap:12px;padding:8px 10px;background:transparent;border:0;border-radius:var(--r-1);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.ctx-item:hover,.ctx-item:focus-visible{background:var(--accent-soft);outline:none}.ctx-label{flex:1}.ctx-hint{font-size:11px;color:var(--ink-3)}.share-modal .modal-body{display:flex;flex-direction:column;gap:12px}.share-modal .rc-field.rc-wide{display:flex;flex-direction:column;gap:6px}.share-modal .rc-label{font-size:12px;font-weight:600;color:var(--ink)}.share-modal .rc-opt{font-weight:400;color:var(--ink-3)}.share-modal textarea,.share-modal input[type=number],.share-modal input[type=text]{width:100%;font-family:var(--font-mono);font-size:12.5px;padding:8px 10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-1);outline:none;transition:border-color .12s}.share-modal textarea{resize:vertical;min-height:72px}.share-modal textarea:focus,.share-modal input:focus{border-color:var(--accent)}.share-lede{margin:0;font-size:13px;color:var(--ink-2)}.share-url-row{display:flex;align-items:center;gap:8px}.share-url{flex:1}body.replay-fullscreen{overflow:hidden}body.replay-fullscreen .replay-main{position:fixed;inset:0;z-index:9990;background:#000;display:flex;align-items:center;justify-content:center;padding:0;margin:0}body.replay-fullscreen #player{background:#000;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0;width:auto}body.replay-fullscreen .sidebar,body.replay-fullscreen .topbar,body.replay-fullscreen .replay-toolbar,body.replay-fullscreen .replay-side,body.replay-fullscreen .diagnostics-drawer{display:none!important}body.replay-fullscreen #timeline{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#080604d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 28px 18px;margin:0;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}body.replay-fullscreen.replay-cursor-active #timeline{opacity:1;transform:translateY(0);pointer-events:auto}body.replay-fullscreen #timeline .journey-bar{background:#ffffff0f;border-color:#ffffff14}body.replay-fullscreen .journey-controls{color:#f3ebd9}body.replay-fullscreen .jp-btn{background:#ffffff14;color:#f3ebd9;border-color:#ffffff1f}body.replay-fullscreen .jp-btn:hover{background:#ffffff2e}body.replay-fullscreen .pill-toggle{background:#ffffff14;color:#f3ebd9;border-color:#ffffff2e}body.replay-fullscreen .pill-toggle.on{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}body.replay-fullscreen .jp-time{color:#ffffffb3}body.replay-fullscreen:not(.replay-cursor-active){cursor:none}body.replay-fullscreen:not(.replay-cursor-active) *{cursor:none!important}.panel-row.cat-errors .pr-body{display:none;padding:8px 14px 12px 36px;border-top:1px dashed var(--line-soft);background:var(--bg)}.panel-row.cat-errors.open .pr-body{display:block}.err-stack{margin:0 0 8px;padding:8px 10px;background:var(--bg-sunken);border:1px solid var(--line-soft);border-radius:var(--r-1);font-size:11.5px;color:var(--ink-2);white-space:pre-wrap;word-break:break-all;max-height:240px;overflow:auto}.err-empty{margin:0 0 8px;font-size:12px;color:var(--ink-3)}.err-unwind-btn{margin:0}.err-unwound{margin-top:10px}.err-unwound-head{font-size:11.5px;color:var(--ink-3);margin-bottom:6px}.err-unwound-head strong{color:var(--accent-ink);font-weight:600}.err-frames{display:flex;flex-direction:column;gap:3px}.err-frame{display:flex;align-items:baseline;gap:10px;padding:4px 8px;font-size:11.5px;border-radius:var(--r-1);background:var(--bg-elev);border:1px solid var(--line-soft)}.err-frame.ok{border-color:color-mix(in oklab,var(--ok) 30%,var(--line-soft))}.err-frame.raw{border-style:dashed;color:var(--ink-3)}.err-frame-fn{color:var(--ink);font-weight:500;min-width:8em}.err-frame.raw .err-frame-fn{color:var(--ink-2)}.err-frame-loc{color:var(--info);word-break:break-all}.err-frame.raw .err-frame-loc{color:var(--ink-3)}.err-frame-reason{color:var(--warn);margin-left:auto;font-style:italic}.issue-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px}.issue-filter-sep{color:var(--ink-3);padding:0 4px}.issue-list{display:flex;flex-direction:column;gap:6px}.issue-row{display:grid;grid-template-columns:auto auto minmax(0,1.6fr) minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-2);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .1s ease,box-shadow .1s ease,transform .1s ease}.issue-row:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.issue-row:active{transform:translateY(1px)}.issue-target-pair{display:flex;flex-direction:column;gap:3px;min-width:0}.issue-target-pair .issue-target{font-weight:600;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-target-pair .issue-url,.issue-target-pair .issue-subtitle{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-row .issue-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.issue-row .issue-stats .users-hero{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.issue-row .issue-stats .users-hero small{font-size:11px;font-weight:500;color:var(--ink-3);margin-left:4px;letter-spacing:0}.issue-row:hover{background:var(--bg-sunken);border-color:var(--line)}.issue-target{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-url{color:var(--ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-stats{color:var(--ink-2);font-size:12px}.issue-resolved{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:color-mix(in oklab,var(--ok) 18%,transparent);color:var(--ok)}.issue-card{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.issue-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.issue-target-big{margin:0;font-size:22px;font-weight:700}.issue-meta{display:flex;gap:14px;font-size:12px;flex-wrap:wrap}.issue-key{font-size:11.5px;word-break:break-all}.issue-samples{display:flex;flex-direction:column;gap:6px}.issue-sample{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:var(--r-1);background:var(--bg-elev);cursor:pointer;font:inherit;color:inherit;text-align:left}.issue-sample:hover{background:var(--bg-sunken)}.sticker.dead{background:color-mix(in oklab,var(--ink-3) 15%,transparent);color:var(--ink-2)}.sticker.error,.sticker.console-error{background:color-mix(in oklab,var(--err) 16%,var(--bg-elev));color:color-mix(in oklab,var(--err) 65%,var(--ink))}.sticker.xhr-fail{background:color-mix(in oklab,var(--err) 12%,var(--bg-elev));color:color-mix(in oklab,var(--err) 70%,var(--ink))}.sticker.xhr-slow{background:color-mix(in oklab,var(--warn) 18%,var(--bg-elev));color:color-mix(in oklab,var(--warn) 70%,var(--ink))}.sticker.lcp,.sticker.cls,.sticker.lt{background:color-mix(in oklab,var(--info) 12%,var(--bg-elev));color:color-mix(in oklab,var(--info) 65%,var(--ink))}.sev-pill{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.06em;flex-shrink:0}.sev-p0{background:var(--err);color:#fff;box-shadow:0 0 0 3px color-mix(in oklab,var(--err) 18%,transparent)}.sev-p1{background:color-mix(in oklab,var(--err) 75%,var(--warn));color:#fff}.sev-p2{background:var(--warn);color:#fff}.sev-p3{background:var(--bg-sunken);color:var(--ink-3);border:1px solid var(--line)}.issue-trend{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1;width:18px;text-align:center;flex-shrink:0}.issue-trend.rising{color:var(--warn)}.issue-trend.stable{color:var(--ink-3)}.issue-trend.cooling{color:var(--ink-3);opacity:.45}.issue-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:22px 24px;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);margin-bottom:16px;box-shadow:var(--shadow-sm)}.issue-hero-main{display:flex;flex-direction:column;gap:10px;min-width:0}.issue-hero-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.issue-hero-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0;color:var(--ink);word-break:break-word}.issue-hero-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-3);margin-top:2px}.issue-hero-meta strong{color:var(--ink-2);font-weight:600}.issue-hero-side{display:flex;align-items:flex-start;gap:8px}.issue-counts{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin-bottom:16px}@media(max-width:1100px){.issue-counts{grid-template-columns:1fr 1fr}}.issue-kpi{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.issue-kpi.hero{background:var(--ink);color:#fff;border-color:var(--ink)}.issue-kpi-label{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em}.issue-kpi.hero .issue-kpi-label{color:#ffffffad}.issue-kpi-val{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.issue-kpi.hero .issue-kpi-val{font-size:38px;color:#fff}.issue-explainer{display:flex;gap:10px;padding:12px 14px;background:color-mix(in oklab,var(--info) 8%,var(--bg-elev));border:1px solid color-mix(in oklab,var(--info) 20%,var(--line));border-radius:var(--r-2);font-size:13px;color:var(--ink-2);margin-bottom:16px}.issue-tabs{display:flex;gap:0;margin:18px 0 14px;border-bottom:1.5px solid var(--line);flex-wrap:wrap}.issue-tab{background:none;border:none;font:inherit;cursor:pointer;padding:10px 16px;margin-bottom:-1.5px;color:var(--ink-3);border-bottom:2px solid transparent;font-weight:600;font-size:13.5px;transition:color .1s ease,border-color .1s ease}.issue-tab:hover{color:var(--ink-2)}.issue-tab.on{color:var(--ink);border-bottom-color:var(--accent)}.reach-headline{font-family:var(--font-display);font-size:13px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.reach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.reach-col h3{margin:0 0 8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.reach-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;padding:5px 0;font-size:13px}.reach-key{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reach-bar{display:block;height:8px;background:var(--bg-sunken);border-radius:var(--r-pill);overflow:hidden}.reach-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--r-pill)}.reach-count{color:var(--ink-2);font-family:var(--font-display);font-variant-numeric:tabular-nums}.component-list{display:flex;flex-direction:column;gap:6px}.component-row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--r-1);text-align:left;cursor:pointer;font:inherit;color:inherit}.component-row:hover{background:var(--bg-sunken);border-color:var(--line)}.component-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-role{font-size:11.5px}.component-stats{font-size:12px;color:var(--ink-2)}.component-friction{display:flex;gap:4px}.component-card{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:16px 18px}.component-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.component-name{margin:0;font-size:22px;font-weight:700;line-height:1.25;flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.component-role{flex-shrink:0;align-self:flex-start;padding:3px 9px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px}.component-key{font-size:11.5px;word-break:break-all}.component-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}.component-footnote{font-size:11.5px;margin-top:4px}.kv-table{width:100%;border-collapse:collapse}.kv-table td{padding:8px 4px;border-bottom:1px dashed var(--line-soft);font-size:12.5px}.kv-table tr:last-child td{border-bottom:none}.kv-table td.right{text-align:right;color:var(--ink-2);font-weight:600}.funnel-builder{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}@media(max-width:1000px){.funnel-builder{grid-template-columns:1fr}}.funnel-edit{display:flex;flex-direction:column;gap:12px}.funnel-preview{position:sticky;top:16px;align-self:start}.funnel-step-row{display:grid;grid-template-columns:auto 110px 1fr auto;gap:8px;align-items:center;margin-bottom:6px}.funnel-step-idx{color:var(--ink-3);font-size:12px;width:22px}.funnel-save-row{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}.funnel-step-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.funnel-step-pageid{font-family:var(--font-mono);max-width:180px}.funnel-steps-tip{margin-left:auto;font-size:11px;font-weight:500;letter-spacing:0;cursor:help}.funnel-preview-body{display:flex;flex-direction:column;gap:10px}.funnel-since{font-size:11.5px;margin-bottom:6px}.funnel-bar-row{display:flex;flex-direction:column;gap:4px}.funnel-bar-head{display:flex;justify-content:space-between;font-size:12.5px;align-items:baseline}.funnel-bar{background:var(--bg-sunken);border-radius:3px;height:14px;overflow:hidden}.funnel-bar-fill{background:var(--accent);height:100%;transition:width .2s ease}.funnel-actions{display:flex;gap:8px}.form-section{margin-bottom:14px}.form-table{margin-top:6px}.form-table th{text-align:left;padding:6px 4px;color:var(--ink-3);font-weight:600;font-size:11.5px;border-bottom:1px solid var(--line-soft)}.form-table th.right,.form-table td.right{text-align:right}.form-field-label{font-weight:600}.form-cell-warn{color:var(--warn)}.form-cell-bad{color:var(--err);font-weight:600}.form-kind-badge{display:inline-block;font-size:9px;line-height:1;padding:2px 5px;border-radius:3px;margin-right:5px;vertical-align:1px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.form-kind-badge.form-kind-button{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.form-section-form{font-size:12px;color:var(--ink-2)}.alert-row.alert-paused{opacity:.5}.alert-actions{display:flex;gap:6px;justify-content:flex-end}.alert-form-card{margin-top:12px;display:flex;flex-direction:column;gap:8px}.btn.warn{border-color:color-mix(in oklab,var(--err) 40%,var(--line-soft));color:var(--err)}.btn.warn:hover{background:color-mix(in oklab,var(--err) 8%,transparent)}.search-matches{display:flex;flex-direction:column;gap:3px;margin-top:6px}.search-match{display:flex;align-items:baseline;gap:8px;font-size:11.5px}.search-match-source{flex:0 0 auto;display:inline-block;min-width:56px;padding:1px 6px;border-radius:3px;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--bg-sunken);color:var(--ink-3);text-align:center}.search-match-error .search-match-source{background:color-mix(in oklab,var(--err) 18%,transparent);color:var(--err)}.search-match-click .search-match-source,.search-match-input .search-match-source{background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent-ink)}.search-match-track .search-match-source{background:color-mix(in oklab,var(--info) 18%,transparent);color:var(--info)}.search-match-text{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.search-hit{background:color-mix(in oklab,var(--accent-2) 50%,transparent);color:var(--accent-ink);border-radius:2px;padding:0 2px}.topbar-search{position:relative}.suggest-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-2, 8px);box-shadow:var(--shadow-md);max-height:520px;overflow-y:auto;padding:6px 0}.suggest-empty{padding:12px 14px;color:var(--ink-3);font-size:13px}.suggest-group+.suggest-group{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:4px}.suggest-group-label{padding:6px 14px 2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.suggest-item{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:10px;width:100%;padding:6px 14px;background:transparent;border:0;text-align:left;font:inherit;font-size:13px;color:inherit;cursor:pointer}.suggest-item:hover,.suggest-item.active{background:var(--bg-sunken)}.suggest-icon{font-size:14px;width:22px;text-align:center;color:var(--ink-3)}.suggest-kind{color:var(--ink-3);font-size:12px;white-space:nowrap}.suggest-value{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.suggest-hit{background:color-mix(in oklab,var(--accent-2) 55%,transparent);color:var(--accent-ink);border-radius:2px;padding:0 1px}.suggest-count{font-size:11px;font-weight:600;color:var(--ink-3);background:var(--bg-sunken);padding:1px 8px;border-radius:999px;white-space:nowrap}.suggest-item.active .suggest-count{background:var(--accent-soft);color:var(--accent-ink)}.suggest-more{display:flex;align-items:center;gap:6px;width:100%;padding:4px 14px 4px 38px;background:transparent;border:0;text-align:left;font:inherit;font-size:12px;color:var(--ink-3);cursor:pointer}.suggest-more:hover{color:var(--accent-ink);background:var(--bg-sunken)}.suggest-more-arrow,.suggest-more-count{color:var(--ink-3)}.suggest-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 14px;margin-top:4px;border:0;border-top:1px solid var(--line-soft);background:var(--bg-sunken);font:inherit;font-size:13px;color:var(--ink-2);text-align:left;cursor:pointer}.suggest-footer:hover{background:var(--accent-soft);color:var(--accent-ink)}.suggest-footer strong{color:var(--accent-ink)}.suggest-footer-meta{color:var(--ink-3);font-size:11.5px;white-space:nowrap}.suggest-dropdown{min-width:460px}.search-wrap.query-builder{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 12px 4px 36px;min-height:36px;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-2);transition:border-color .15s,box-shadow .15s}.search-wrap.query-builder:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.search-wrap.query-builder input#f-q{flex:1;min-width:140px;height:auto;border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);outline:none;padding:0;-webkit-appearance:none;appearance:none}.search-wrap.query-builder input#f-q::-webkit-search-cancel-button,.search-wrap.query-builder input#f-q::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-wrap.query-builder input#f-q:focus{box-shadow:none;border-color:transparent}.filter-chips-inline{display:contents}.filter-chips-inline:empty{display:none}.filter-chip-builder{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 8px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;font-size:12px;white-space:nowrap;max-width:360px}.filter-chip-builder .filter-chip-kind{font-weight:600;opacity:.8}.filter-chip-builder .filter-chip-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.filter-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;padding:0;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:14px;line-height:1;cursor:pointer;border-radius:50%}.filter-chip-x:hover{background:color-mix(in oklab,var(--accent) 18%,transparent)}.suggest-dropdown.filter-suggest{top:calc(100% + 4px);left:0;right:0;min-width:0}.empty-diag-wrap{display:flex;justify-content:center;margin:14px 0 24px}.empty-diag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-sunken);border:1px dashed var(--line);border-radius:var(--r-1);font:inherit;cursor:pointer}.empty-diag:hover{background:var(--accent-soft);border-color:var(--accent)}.empty-diag-label{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.empty-diag code{font-size:12px;color:var(--ink-2)}.segments-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.segments-bar:empty{display:none}.segment-chip{display:inline-flex;align-items:center;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg-elev);overflow:hidden}.segment-chip.on{border-color:var(--accent);background:var(--accent-soft)}.segment-chip-apply{padding:4px 12px;background:transparent;border:none;font:inherit;font-size:12px;color:inherit;cursor:pointer}.segment-chip-apply:hover{background:var(--bg-sunken)}.segment-chip.on .segment-chip-apply{color:var(--accent-ink);font-weight:600}.segment-chip-del{padding:4px 8px 4px 4px;background:transparent;border:none;border-left:1px solid var(--line-soft);font:inherit;font-size:13px;color:var(--ink-3);cursor:pointer}.segment-chip-del:hover{background:var(--bg-sunken);color:var(--err)}.dest-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.dest-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;font-size:24px}.dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.dest-card{padding:16px;display:flex;flex-direction:column;gap:10px}.dest-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dest-name{font-weight:600;font-size:15px;font-family:var(--font-display);letter-spacing:-.01em}.dest-url{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg-sunken);padding:4px 8px;border-radius:6px}.dest-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px;font-size:12px;color:var(--ink)}.dest-meta .muted{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:1px}.dest-err{font-size:12px;color:var(--err);background:color-mix(in srgb,var(--err) 8%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--err) 25%,var(--line));border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px}.dest-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dest-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink-2)}.dest-pill-shape{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.dest-pill-target{background:var(--bg-sunken)}.dest-pill-live{background:color-mix(in srgb,var(--ok) 14%,var(--bg-elev));color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}.dest-pill-behind{background:color-mix(in srgb,var(--warn) 14%,var(--bg-elev));color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}.dest-pill-error{background:color-mix(in srgb,var(--err) 14%,var(--bg-elev));color:var(--err);border-color:color-mix(in srgb,var(--err) 30%,var(--line))}.dest-pill-paused{background:var(--bg-sunken);color:var(--ink-3)}.dest-pill-idle{color:var(--ink-3)}.dest-pill svg{width:11px;height:11px}.dest-empty{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center}.dest-editor input[type=text],.dest-editor input[type=url],.dest-editor input[type=number],.dest-editor select{border:1.5px solid var(--line);border-radius:8px;padding:7px 10px;font-family:var(--font-sans);font-size:13px;background:var(--bg-elev);min-width:280px}.dest-editor input[type=url],.dest-editor input[type=text]{min-width:320px}.dest-editor .setting-row{padding:12px 0}.dest-tip{padding:12px 14px;background:color-mix(in srgb,var(--accent) 6%,var(--bg-elev));border-color:color-mix(in srgb,var(--accent) 25%,var(--line));font-size:12.5px}.dest-tip code{font-family:var(--font-mono);font-size:11px;background:var(--bg-sunken);padding:1px 5px;border-radius:4px}.dest-sample{display:flex;flex-direction:column;gap:12px}.dest-sample-rows{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--bg)}.dest-row{border-bottom:1px dashed var(--line-soft);padding:6px 4px}.dest-row:last-child{border-bottom:none}.dest-row summary{cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--ink);padding:2px 4px}.dest-row summary:hover{color:var(--accent-ink)}.dest-row pre{margin:6px 0 0;padding:10px;background:var(--bg-elev);border-radius:8px;font-family:var(--font-mono);font-size:11.5px;overflow:auto;max-height:280px}.dest-snippet{position:relative;background:#241f17;color:#f7eed8;border-radius:10px;padding:12px 14px;font-family:var(--font-mono);font-size:11.5px;overflow:auto}.dest-snippet pre{margin:0;white-space:pre}.dest-snippet .copy-btn{position:absolute;top:6px;right:6px;background:#ffffff14;color:#f7eed8;border:1px solid rgba(255,255,255,.16)}.dest-snippet .copy-btn:hover{background:#ffffff29}.dest-result{display:flex;flex-direction:column;gap:10px}.dest-result-head{display:flex;align-items:center;gap:10px;font-size:13px}.dest-result-ok{color:var(--ok);font-weight:600;display:inline-flex;align-items:center;gap:4px}.dest-result-err{color:var(--err);font-weight:600;display:inline-flex;align-items:center;gap:4px}.dest-response{margin:0;background:var(--bg-sunken);padding:10px;border-radius:8px;font-family:var(--font-mono);font-size:11.5px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.settings-side button[data-section=export] svg{vertical-align:-2px}.dest-target-radios{display:flex;gap:8px}.dest-target-radio{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg-elev);font-size:13px;cursor:pointer;transition:background .12s,border-color .12s}.dest-target-radio input{margin:0}.dest-target-radio:hover{background:var(--bg-sunken)}.dest-target-radio.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent-ink)}.dest-target-fields[hidden]{display:none}.modal.dest-editor{width:min(820px,96vw);max-height:90vh;display:flex;flex-direction:column;padding:20px 20px 16px}.dest-editor .modal-title{flex-shrink:0}.dest-editor .modal-body.dest-editor-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px}.dest-editor .modal-actions{flex-shrink:0;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.dest-preview-section{margin-top:14px;background:var(--bg-sunken);border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.dest-preview-section>summary{cursor:pointer;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;font-size:13px;font-weight:600;color:var(--ink);user-select:none}.dest-preview-section>summary::-webkit-details-marker{display:none}.dest-preview-section>summary:after{content:"\25be";color:var(--ink-3);font-size:10px;transition:transform .15s}.dest-preview-section:not([open])>summary:after{transform:rotate(-90deg)}.dest-preview-summary-label{display:inline-flex;align-items:center;gap:6px}.dest-preview-summary-hint{font-size:11.5px;font-weight:400;margin-left:auto;padding-right:8px}.dest-preview-body{background:var(--bg-elev);border-top:1px solid var(--line);padding:12px 14px;max-height:320px;overflow:auto}.dest-preview-json{margin:0;font-family:var(--font-mono);font-size:11.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.dest-fields-section{border-top:1px dashed var(--line-soft);padding-top:12px;margin-top:6px}.dest-fields-presets{display:flex;gap:4px;background:var(--bg-sunken);padding:2px;border-radius:999px}.dest-preset{border:none;background:transparent;padding:4px 12px;border-radius:999px;font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s}.dest-preset:hover{color:var(--ink)}.dest-preset.on{background:var(--bg-elev);color:var(--accent-ink);box-shadow:0 1px #2b1e060f}.dest-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px}.dest-field-group{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.dest-field-group-head{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--line-soft)}.dest-field-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;cursor:pointer}.dest-field-row.has-desc{cursor:help}.dest-field-row input{margin:0}.dest-field-row:hover .dest-field-name{color:var(--accent-ink)}.dest-field-name{font-family:var(--font-mono);font-size:11.5px;color:var(--ink);word-break:break-word;flex:1}.dest-field-info{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--bg-sunken);color:var(--ink-3);font-size:9px;font-weight:700;flex-shrink:0;transition:background .12s,color .12s}.dest-field-row.has-desc:hover .dest-field-info{background:var(--accent-soft);color:var(--accent-ink)}.env-chip{position:relative;flex-shrink:0}.env-chip-trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font-family:var(--font-mono, monospace);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.env-chip-trigger:hover{border-color:var(--ink-3)}.env-chip-trigger.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.env-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.env-chip-trigger.on .env-chip-dot{background:var(--accent)}.env-chip-caret{font-size:9px;color:var(--ink-3)}.env-chip-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;max-height:320px;overflow-y:auto;background:var(--bg);border:1.5px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0000002e;padding:6px;z-index:30;display:flex;flex-direction:column;gap:2px}.env-chip-menu[hidden]{display:none}.env-chip-opt{text-align:left;border:none;background:transparent;padding:7px 10px;border-radius:6px;font-family:var(--font-mono, monospace);font-size:12.5px;color:var(--ink);cursor:pointer}.env-chip-opt:hover{background:var(--bg-sunken)}.env-chip-opt.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.env-badge{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono, monospace);font-size:10.5px;font-weight:700;letter-spacing:.02em;vertical-align:1px}.notes-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.notes-author-filter select{font-family:inherit;font-size:13px;color:var(--ink-2);padding:6px 28px 6px 12px;border-radius:var(--r-2);border:1.5px solid var(--line);background:var(--bg-elev) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%235a4d39' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 10px center;appearance:none;-webkit-appearance:none;cursor:pointer}.notes-author-filter select:focus{outline:none;border-color:var(--accent)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.note-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .15s,box-shadow .15s}.note-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line-soft);color:var(--ink-3)}.note-card-icon,.note-card-open{display:inline-flex;align-items:center;color:var(--ink-3)}.note-card-open:hover{color:var(--accent)}.note-card-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;border:2px solid var(--bg-elev);box-shadow:0 0 0 1.5px currentColor}.note-card-comment{margin:0;padding:14px 16px 10px;font-style:italic;color:var(--ink);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-card-meta{padding:8px 16px 12px;text-align:center;border-bottom:1px solid var(--line-soft)}.note-card-author{font-size:12.5px;color:var(--ink-2);font-weight:600}.note-card-date{font-size:10.5px;letter-spacing:.06em;color:var(--ink-3);margin-top:3px;text-transform:uppercase}.note-row{display:block;padding:10px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--info);border-bottom:1px solid var(--line-soft)}.note-row:last-child{border-bottom:none}.note-row:hover{background:var(--bg-sunken)}.snapshot-outline{font-family:var(--font-mono);font-size:12px;line-height:1.45;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-2);padding:10px 12px;max-height:420px;overflow:auto}.snapshot-outline.snap-empty{color:var(--ink-3);font-style:italic;background:transparent;border-style:dashed}.snap-row{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:var(--r-1);padding-left:calc(6px + var(--snap-depth, 0) * 14px)}.snap-row:hover{background:var(--bg-sunken)}.snap-chip{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--ink-3);font-size:10px;font-weight:600;text-transform:lowercase;letter-spacing:.02em;flex-shrink:0}.snap-interactive .snap-chip{background:var(--accent-soft);color:var(--accent-ink)}.snap-landmark .snap-chip{background:#ece1c8;color:var(--ink)}.snap-label{color:var(--ink);word-break:break-word}.snap-label.snap-muted{color:var(--ink-3);font-style:italic}.snap-testid{font-size:10px;padding:0 6px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--info);font-weight:600}.snap-heading .snap-label{font-weight:700}.snap-h1 .snap-label{font-size:14px}.snap-h2 .snap-label{font-size:13px}.snap-landmark .snap-label{font-weight:600}.snap-highlight{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.snap-highlight:hover{background:var(--accent-soft)}.snap-truncated{margin-top:6px;padding:4px 6px;color:var(--ink-3);font-style:italic;font-size:11px}.note-snapshot{border-top:1px solid var(--line-soft);background:var(--bg)}.note-snapshot-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;color:var(--ink-3);font-family:inherit;font-size:12px;cursor:pointer;text-align:left}.note-snapshot-toggle:hover{color:var(--accent);background:var(--bg-sunken)}.note-snapshot-summary{flex:1}.note-snapshot-caret{font-size:10px;transition:transform .15s}.note-snapshot.expanded .note-snapshot-caret{transform:rotate(90deg)}.note-snapshot-body{display:none;padding:0 12px 12px}.note-snapshot.expanded .note-snapshot-body{display:block}.component-versions{display:flex;flex-direction:column;gap:14px}.component-version{border:1px solid var(--line-soft);border-radius:var(--r-2);padding:12px;background:var(--bg)}.component-version-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;color:var(--ink-3)}.component-version-head strong{color:var(--ink-2)}.tt-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.tt-nav{position:sticky;top:18px;max-height:calc(100vh - 80px);overflow:auto;padding:10px}.tt-nav-search{width:100%;padding:6px 8px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--r-2);font-size:12.5px;background:var(--bg);color:var(--ink-2);font-family:inherit}.tt-nav-search:focus{outline:none;border-color:var(--accent)}.tt-nav-tree{margin:0;padding:0;list-style:none}.tt-nav-node{margin-bottom:2px}.tt-nav-row{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border-radius:var(--r-2);border:1px solid transparent;background:none;text-align:left;font-family:inherit;cursor:pointer;color:var(--ink-2);flex-wrap:wrap}.tt-nav-row:hover{background:var(--bg-sunken)}.tt-nav-row.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.tt-nav-chev{font-size:10px;width:12px;text-align:center;color:var(--ink-3)}.tt-nav-path{font-family:var(--font-mono);font-size:12px;word-break:break-all;flex:1 1 auto;min-width:0}.tt-nav-meta{font-size:11px;color:var(--ink-3);flex:0 0 100%;padding-left:18px}.tt-nav-row.active .tt-nav-meta{color:var(--accent-ink);opacity:.85}.tt-nav-changed{font-size:9px;color:var(--accent);align-self:center}.tt-nav-pages,.tt-nav-edges{list-style:none;margin:4px 0 0;padding:0 0 0 18px}.tt-nav-pages li{margin:1px 0}.tt-nav-edges{margin-top:6px;border-top:1px dashed var(--line-soft);padding-top:4px}.tt-nav-page,.tt-nav-edge{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:var(--r-1);border:1px solid transparent;background:none;text-align:left;font-family:inherit;cursor:pointer;font-size:12px;color:var(--ink-2)}.tt-nav-page:hover,.tt-nav-edge:hover{background:var(--bg-sunken)}.tt-nav-page.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.tt-nav-page-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-nav-page-meta{font-size:10.5px;color:var(--ink-3)}.tt-nav-edge-arrow{color:var(--ink-3);font-size:11px}.tt-nav-edge-path{font-family:var(--font-mono);font-size:11.5px;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-3)}.tt-nav-edge-weight{font-size:10.5px}.tt-main{padding:14px;display:flex;flex-direction:column;gap:14px}.tt-axis-wrap{border:1px solid var(--line-soft);border-radius:var(--r-2);padding:12px;background:var(--bg-sunken)}.tt-axis-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;color:var(--ink-2)}.tt-axis-summary{flex:1 1 auto}.tt-axis-hint{font-size:11.5px;margin:4px 0 8px}.tt-axis{position:relative;height:104px;padding-top:6px}.tt-axis-track{position:relative;height:1px;margin-top:52px;background:var(--line)}.tt-version{position:absolute;top:-48px;width:72px;height:88px;padding:6px 4px 4px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg);color:var(--ink-2);font-size:10.5px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:visible;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 1px 2px #0000000a}.tt-version:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--ink-3);border:2px solid var(--bg)}.tt-version:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f;z-index:3}.tt-version[data-tone=grew]{background:#2ea0431f;border-color:#2ea04373}.tt-version[data-tone=grew]:before{background:#2ea043}.tt-version[data-tone=shrank]{background:#da36331f;border-color:#da363373}.tt-version[data-tone=shrank]:before{background:#da3633}.tt-version[data-tone=same]{background:var(--bg)}.tt-version.selected{outline:2px solid var(--accent);outline-offset:2px;z-index:2}.tt-version.compared{outline:2px dashed var(--accent);outline-offset:2px;z-index:2}.tt-v-label{font-weight:600;font-size:12px;color:var(--ink-2);line-height:1}.tt-v-variant{max-width:100%;padding:1px 5px;border-radius:999px;background:var(--bg-sunken);color:var(--ink-3);font-size:9px;line-height:1.2;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-v-delta{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);line-height:1}.tt-v-progress{width:100%;font-size:9px;color:var(--ink-2);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-version[data-tone=grew] .tt-v-delta{color:#2e823c}.tt-version[data-tone=shrank] .tt-v-delta{color:#b43232}.tt-v-time{font-size:9.5px;color:var(--ink-3);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.tt-v-regression{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#da3633;box-shadow:0 0 0 2px var(--bg)}.tt-preview{display:flex;flex-direction:column;gap:10px}.tt-preview-stage{position:relative;display:flex;gap:10px;min-height:200px}.tt-preview-stage.compare{display:grid;grid-template-columns:1fr 1fr}.tt-player{flex:1 1 auto;min-width:0;transition:opacity .25s ease;background:var(--bg-sunken);border-radius:var(--r-2);overflow:hidden}.tt-preview-stage:not(.compare) .tt-player{position:absolute;top:0;left:0;right:0}.tt-preview-stage:not(.compare) #tt-player-a{position:relative}.tt-loading{padding:28px;text-align:center}.tt-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink-3)}.tt-preview-diff{margin-top:4px;padding:10px 12px;border-radius:var(--r-2);background:var(--bg-sunken);border:1px solid var(--line-soft);font-size:12.5px}.tt-preview-diff:empty{display:none}.tt-diff-cross{margin:0 0 8px;padding:6px 8px;border-radius:var(--r-1);background:#ffa5001f;border-left:3px solid rgb(255,165,0);font-size:12px;color:var(--ink-2)}.tt-diff{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.tt-diff{grid-template-columns:1fr}}.tt-diff-section ul{margin:4px 0 0;padding-left:0;list-style:none;font-size:12.5px;line-height:1.5}.tt-diff-section li{font-family:var(--font-mono, monospace)}.tt-diff-section li:first-letter{font-weight:700}.tt-graph-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 4px 10px}.tt-graph-title{font-size:15px;font-weight:600;color:var(--fg, #e6edf3);margin:0;word-break:break-all}.tt-graph-modes{display:inline-flex;border:1px solid var(--border, #30363d);border-radius:6px;overflow:hidden;flex-shrink:0}.tt-graph-mode{display:inline-block;padding:4px 12px;font-size:12px;text-decoration:none;color:var(--fg-dim, #7d8590);background:transparent;border:0;cursor:pointer}.tt-graph-mode+.tt-graph-mode{border-left:1px solid var(--border, #30363d)}.tt-graph-mode:hover{color:var(--fg, #e6edf3)}.tt-graph-mode--on{background:var(--accent, #1f6feb);color:#fff}.tt-graph-mode--on:hover{color:#fff}.tt-graph-banner{padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.tt-graph-banner--warn{background:#f851491f;color:#f85149;border:1px solid rgba(248,81,73,.35)}.tt-graph-canvas{overflow-x:auto;background:var(--bg-elev, #0d1117);border-radius:6px;padding:8px 0}.tt-graph{display:block;max-width:100%;height:auto}.tt-graph-lane{fill:#7d85900d}.tt-graph-lane-label{font-size:11px;font-family:var(--font-mono, monospace);fill:var(--fg-dim, #7d8590);text-transform:uppercase;letter-spacing:.04em}.tt-graph-edge{opacity:.55}.tt-graph-node{cursor:pointer}.tt-graph-node:hover circle{stroke:#fff!important;stroke-width:2!important}.tt-graph-node--duplicate:hover circle{stroke:#f85149!important;stroke-width:3!important}.tt-graph-dup-badge{font-size:14px;font-weight:700;pointer-events:none}.tt-graph-legend{display:flex;flex-wrap:wrap;gap:16px;padding:10px 4px 4px;font-size:11.5px;color:var(--fg-dim, #7d8590)}.tt-graph-legend-item{display:inline-flex;align-items:center;gap:6px}.tt-graph-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.tt-graph-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:#f851490f;border:1px solid rgba(248,81,73,.25);border-radius:6px;text-align:center}.tt-graph-error-icon{font-size:22px;color:#f85149}.tt-graph-error-title{font-weight:600;font-size:14px;color:var(--fg, #e6edf3)}.tt-graph-error-detail{font-size:12px;color:var(--fg-dim, #7d8590);font-family:var(--font-mono, monospace)}.tt-graph-error-retry{display:inline-block;margin-top:6px;padding:4px 14px;background:var(--accent, #1f6feb);color:#fff;text-decoration:none;font-size:12px;border-radius:4px}.tt-graph-error-retry:hover{filter:brightness(1.1)}.tt-v3{display:flex;flex-direction:column;gap:12px}.tt-v3-anomaly:empty{display:none}.tt-v3-anomaly-card{padding:10px 14px;background:#f851491a;border:1px solid rgba(248,81,73,.35);border-radius:6px;font-size:13px;color:#f85149}.tt-v3-anomaly-icon{font-weight:700;margin-right:6px}.tt-v3-filters{display:flex;flex-direction:column;gap:8px}.tt-v3-chip-row{display:flex;flex-wrap:wrap;gap:6px}.tt-v3-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid var(--border, #30363d);border-radius:14px;color:var(--fg-dim, #7d8590);font-size:12px;cursor:pointer;font-family:var(--font-mono, monospace)}.tt-v3-chip:hover{color:var(--fg, #e6edf3)}.tt-v3-chip--on{background:var(--accent, #1f6feb);color:#fff;border-color:var(--accent, #1f6feb)}.tt-v3-chip--on:hover{color:#fff}.tt-v3-chip-count{opacity:.7}.tt-v3-search{padding:6px 10px;background:var(--bg-elev, #0d1117);border:1px solid var(--border, #30363d);border-radius:4px;color:var(--fg, #e6edf3);font-size:13px;max-width:300px}.tt-v3-search:focus{outline:1px solid var(--accent, #1f6feb)}.tt-v3-table-host{background:var(--bg-elev, #0d1117);border:1px solid var(--border, #30363d);border-radius:6px;overflow:hidden}.tt-v3-row{display:grid;grid-template-columns:36px minmax(160px,1fr) minmax(180px,2fr) 70px 70px 50px minmax(160px,1.5fr);align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border, #30363d);font-size:13px;color:var(--fg, #e6edf3)}.tt-v3-row:last-child{border-bottom:0}.tt-v3-row--header{background:#7d859014;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--fg-dim, #7d8590)}.tt-v3-row--open{background:#7d85900a}.tt-v3-col-host{font-family:var(--font-mono, monospace);font-size:12px;color:var(--fg-dim, #7d8590);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-v3-col-group{font-family:var(--font-mono, monospace);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-v3-col-sess,.tt-v3-col-states,.tt-v3-col-warn{font-variant-numeric:tabular-nums;text-align:right}.tt-v3-col-next{display:flex;flex-wrap:wrap;gap:6px}.tt-v3-toggle{background:transparent;border:0;color:var(--fg-dim, #7d8590);font-size:13px;cursor:pointer;padding:0;width:24px;text-align:center}.tt-v3-toggle:hover{color:var(--fg, #e6edf3)}.tt-v3-next-btn{background:transparent;border:1px solid var(--border, #30363d);border-radius:4px;padding:2px 6px;color:var(--fg-dim, #7d8590);font-family:var(--font-mono, monospace);font-size:11px;cursor:pointer}.tt-v3-next-btn:hover{color:var(--fg, #e6edf3);border-color:var(--accent, #1f6feb)}.tt-v3-warn{color:#f85149;font-weight:600}.tt-v3-dim{color:var(--fg-dim, #7d8590);font-size:11px}.tt-v3-expanded{padding:12px 12px 16px 48px;background:#7d859008;border-bottom:1px solid var(--border, #30363d)}.tt-v3-url-block{margin-bottom:14px}.tt-v3-url-block:last-child{margin-bottom:0}.tt-v3-url-label{font-family:var(--font-mono, monospace);font-size:11.5px;color:var(--fg-dim, #7d8590);margin-bottom:4px;word-break:break-all}.cohort-row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--r-1);cursor:pointer}.cohort-row:hover{border-color:var(--line)}.modal-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.copyable{cursor:pointer}.copyable:hover{text-decoration:underline dotted;text-underline-offset:3px}.user-cell-name .row-copy{margin-left:6px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .12s ease}.session-row:hover .user-cell-name .row-copy{opacity:.55}.user-cell-name .row-copy:hover{opacity:1}