:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink:#f4f4f4;--muted:#8c8c8c;--line:#1e1e1e;--line-faint:#111;--raised:#1a1a1a;--hover:#0d0d0d;--selected:#161616;--accent:#ff7a2f;--accent-bar:#ff7a2f21;--good:#8ee06a;--bad:#ff6b5e;--warn:#f0b84a;--previous:#4a4a4a;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--top:60px;--gutter:32px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}code{font:14px var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}.btn{background:var(--raised);white-space:nowrap;border-radius:8px;padding:10px 18px;font-weight:500;display:inline-block}.btn:hover:not(:disabled){background:var(--ink);color:#000}.btn-danger{color:var(--bad)}.btn-danger:hover:not(:disabled){background:var(--bad);color:#000}.link{color:var(--muted);font-weight:500}.link:hover{color:var(--ink)}input,select,textarea{font:inherit;color:var(--ink);background:#0c0c0c;border:1px solid #2a2a2a;border-radius:8px;min-width:0;padding:9px 12px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:#555;outline:none}select{appearance:none;cursor:pointer;text-overflow:ellipsis;background:#0c0c0c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238c8c8c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:36px}select option{color:var(--ink);background:#0c0c0c}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);vertical-align:-3px;padding:0}textarea{font-family:var(--mono);font-size:14px}label.field{color:var(--muted);gap:6px;font-size:14px;display:grid}label.field>input,label.field>select,label.field>textarea{color:var(--ink)}.dim{color:var(--muted);font-size:14px}.alert{color:var(--bad)}.notice{color:var(--muted);padding:16px 0;font-size:14px}.topbar{z-index:10;height:var(--top);padding:0 var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:24px;display:flex;position:sticky;top:0}.topbar-start{align-items:center;gap:4px;min-width:0;margin-left:-12px;display:flex}.topbar-end{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.tabs{gap:4px;display:flex}.tabs a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 14px;font-weight:500}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{background:var(--raised);color:var(--ink)}.tabs em{font:14px var(--mono);color:var(--good);margin-left:8px;font-style:normal}.seg{gap:4px;display:flex}.seg button{color:var(--muted);white-space:nowrap;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:500}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--raised);color:var(--ink)}.seg.chart-choice{flex-wrap:wrap;margin:16px 0 8px}.top-button{color:var(--muted);border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500}.top-button:hover,.top-button[aria-expanded=true]{color:var(--ink);background:var(--raised)}.avatar{background:var(--raised);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.avatar:hover,.avatar[aria-expanded=true]{background:#2a2a2a}.dropdown{min-width:0;position:relative}.dropdown-button{border-radius:8px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;display:flex}.dropdown-button:hover,.dropdown-button[aria-expanded=true]{background:var(--raised)}.dropdown-button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-button svg{color:var(--muted);flex:none}.project-name{font-size:16px;font-weight:600}.env-name{color:var(--muted);font-weight:500}.menu{z-index:30;background:#0c0c0c;border:1px solid #262626;border-radius:12px;min-width:260px;max-width:calc(100vw - 16px);max-height:70vh;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 20px 50px #000c}.menu-end{left:auto;right:0}.menu-item{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;width:100%;padding:10px 12px;font-weight:500;display:block;overflow:hidden}.menu-item:hover{background:var(--raised)}.menu-item[data-current=true]{background:var(--selected)}.menu-text{color:var(--muted);text-overflow:ellipsis;padding:10px 12px;font-size:14px;overflow:hidden}.menu hr{border:0;border-top:1px solid #262626;margin:6px 0}.subbar{padding:12px var(--gutter);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.subbar-dates{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.subbar-dates input{padding:6px 10px}.filter{background:var(--raised);border-radius:8px;align-items:center;gap:6px;padding:5px 4px 5px 12px;font-size:14px;display:inline-flex}.filter code{color:var(--muted)}.filter button{color:var(--muted);padding:0 8px;font-size:16px;line-height:1}.filter button:hover{color:var(--ink)}.add-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-filter input,.add-filter select{padding:6px 10px;font-size:14px}.add-filter .btn{padding:7px 14px;font-size:14px}.page{padding:0 var(--gutter) 96px}.page h1{margin:32px 0 18px;font-size:26px;font-weight:600}.page h2{font-size:17px;font-weight:600}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-head h1{margin-right:auto}.kpis{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.kpis button{gap:4px;min-width:0;padding:28px 24px 24px 0;display:grid}.kpis button+button{border-left:1px solid var(--line);padding-left:24px}.kpis span{color:var(--muted);font-size:14px}.kpis button[aria-pressed=true] span{color:var(--accent)}.kpis strong{font:500 30px var(--mono);letter-spacing:-.02em;white-space:nowrap}.kpi-change{color:var(--muted);font:500 13px var(--mono);white-space:nowrap}.kpi-change[data-tone=good]{color:var(--good)}.kpi-change[data-tone=bad]{color:var(--bad)}.chart-block{border-bottom:1px solid var(--line);padding:32px 0}.trend{touch-action:pan-y;width:100%;position:relative}.trend svg{display:block;overflow:visible}.trend text{font:13px var(--sans);fill:var(--muted)}.trend-tip{z-index:5;pointer-events:none;background:#0c0c0c;border:1px solid #262626;border-radius:8px;gap:2px;min-width:140px;padding:8px 12px;font-size:14px;display:grid;position:absolute;top:24px;box-shadow:0 6px 20px #0009}.trend-tip span{color:var(--muted)}.trend-tip strong{font:500 15px var(--mono)}.trend-tip .trend-tip-previous{margin-top:4px;font-size:13px}.trend-annotations>g{cursor:pointer;outline:none}.trend-annotations line{stroke:var(--muted);opacity:.7}.trend-annotations rect{fill:#0c0c0c;stroke:#333}.trend .trend-annotations text{fill:var(--ink);font-size:13px}.trend-annotations>g:hover rect,.trend-annotations>g:focus-visible rect,.trend-annotations>g[data-selected=true] rect{stroke:var(--accent)}.trend-annotations>g[data-selected=true] line{stroke:var(--accent);opacity:1}.chart-head{justify-content:flex-end;margin:-12px 0 8px;display:flex}.annotations{border-top:1px solid var(--line);gap:0;margin-top:20px;display:grid}.annotation{border-bottom:1px solid var(--line);gap:6px;padding:16px 0;display:grid}.annotation-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.annotation-head strong{overflow-wrap:anywhere;font-weight:500}.annotation p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.annotation p a{color:var(--accent)}.annotation-form{max-width:560px;margin-top:20px}.annotation-list,.annotation-list .annotation-form{margin-top:0}.choices{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.choices legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:14px}.choices-nested{gap:8px;padding-left:26px;display:grid}.rows{min-width:0;font-size:14px}.row{isolation:isolate;grid-template-columns:var(--cols);border-bottom:1px solid var(--line);align-items:center;column-gap:24px;width:100%;padding:11px 0;display:grid;position:relative}.row>*{text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--mono);font-variant-numeric:tabular-nums;overflow:hidden}.row>:first-child{text-align:left;font-family:var(--sans)}.row-head{color:var(--muted);padding-top:0;font-size:14px}.row-head>*{font-family:var(--sans)}a.row,button.row{cursor:pointer}a.row:hover,button.row:hover{background:var(--hover)}.row[aria-current=true]{background:var(--selected)}.rows-select .row{padding-left:12px;padding-right:12px}.rows-select .row-head{padding-left:12px}.rows-end .row:last-child{border-bottom:0}.row .muted{color:var(--muted)}.row .live-count{color:var(--good)}.row .spark-cell{justify-content:flex-end;display:flex;overflow:visible}.sparkline{display:block;overflow:visible}.sparkline polyline{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.rows-bars .row{border-bottom:0;margin:6px 0;padding:9px 10px}.rows-bars .row:before{content:"";z-index:-1;width:var(--bar);background:var(--accent-bar);border-radius:6px;position:absolute;inset:0 auto 0 0}.rows-bars button.row:hover{background:0 0}.rows-bars button.row:hover:before{background:#ff7a2f38}.rows-bars .row-head{border-bottom:1px solid var(--line);margin:0 0 4px;padding:0 10px 10px 0}.rows-title{color:var(--ink);font-size:17px;font-weight:600}.rows-title .dropdown-button{margin-left:-12px;padding:4px 12px}.status{vertical-align:1px;background:#3a3a3a;border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block}.status[data-status=active]{background:var(--good)}.status[data-status=idle]{background:var(--warn)}.recent{border-bottom:1px solid var(--line);padding:28px 0 12px}.recent .section-head{margin-bottom:8px}.more{padding:14px 0 4px}.breakdowns{grid-template-columns:1fr 1fr;gap:28px 56px;padding:28px 0;display:grid}.breakdown-full{grid-column:1/-1}.attribution{color:var(--muted);font-size:13px}.attribution a{-webkit-text-decoration:underline #444;text-decoration:underline #444}.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.split-list{padding-top:24px}.detail{top:var(--top);max-height:calc(100vh - var(--top));padding:36px 0 96px;position:sticky;overflow:auto}.detail h2{overflow-wrap:anywhere;margin-bottom:4px;font-size:22px}.detail .trend{margin-top:20px}.detail-block{margin-top:40px}.back{display:none}.timeline{margin-top:28px}.timeline-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;font-size:14px;display:flex}.timeline-head a{font-weight:600}.timeline-head a:hover{text-underline-offset:3px;text-decoration:underline}.timeline li{border-bottom:1px solid var(--line-faint);font-size:14px}.timeline li[data-match=true]{background:#f0b84a1a}.timeline summary{cursor:pointer;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:9px 0;list-style:none;display:grid}.timeline summary::-webkit-details-marker{display:none}.timeline summary:hover{background:var(--hover)}.timeline time{color:var(--muted);font:13px var(--mono);padding-top:1px}.timeline .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline .name[data-custom=true]{color:var(--accent);font-family:var(--mono)}.timeline .after{color:var(--muted);white-space:nowrap}.properties{grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;padding:4px 0 12px 76px;font-size:14px;display:grid}.properties dt{color:var(--muted);font-family:var(--mono)}.properties dd{overflow-wrap:anywhere}.timeline-end{color:var(--muted);align-items:center;padding:14px 0;font-size:14px;display:flex}.new-events{z-index:12;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0009}.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;margin:8px 0 36px;display:grid}.facts dt{color:var(--muted);font-size:14px}.facts dd{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:500;overflow:hidden}.facts dd a{text-underline-offset:3px;-webkit-text-decoration:underline #555;text-decoration:underline #555}.session{max-width:900px}.session h1{margin-top:8px}.session h1 em{color:var(--good);vertical-align:middle;margin-left:12px;font-size:15px;font-style:normal;font-weight:500}.session h1 em .status{margin-right:6px}.crumb{color:var(--muted);margin-top:28px;padding:8px 12px 8px 0;font-weight:500;display:inline-block}.crumb:hover{color:var(--ink)}.session-steps{gap:16px;margin:-16px 0 32px;display:flex}.session-steps a{color:var(--muted);padding:8px 0;font-weight:500}.session-steps a:hover{color:var(--ink)}.session-steps .later{margin-left:auto}.visitor-block{border-top:1px solid var(--line);padding:28px 0}.visitor-block .section-head{margin-bottom:14px}.visitors-head{flex-wrap:wrap;margin-bottom:8px}.visitors-search{width:260px;max-width:100%}.activity{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;max-width:720px;display:grid}.activity-week{grid-template-rows:repeat(7,auto);gap:3px;display:grid}.activity-day{aspect-ratio:1;background:#161616;border-radius:2px;display:block}.activity-day[data-empty]{background:0 0}.activity-day[data-level="1"]{background:#ff7a2f40}.activity-day[data-level="2"]{background:#ff7a2f80}.activity-day[data-level="3"]{background:#ff7a2fbf}.activity-day[data-level="4"]{background:var(--accent)}.narrow{max-width:720px}.settings-section{border-bottom:1px solid var(--line);gap:16px;padding:28px 0;display:grid}.settings-section:last-child{border-bottom:0}.settings-section>h2{margin-bottom:4px}.form{gap:14px;max-width:440px;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.snippet{border:1px solid var(--line);font:13px var(--mono);white-space:pre;background:#0c0c0c;border-radius:8px;margin:0;padding:12px 14px;overflow-x:auto}.key{font:15px var(--mono);overflow-wrap:anywhere}.warning{color:var(--warn);background:#f0b84a1a;border-radius:8px;padding:10px 14px;font-size:14px}.people>li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.people>li>:first-child{overflow-wrap:anywhere;min-width:0;margin-right:auto}.sign-in{place-items:start center;min-height:100vh;padding:12vh 16px 48px;display:grid}.sign-in form,.sign-in>div{gap:16px;width:100%;max-width:360px;display:grid}.sign-in .brand{margin-bottom:12px;font-size:22px;font-weight:600}.sign-in h1{font-size:26px;font-weight:600}@media (width<=1000px){:root{--gutter:16px}.topbar{gap:12px}.kpis{grid-template-columns:repeat(3,1fr)}.kpis button:nth-child(4){border-left:0;padding-left:0}.split{grid-template-columns:minmax(0,1fr);gap:24px}.detail{max-height:none;position:static}}@media (width<=760px){:root{--top:54px}.page{padding-bottom:120px}.topbar{gap:8px;padding-right:12px}.topbar-start{margin-left:-10px}.topbar-end{gap:6px}.dropdown{position:static}.menu{top:calc(var(--top) + 4px);min-width:0;left:8px;right:8px}.tabs{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{text-align:center;padding:13px 0;font-size:15px}.tabs em{margin-left:6px}.page h1{margin:20px 0 10px;font-size:22px}.top-button{padding:7px 8px}.range-select{background-position:right 9px center;padding:6px 28px 6px 10px;font-size:14px}.kpis{grid-template-columns:1fr;padding-top:6px}.kpis button,.kpis button+button,.kpis button:nth-child(4){border-left:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 64px;align-items:baseline;gap:12px;padding:13px 0}.kpis button:last-child{border-bottom:0}.kpis span{font-size:15px}.kpis strong{font-size:19px}.kpi-change{text-align:right}.chart-block{padding:16px 0 24px}.row{grid-template-columns:var(--cols-phone);column-gap:14px;padding:14px 0}.row [data-wide]{display:none}.rows-select .row{padding-left:0;padding-right:0}.rows-select .row-head{padding-left:0}.row[aria-current=true]{background:0 0}.rows-bars .row{padding:11px 10px}.breakdowns{grid-template-columns:minmax(0,1fr);gap:28px}.split{gap:0}.split-list{padding-top:4px}.detail{display:none}.detail[data-open=true]{inset:var(--top) 0 calc(63px + env(safe-area-inset-bottom)) 0;z-index:15;background:var(--bg);max-height:none;padding:6px 16px 48px;display:block;position:fixed;overflow:auto}.back{color:var(--muted);margin-bottom:6px;padding:12px 16px 12px 0;font-weight:500;display:inline-block}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.crumb{margin-top:12px}.timeline summary{grid-template-columns:54px minmax(0,1fr) auto}.timeline .after{text-overflow:ellipsis;max-width:34vw;overflow:hidden}.properties{padding-left:0}.new-events{bottom:calc(80px + env(safe-area-inset-bottom))}}
