:root{--bg:#f6f6f4;--panel:#fff;--panel-2:#fafaf8;--border:#e6e5e1;--text:#1c1b19;--muted:#6d6a64;--faint:#a19d95;--accent:#e8473b;--accent-ink:#fff;--accent-soft:#fdebe9;--good:#2f9e62;--warn:#d68a00;--bad:#d23c2f;--chart-1:#e8473b;--chart-2:#3b7ae8;--shadow:0 1px 2px #14120e0d, 0 4px 16px #14120e0a;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141412;--panel:#1c1c1a;--panel-2:#232320;--border:#2f2e2b;--text:#edece8;--muted:#a5a29a;--faint:#6f6c65;--accent:#f05a4d;--accent-soft:#3a1d1a;--chart-1:#f05a4d;--chart-2:#6a9bf5;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141412;--panel:#1c1c1a;--panel-2:#232320;--border:#2f2e2b;--text:#edece8;--muted:#a5a29a;--faint:#6f6c65;--accent:#f05a4d;--accent-soft:#3a1d1a;--chart-1:#f05a4d;--chart-2:#6a9bf5;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2}h1{letter-spacing:-.01em;font-size:22px;font-weight:650}h2{font-size:15px;font-weight:600}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}code,pre,.mono{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:12.5px}.shell{grid-template-columns:232px 1fr;height:100%;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.brand{align-items:center;gap:9px;padding:4px 8px 14px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand img{width:24px;height:24px}.site-picker{margin:0 0 12px}.site-picker.small{margin-bottom:6px}.site-picker.small .site-trigger{background:0 0;border-color:#0000;padding:5px 8px 5px 6px;font-size:13px}.site-picker.small .site-trigger:hover{background:var(--panel-2)}.site-picker.small .site-trigger.open,.site-picker.small .site-trigger:focus-visible{border-color:var(--accent);background:var(--panel)}.site-trigger{border:1px solid var(--border);background:var(--panel-2);width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:7px 8px 7px 7px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.site-trigger:hover{border-color:color-mix(in srgb, var(--text) 18%, var(--border));background:var(--panel)}.site-trigger.open,.site-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);background:var(--panel);outline:none}.site-chevron{color:var(--faint);flex:none;margin-left:auto}.site-meta{flex:1;min-width:0;line-height:1.25;display:grid}.site-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.site-domain{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.site-avatar{background:hsl(var(--hue,0) 70% 50% / .14);color:hsl(var(--hue,0) 60% 40%);border-radius:7px;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}:root[data-theme=dark] .site-avatar{background:hsl(var(--hue,0) 70% 60% / .18);color:hsl(var(--hue,0) 80% 72%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .site-avatar{background:hsl(var(--hue,0) 70% 60% / .18);color:hsl(var(--hue,0) 80% 72%)}}.site-avatar.workspace{border-radius:50%}.site-avatar img{object-fit:contain;width:62%;height:62%}.site-avatar.add{border:1px dashed var(--border);width:26px;height:26px;color:var(--muted);background:0 0}.site-menu{z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:12px;outline:none;flex-direction:column;max-height:min(420px,70vh);padding:6px;animation:.12s ease-out site-menu-in;display:flex;position:fixed;box-shadow:0 12px 32px #14120e24,0 2px 6px #14120e0f}@keyframes site-menu-in{0%{opacity:0;transform:translateY(-4px)}}.site-menu ul{margin:0;padding:0;list-style:none;overflow-y:auto}.site-menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:6px 8px 4px;font-size:11px;font-weight:600}.site-search{border-bottom:1px solid var(--border);color:var(--faint);align-items:center;gap:8px;margin-bottom:4px;padding:2px 8px;display:flex}.site-search input[type=search]{background:0 0;border:0;outline:none;padding:8px 0}.site-option{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.site-option.active{background:var(--panel-2)}.site-option[aria-selected=true] .site-name{color:var(--accent)}.site-check{color:var(--accent);flex:none}.site-add{border-top:1px solid var(--border);color:var(--muted);border-radius:0 0 8px 8px;margin-top:4px;padding-top:10px;font-weight:550}.site-add.active{color:var(--text)}.site-none{color:var(--muted);text-align:center;padding:14px 8px;font-size:13px}.nav-link{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar .spacer{flex:1}.sidebar .me{color:var(--muted);justify-content:space-between;align-items:center;gap:4px;padding:8px 4px 8px 10px;font-size:12px;display:flex}.sidebar .me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.me-link{min-width:0;color:inherit;border-radius:6px;flex:1;align-items:center;gap:6px;margin-left:-6px;padding:4px 6px;text-decoration:none;display:flex}.me-link:hover,.me-link:focus-visible{background:var(--panel-2);color:var(--text)}.me-link svg{flex:none}.main{min-width:0;overflow-y:auto}.page{max-width:1280px;margin:0 auto;padding:24px 28px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--muted);margin-top:4px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>svg{flex:none}.grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar,.sidebar .nav-close,.nav-backdrop{display:none}@media (width<=900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:52px;padding:6px 12px 6px 6px;display:flex}.topbar .brand{padding:4px 6px;font-size:15px}.topbar .brand img{width:22px;height:22px}.topbar-site{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:550;overflow:hidden}.sidebar{z-index:40;visibility:hidden;width:min(280px,85vw);transition:transform .2s,visibility 0s .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{visibility:visible;transition:transform .2s;transform:none;box-shadow:0 0 40px #00000040}.sidebar .nav-close{color:var(--muted);display:inline-flex;position:absolute;top:12px;right:8px}.nav-backdrop{z-index:39;background:#14120e73;animation:.2s ease-out fade-in;display:block;position:fixed;inset:0}.page{padding:16px}.table th,.table td{padding-left:12px;padding-right:12px}.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar.open,.nav-backdrop{transition:none;animation:none}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.stat .label{color:var(--muted);font-size:12.5px;font-weight:500}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:650}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{background:var(--panel-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--bad)}.btn.danger-solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger-solid:hover{filter:brightness(1.05)}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{padding:5px 10px;font-size:13px}.btn.icon{padding:7px}.link-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-btn.small{font-size:12.5px}.seg{border:1px solid var(--border);background:var(--panel);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);border-color:var(--accent)}select{width:auto}input[type=date]{width:auto;padding:7px 8px}@media (width<=900px),(pointer:coarse){input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],select,textarea{font-size:16px}}.range-picker{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}textarea{resize:vertical;min-height:70px}label.field{gap:6px;font-weight:550;display:grid}label.field .hint{color:var(--muted);font-size:12.5px;font-weight:400}label.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}label.check input{accent-color:var(--accent);margin-top:3px}label.check .hint{color:var(--muted);font-size:12.5px}.table{border-collapse:collapse;width:100%}.table-scroll{overflow-x:auto}@media (width<=640px){.table.stack thead{display:none}.table.stack,.table.stack tbody{display:block}.table.stack tr{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 14px;display:flex}.table.stack tr:last-child{border-bottom:0}.table.stack td{text-align:left;border:0;padding:0;display:block;max-width:100%!important}.table.stack td:first-child,.table.stack td.full{flex:1 0 100%}.table.stack td.end{margin-left:auto}.table.stack td:empty{display:none}.table.stack td[data-label]:before{content:attr(data-label) " ";color:var(--muted);font-size:12px;font-weight:500}.table.stack td.full[data-label]:before{margin-bottom:4px;display:block}.table.stack tr.click:hover td{background:0 0}}@media (width<=900px){.rec-table,.rec-table thead,.rec-table tbody{display:block}.rec-table thead tr{border-bottom:1px solid var(--border);padding:10px 14px;display:flex}.rec-table thead th{display:none}.rec-table thead th:first-child{border:0;align-items:center;gap:10px;display:flex;width:auto!important;padding:0!important}.rec-table thead th:first-child:after{content:"Select all";color:var(--muted);font-size:12.5px;font-weight:550}.rec-table tbody tr{border-bottom:1px solid var(--border);grid-template-columns:28px auto auto minmax(0,1fr);grid-template-areas:"check pages pages pages""dot visitor visitor visitor"".dur clicks date";align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.rec-table tbody tr:last-child{border-bottom:0}.rec-table tbody td{border:0;background:0 0!important;width:auto!important;max-width:none!important;padding:0!important}.rec-table td:first-child{grid-area:check}.rec-table td:nth-child(2){grid-area:dot;place-self:start center;padding-top:6px!important}.rec-table td:nth-child(3){grid-area:visitor}.rec-table td:nth-child(4){grid-area:pages}.rec-table td:nth-child(5){text-align:left;grid-area:dur}.rec-table td:nth-child(6){text-align:left;grid-area:clicks}.rec-table td:nth-child(7){text-align:right;grid-area:date}.rec-table tbody tr.selected{background:var(--accent-soft)}}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 18px;font-size:12px;font-weight:550}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 18px}.table tr:last-child td{border-bottom:0}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--panel-2)}.table tr.selected td{background:var(--accent-soft)}.chart-notes{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.live-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 25%, transparent);border-radius:50%;display:inline-block}.live-link{gap:8px}.sso{justify-items:center;gap:10px;margin-top:16px;display:grid}.sso .btn{justify-content:center;width:100%}a.btn.disabled{opacity:.55;pointer-events:none}.public-page{max-width:1200px;margin:0 auto}.link-btn{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-btn:hover,.link-btn:focus-visible{text-decoration:underline}.table input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0;display:block}.row-link{color:inherit;min-width:0;text-decoration:none;display:block}.row-link:hover,.row-link:focus-visible{text-decoration:underline}.bulk-bar{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.table .num{text-align:right;font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:550;display:inline-flex}.badge.bad{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border-color:#0000}.badge.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);border-color:#0000}.badge.good{color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent);border-color:#0000}.value.vital-good{color:var(--good)}.value.vital-warn{color:var(--warn)}.value.vital-bad{color:var(--bad)}.vital-bar{background:var(--border);border-radius:3px;height:6px;margin:8px 0 6px;display:flex;overflow:hidden}.vital-rating{align-items:center;gap:4px;margin-top:2px;font-weight:550;display:flex}.vital-rating.good{color:var(--good)}.vital-rating.warn{color:var(--warn)}.vital-rating.bad{color:var(--bad)}.stat.vital{flex-direction:column;display:flex}.vital-about{gap:4px;margin-top:auto;padding-top:10px;display:grid}.dash{border-top:2px dashed;width:14px;display:inline-block}.dash.good{color:var(--good)}.dash.bad{color:var(--bad)}.vital-bar .good{background:var(--good)}.vital-bar .warn{background:var(--warn)}.vital-bar .bad{background:var(--bad)}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.bar-list{gap:4px;padding:10px 12px;display:grid}.bar-item{border-radius:6px;justify-content:space-between;gap:12px;padding:6px 8px;display:flex;position:relative;overflow:hidden}.bar-item .fill{background:var(--accent-soft);z-index:0;border-radius:6px;position:absolute;inset:0 auto 0 0}.bar-item>span{z-index:1;position:relative}.bar-item .n{color:var(--muted);font-variant-numeric:tabular-nums}a.bar-item.link{color:inherit;text-decoration:none}.card.insight{position:relative}.insight-main{color:inherit;text-decoration:none;display:block}.insight-main:after{content:"";border-radius:inherit;position:absolute;inset:0}.insight-main:focus-visible{outline:none}.card.insight:hover{border-color:var(--accent)}.card.insight:has(.insight-main:focus-visible){border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.insight-also{z-index:1;color:var(--muted);margin-top:6px;display:inline-block;position:relative}.insight-also:hover,.insight-also:focus-visible{color:var(--text)}.delta-bad{color:var(--bad)}.delta-good{color:var(--good)}.path-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.path-row:first-child{border-top:0}.path-pages{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.path-step{align-items:center;gap:4px;min-width:0;display:inline-flex}.path-chip{background:var(--panel-2);border:1px solid var(--border);color:inherit;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:280px;padding:2px 8px;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:12px;text-decoration:none;overflow:hidden}a.path-chip:hover,a.path-chip:focus-visible{border-color:var(--accent)}.path-n{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:5.5em}@media (width<=600px){.path-row{flex-wrap:wrap;row-gap:6px}.path-pages{flex-basis:100%}.path-n{margin-left:auto}}.journey{grid-template-columns:1fr minmax(220px,300px) 1fr;align-items:start;gap:16px;display:grid}.journey-focus{border-color:var(--accent);justify-items:start;gap:12px;display:grid}.journey-path{word-break:break-all;font-size:15px;font-weight:600}.journey-stats{color:var(--muted);gap:4px;font-size:13px;display:grid}.journey-stats strong{color:var(--text)}@media (width<=900px){.journey{grid-template-columns:1fr}}.qr-setup{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.qr-setup .qr{border-radius:8px;flex:none}.qr-setup .secret{color:var(--text);word-break:break-all;margin:6px 0 8px;font-size:14px}.recovery-codes{background:var(--panel-2);border:1px solid var(--border);columns:2;border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.8}a.bar-item.link:hover,a.bar-item.link:focus-visible{background:var(--accent-soft)}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty h2{color:var(--text);margin-bottom:6px}.error{color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, transparent);border-radius:8px;padding:10px 12px}.muted{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.small{font-size:12.5px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.snippet{background:var(--panel-2);border:1px solid var(--border);white-space:pre;border-radius:8px;padding:14px 110px 14px 14px;position:relative;overflow-x:auto}.snippet .btn{position:absolute;top:8px;right:8px}.auth-wrap{place-items:center;min-height:100%;padding:24px;display:grid}.auth{width:100%;max-width:380px}.auth .brand{justify-content:center;padding-bottom:20px;font-size:22px}.auth form{gap:14px;display:grid}.player-layout{grid-template-columns:1fr 300px;height:100%;min-height:0;display:grid}.player-main{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:16px;display:flex}.player-stage{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex:1;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.player-stage .frame-host{transform-origin:0 0;position:absolute;top:0;left:0}.player-stage .replayer-wrapper{position:relative}.player-stage iframe{background:#fff;border:0;box-shadow:0 2px 20px #0000001f}.player-controls{align-items:center;gap:10px;display:flex}.timeline{cursor:pointer;flex:1;height:28px;position:relative}.timeline .track{background:var(--border);border-radius:2px;height:4px;position:absolute;top:12px;left:0;right:0}.timeline .progress{background:var(--accent);border-radius:2px;height:4px;position:absolute;top:12px;left:0}.timeline .knob{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px var(--panel);border-radius:50%;margin-left:-7px;position:absolute;top:7px}.timeline .mark{border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:8px}.timeline .mark.m-click{background:var(--chart-2);opacity:.55}.timeline .mark.m-rage{background:var(--bad);width:3px}.timeline .mark.m-page{background:var(--text);opacity:.5;height:18px;top:5px}.timeline .inactive{background:repeating-linear-gradient(90deg, var(--faint) 0 2px, transparent 2px 4px);opacity:.6;height:4px;position:absolute;top:12px}.timeline .uncaptured-range{background:repeating-linear-gradient(135deg, var(--warn) 0 3px, transparent 3px 6px);opacity:.7;border-radius:2px;height:8px;position:absolute;top:10px}.player-stage .uncaptured{z-index:1;text-align:center;background:var(--panel-2);overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.player-stage .uncaptured .muted{max-width:420px}.player-side{border-left:1px solid var(--border);background:var(--panel);overflow-y:auto}.player-side section{border-bottom:1px solid var(--border);padding:16px}.player-side h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:12px}.kv{grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.kv dd.wrap{white-space:normal;overflow-wrap:anywhere}.page-step{cursor:pointer;text-align:left;width:100%;color:inherit;font-family:inherit;font-size:13px;line-height:inherit;background:0 0;border:0;border-radius:6px;gap:10px;padding:7px 8px;display:flex}.page-step:hover,.page-step:focus-visible{background:var(--panel-2)}.page-step:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-2px}.page-step.current{background:var(--accent-soft)}.page-step .t{color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px}@media (width<=900px){.player-layout{grid-template-rows:max-content minmax(220px,1fr);grid-template-columns:1fr}.player-side{border-left:0;border-top:1px solid var(--border)}.player-stage{min-height:180px;aspect-ratio:var(--ratio,16 / 10);flex:none;max-height:60vh}}@media (width<=640px){.player-main{padding:12px}.player-controls{flex-wrap:wrap;gap:8px 10px}.player-controls .timeline{flex:1 0 100%;order:-1}.player-controls select{margin-left:auto}}@media (width<=360px){.player-controls .skip-label{display:none}}.hm-layout{grid-template-columns:280px 1fr;height:100%;min-height:0;display:grid}.hm-pages{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.hm-pages .search{border-bottom:1px solid var(--border);padding:12px}.hm-pages ul{min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.hm-pages li button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:2px;padding:8px 10px;display:grid}.hm-pages li button:hover{background:var(--panel-2)}.hm-pages li button.on{background:var(--accent-soft)}.hm-pages li .p{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.hm-pages li .m{color:var(--muted);font-size:12px}.hm-main{flex-direction:column;min-width:0;min-height:0;display:flex}.hm-toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.hm-body{flex:1;grid-template-columns:1fr 260px;min-height:0;display:grid}.hm-stage{background:var(--panel-2);min-height:400px;position:relative;overflow:hidden}.hm-stage .frame-host{transform-origin:0 0;position:absolute;top:16px}.hm-stage .heat-overlay{pointer-events:none;position:absolute;top:0;left:0}.hm-stage iframe{background:#fff;border:0;box-shadow:0 2px 20px #0000001f}.hm-stage .scrollbar{background:var(--border);border-radius:4px;width:8px;position:absolute;top:16px;bottom:16px;right:6px}.hm-stage .scrollbar div{background:var(--faint);border-radius:4px;position:absolute;left:0;right:0}.hm-side{border-left:1px solid var(--border);background:var(--panel);padding:14px;overflow-y:auto}.hm-side h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 10px;font-size:12px}.el-row{cursor:default;text-align:left;width:100%;color:inherit;font-family:inherit;font-size:12.5px;line-height:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.el-row:hover,.el-row:focus-visible{background:var(--panel-2)}.el-row:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-2px}.el-row .rank{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.el-row code{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.legend{background:linear-gradient(90deg,#2c7bb6,#00a6ca,#00ccbc,#90eb9d,#ffff8c,#f9d057,#f29e2e,#e76818,#d7191c);border-radius:5px;height:10px}@media (width<=1000px){.hm-layout{grid-template-rows:none;grid-template-columns:1fr;height:auto}.hm-pages{border-right:0;border-bottom:1px solid var(--border);max-height:220px}.hm-body{grid-template-rows:none;grid-template-columns:1fr}.hm-stage{width:100%;aspect-ratio:var(--ratio,16 / 10);min-height:240px;max-height:70vh}.hm-side{border-left:0;border-top:1px solid var(--border)}}.grid.fb-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}@media (width<=900px){.grid.fb-layout{grid-template-columns:minmax(0,1fr)}}.fb-item{border-bottom:1px solid var(--border);grid-template-columns:44px 1fr auto;gap:14px;padding:16px 18px;display:grid}.fb-item:last-child{border-bottom:0}.fb-item .face{font-size:30px;line-height:1}.fb-item .comment{white-space:pre-wrap;margin:4px 0 8px}@media (width<=640px){.fb-item{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:14px}.fb-item .face{font-size:24px}.fb-item>:last-child{grid-column:2}}.rating-bars{gap:6px;display:grid}.rating-bars .r{grid-template-columns:28px 1fr 40px;align-items:center;gap:10px;display:grid}.rating-bars .track{background:var(--panel-2);border-radius:4px;height:8px;overflow:hidden}.rating-bars .track div{background:var(--accent);border-radius:4px;height:100%}.tabs{border-bottom:1px solid var(--border);background:var(--panel);z-index:1;display:flex;position:sticky;top:0}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:11px 6px;font-size:13px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:99px;padding:3px 10px;font-size:12px}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}.chip-x{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0 0 0 2px;display:inline-flex}.chip-x:hover{opacity:1}.note{border:1px solid var(--border);border-radius:8px;gap:4px;margin-bottom:8px;padding:8px 10px;font-size:13px;display:grid}.rank{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.bad-text{color:var(--bad)}.page-step .act-icon{color:var(--muted);flex:none;margin-top:2px}.act-rage .act-icon,.act-error .act-icon{color:var(--bad)}.act-dead .act-icon,.act-uturn .act-icon,.act-warn .act-icon{color:var(--warn)}.act-event .act-icon,.act-feedback .act-icon{color:var(--chart-2)}.act-note .act-icon{color:var(--good)}.act-network .act-icon{color:var(--warn)}.timeline .mark.m-dead{background:var(--warn);width:3px}.timeline .mark.m-uturn{background:var(--warn);height:16px;top:6px}.timeline .mark.m-error{background:var(--bad);height:6px;top:22px}.timeline .mark.m-event{background:var(--chart-2);width:3px;height:16px;top:6px}.timeline .mark.m-note{background:var(--good);width:3px;height:18px;top:5px}.share-shell{height:100%}.hm-single,.hm-compare{min-width:0;min-height:0;display:grid}.hm-compare{background:var(--border);grid-template-columns:1fr 1fr;gap:1px}.hm-label{z-index:2;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;left:12px}.hm-compare .hm-stage .frame-host{top:40px}@media (width<=1000px){.hm-compare{grid-template-columns:minmax(0,1fr)}.hm-compare .hm-stage{max-height:55vh}}.funnel{gap:4px;display:grid}.funnel-step{gap:6px;display:grid}.funnel-label{align-items:center;gap:8px;min-width:0;display:flex}.funnel-label code{min-width:0}.funnel-bar{background:var(--panel-2);border-radius:8px;align-items:center;height:40px;display:flex;position:relative;overflow:hidden}.funnel-bar>div{background:color-mix(in srgb, var(--accent) 75%, transparent);border-radius:8px;transition:width .3s;position:absolute;inset:0 auto 0 0}.funnel-bar>span{padding:0 12px;font-size:13px;position:relative}.funnel-drop{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0 12px 30px;font-size:13px;display:flex}.template{text-align:left;font:inherit;color:inherit;cursor:pointer;align-content:start;gap:4px;display:grid}.template:hover{border-color:var(--accent)}.survey-editor{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.survey-preview-wrap{position:sticky;top:20px}.survey-preview{border:1px solid var(--border);border-radius:var(--radius);background:repeating-linear-gradient(180deg, var(--panel-2) 0 22px, transparent 22px 34px), var(--panel);height:420px;position:relative;overflow:hidden}.survey-preview .sv-card{position:absolute;bottom:14px;right:14px}.survey-preview.left .sv-card{left:14px;right:auto}.sq{border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}.sq select{min-width:0}@media (width<=640px){.sq>.row{gap:6px}}@media (width<=400px){.sq>.row:first-child{flex-wrap:wrap!important}.sq>.row:first-child select{flex:calc(100% - 40px)}}.sq.on{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.sv-rule{align-items:center;gap:6px;display:flex}.sv-rule input{flex:1 1 0;min-width:0}.sv-rule select,.sv-rule .btn{flex:none}.sq-box,.sv-box{border:2px solid var(--faint);border-radius:50%;flex:none;width:14px;height:14px}.sq-box.multi,.sv-box.multi{border-radius:3px}input[type=color]{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;width:56px;height:34px;padding:2px}.sv-card{color:#1d1d1f;background:#fff;border-radius:12px;width:340px;max-width:calc(100% - 28px);padding:16px;font-size:14px;box-shadow:0 12px 40px #00000038}.sv-top{color:#71717a;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.sv-q{margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.4}.sv-scale{gap:4px;display:grid}.sv-scale.nps{grid-template-columns:repeat(11,1fr)}.sv-scale.nps span{text-align:center;border:1px solid #d4d4d8;border-radius:6px;padding:7px 0;font-size:12px;font-weight:600}.sv-scale.rating{grid-template-columns:repeat(5,1fr)}.sv-scale.rating span{text-align:center;color:#d4d4d8;font-size:22px}.sv-scale.rating span.lit{color:var(--sv)}.sv-ends{color:#71717a;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.sv-opts{gap:6px;display:grid}.sv-opt{border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.sv-opt .sv-box{border-color:#a1a1aa}.sv-text{color:#a1a1aa;border:1px solid #d4d4d8;border-radius:8px;height:80px;padding:10px}.sv-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.sv-next{background:var(--sv);color:#fff;border-radius:8px;padding:8px 16px;font-weight:600}.sv-skip{color:#71717a;font-size:13px}.nps-result{grid-template-columns:160px minmax(0,1fr);align-items:start;gap:24px;display:grid}.nps-split{background:var(--panel-2);border-radius:7px;height:14px;display:flex;overflow:hidden}.nps-split div{flex-basis:0}.nps-d{background:var(--bad)}.nps-p{background:var(--faint)}.nps-g{background:var(--good)}.legend-dot{border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.good-text{color:var(--good)}.cols-chart{grid-template-columns:repeat(11,1fr);gap:6px;display:grid}.cols-chart>div{text-align:center;color:var(--muted);gap:4px;font-size:12px;display:grid}.col-track{background:var(--panel-2);border-radius:4px;align-items:flex-end;height:90px;display:flex;overflow:hidden}.col-track div{border-radius:4px 4px 0 0;width:100%}.stars{color:var(--border);letter-spacing:2px;font-size:18px}.stars .lit{color:var(--warn)}.text-answers{gap:10px;display:grid}.text-answer{border:1px solid var(--border);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.text-answer .comment{white-space:pre-wrap}.answers{gap:8px;margin:10px 0 0;display:grid}.answers dt{color:var(--muted);font-size:12.5px}.answers dd{white-space:pre-wrap;margin:2px 0 0}@media (width<=1100px){.survey-editor{grid-template-columns:1fr}.survey-preview-wrap{position:static}.nps-result{grid-template-columns:1fr}}.usage{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;gap:6px;margin:0 4px 6px;padding:10px;font-size:12px;display:grid}.usage-top{color:var(--muted);justify-content:space-between;gap:8px;display:flex}.usage-top b{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.usage-bar{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.usage-bar i{border-radius:inherit;background:var(--good);height:100%;display:block}.usage.high .usage-bar i{background:var(--warn)}.usage.full .usage-bar i{background:var(--bad)}.usage-sub{color:var(--faint)}.usage.full .usage-sub{color:var(--bad)}.notice{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;line-height:1.5}.notice.warn{background:color-mix(in srgb, var(--warn) 12%, transparent);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent)}@media (width<=640px){.grid.meters{grid-template-columns:minmax(0,1fr)}}.meter{gap:8px;display:grid}.meter-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.meter-top .label{color:var(--muted);font-size:12.5px;font-weight:500}.meter-top b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:650}.meter-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.meter-bar i{border-radius:inherit;background:var(--good);height:100%;display:block}.meter.high .meter-bar i{background:var(--warn)}.meter.full .meter-bar i{background:var(--bad)}.toasts{z-index:100;pointer-events:none;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel);color:var(--text);border:1px solid var(--border);pointer-events:auto;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4;animation:.15s ease-out toast-in;display:flex;box-shadow:0 8px 24px #14120e2e}.toast span{overflow-wrap:anywhere;flex:1;min-width:0}.toast .toast-icon{flex:none;margin-top:1px}.toast.error{border-color:color-mix(in srgb, var(--bad) 45%, var(--border))}.toast.error .toast-icon{color:var(--bad)}.toast.success .toast-icon{color:var(--good)}.toast.info .toast-icon{color:var(--chart-2)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.dialog{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;width:min(440px,100vw - 32px);padding:0;box-shadow:0 20px 60px #0000004d}.dialog::backdrop{background:#14120e73}.dialog-body{gap:14px;margin:0;padding:20px;display:grid}.dialog-body h2{font-size:16px}.dialog-text{color:var(--muted);line-height:1.5}@media (pointer:coarse){.chip{padding:6px 12px}.table input[type=checkbox],label.check input{width:20px;height:20px}label.check input{flex:none;margin-top:1px}.seg button{padding:9px 12px}.me-link{padding-block:8px}}.error-message{white-space:pre-wrap;word-break:break-word;color:var(--bad);background:color-mix(in srgb, var(--bad) 6%, transparent);border-radius:8px;max-height:240px;margin:0;padding:12px 14px;font-size:13.5px;overflow:auto}