:root{--bg:#f6f7f9;--panel:#fff;--panel-2:#f0f2f5;--border:#e1e4ea;--text:#171a21;--muted:#697386;--accent:#5b4bdb;--accent-text:#fff;--red:#d63a3a;--red-bg:#fde9e9;--amber:#b7791f;--green:#218a52;--blue:#2b6fd6;--code-bg:#f0f2f5;--shadow:0 1px 2px #1018280d}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#e8eaee;--muted:#8b93a3;--accent:#8b7dff;--accent-text:#0f1115;--red:#ff6b6b;--red-bg:#3a1c1f;--amber:#e5b04a;--green:#4cc38a;--blue:#6aa5ff;--code-bg:#0c0e12;--shadow:none}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:20px;font-weight:650}h2{margin:0 0 12px;font-size:15px}h3{margin:20px 0 8px;font-size:13px}code{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.strong{color:var(--text);font-weight:600}.pad{padding:16px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand-dot{background:linear-gradient(135deg, #ff7a45, var(--accent));border-radius:50%;width:10px;height:10px;display:inline-block}.container{max-width:1120px;margin:0 auto;padding:20px}.container-wide{max-width:1600px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.crumbs{color:var(--muted);margin-bottom:8px;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:16px}.card.flush{padding:0;overflow-x:auto}.grid-2{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (max-width:860px){.grid-2{grid-template-columns:1fr}}.stack{gap:12px;display:grid}.stack-lg{gap:16px;display:grid}.btn{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:550;display:inline-flex}.btn:hover{background:var(--panel-2);text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--red);border-color:var(--red);background:0 0}.btn-danger:hover{background:var(--red-bg)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-small{padding:2px 8px;font-size:12px}.field{color:var(--muted);gap:4px;font-size:12px;font-weight:550;display:grid}.field small{font-weight:400}input[type=text],input[type=password],input[type=date],input:not([type]),textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:7px 10px}textarea{resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:12px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.check{align-items:center;gap:6px;padding-bottom:7px;font-size:13px;display:inline-flex}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.filters .field{flex:140px;min-width:140px}.filters-actions{gap:8px;padding-bottom:1px;display:flex}.tabs{gap:4px;display:flex}.tabs a{color:var(--muted);border-radius:6px;padding:5px 12px;font-weight:550}.tabs a:hover{background:var(--panel-2);text-decoration:none}.tabs a.on{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:4px 11px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:8px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--panel-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.ellipsis{text-overflow:ellipsis;max-width:240px;overflow:hidden}.badge{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-red{background:var(--red-bg);color:var(--red)}.more{justify-content:center;margin-top:16px;display:flex}.avatar{color:#fff;background:var(--panel-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-cell{align-items:center;gap:10px;display:flex}.user-group{margin-bottom:16px}.user-group-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.user-group-head .spacer{flex:1}.user-group-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.user-group-more{border-top:1px solid var(--border);padding:10px 16px;font-size:13px}.page-head-user{align-items:center;gap:12px;display:flex}.view-toggle{margin-bottom:12px}.alert{background:var(--red-bg);color:var(--red);border-radius:6px;margin-bottom:12px;padding:8px 12px}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{gap:12px;width:100%;max-width:360px;display:grid}.login-brand{font-size:20px}.code{margin:0 0 12px;position:relative}.code pre{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;margin:0;padding:12px 14px;overflow-x:auto}.code code{white-space:pre}.copy{position:absolute;top:8px;right:8px}.kv{grid-template-columns:120px minmax(0,1fr);gap:6px 12px;margin:0 0 16px;display:grid}.kv-row{display:contents}.kv dt{color:var(--muted)}.kv dd{word-break:break-word;margin:0}.urls{margin:0;padding-left:16px}.danger-zone{border-color:var(--red)}.viewer{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;margin-bottom:16px;display:grid}@media (max-width:980px){.viewer{grid-template-columns:1fr}}.player-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;min-height:200px;padding:12px}.player-host{width:100%;overflow:hidden}.player-host .rr-player{max-width:100%;box-shadow:none;margin:0 auto}.player-host .rr-progress{touch-action:none;-webkit-user-select:none;user-select:none}.player-host .rr-progress__handler{cursor:grab}.player-host .rr-progress:active,.player-host .rr-progress:active .rr-progress__handler{cursor:grabbing}.player-host .click-ripple{pointer-events:none;z-index:2;width:0;height:0;position:absolute}.player-host .click-ripple:before{content:"";width:14px;height:14px;transform:scale(var(--s,1));background:#ff3b6b;border-radius:50%;margin:-7px 0 0 -7px;animation:.9s ease-out forwards click-dot;position:absolute;box-shadow:0 0 0 2px #fff}.player-host .click-ripple span{border:3px solid #ff3b6b;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:.7s ease-out both click-ring;position:absolute;box-shadow:0 0 0 1px #fffc}.player-host .click-ripple span+span{display:none}.player-host .click-ripple.dbl span+span{animation-delay:.18s;display:block}@keyframes click-ring{0%{transform:scale(calc(var(--s,1) * .2));opacity:1}to{transform:scale(var(--s,1));opacity:0}}@keyframes click-dot{0%,60%{opacity:1}to{opacity:0}}.player-host .rr-controller__btns .switch{display:none!important}.player-host .rr-controller .rr-timeline .rr-progress{height:20px}.player-host .rr-controller .rr-progress .rr-progress__handler{z-index:2;top:6px}.player-host .rr-progress>div[title=inactive\ period]{display:none}.player-host .rr-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.player-host .rr-idle{pointer-events:auto;background:repeating-linear-gradient(135deg,#69738647 0 3px,#6973861a 3px 6px);border-left:1px solid #69738659;border-right:1px solid #69738659;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.player-host .rr-idle span{color:#4a5263;white-space:nowrap;visibility:hidden;background:#ffffffd9;border-radius:2px;padding:0 3px;font:600 9px/12px system-ui,sans-serif}.player-host .rr-idle span.fits{visibility:visible}.player-host .rr-tick{pointer-events:auto;border-radius:2px;width:3px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.player-host .rr-tick.return{background:var(--accent)}.player-host .rr-tick.clicks{background:var(--amber)}.player-bar{align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.skip-idle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-weight:550;display:inline-flex}.skip-idle input{accent-color:var(--accent);margin:0}.kind-idle .tl-icon{color:var(--muted);border:1px dashed var(--muted);background:0 0}.tl-item.kind-idle .tl-text{color:var(--muted)}.kind-return .tl-icon{background:var(--accent)}.kind-clicks .tl-icon{background:var(--amber)}.player-state{min-height:240px;color:var(--muted);place-items:center;display:grid}.player-error{color:var(--red)}.timeline{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-height:200px;max-height:78vh;display:flex}.timeline-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.timeline-scroll{flex:1;position:relative;overflow-y:auto}.timeline-list{margin:0;padding:4px;list-style:none;position:relative}.seg{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 10px;font-size:12px}.seg button.on{background:var(--panel-2);color:var(--text);font-weight:600}.tl-item{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:4px;grid-template-columns:44px 22px minmax(0,1fr);align-items:center;gap:6px;padding:5px 8px;display:grid}.tl-item:hover{background:var(--panel-2)}.tl-item.active{background:var(--panel-2);border-left-color:var(--accent)}.tl-time{color:var(--muted);font:12px ui-monospace,Menlo,monospace}.tl-icon{color:#fff;background:var(--muted);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.kind-pageview .tl-icon{background:var(--blue)}.kind-track .tl-icon{background:var(--green)}.kind-identify .tl-icon{background:var(--amber)}.kind-network .tl-icon{background:var(--muted)}.kind-error .tl-icon,.tl-item.bad .tl-icon{background:var(--red)}.tl-item.bad .tl-text{color:var(--red)}.tl-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.details{max-width:900px}.active-time{color:var(--muted);font-size:12px;display:block}.active-time.idle{cursor:help}