:root{--canvas:#f5f4ef;--surface:#fff;--ink:#202923;--muted:#58645c;--accent:#246344;--rule:#d6ddd5;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:15px;line-height:1.55}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:6px;padding:7px 13px;transition:background .15s}button:hover{background:#e8ede6}button:disabled{cursor:wait;opacity:.6}input{border:1px solid #a6b0a7;border-radius:6px;padding:9px 12px;background:var(--surface);color:var(--ink);caret-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#c9dfcd;color:var(--ink)}[hidden]{display:none!important}.quiet{color:var(--muted);font-size:13px}.error{background:#fbeae6;color:#852f20;padding:12px 16px;border-radius:6px}.topbar{padding:22px 40px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:650;text-decoration:none;letter-spacing:-.025em}.brand-mark{width:22px;height:20px;background:var(--accent);clip-path:polygon(0 100%,0 50%,24% 50%,24% 100%,38% 100%,38% 25%,62% 25%,62% 100%,76% 100%,76% 0,100% 0,100% 100%)}.topbar form{display:flex;align-items:center;gap:22px}.account{color:var(--muted);font-size:13px}.text-button{border:0;padding:5px 0}.text-button:hover{color:var(--accent);background:none;text-decoration:underline}main{max-width:1440px;padding:0 40px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 0 32px}.page-heading h1{font-size:clamp(25px,3vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}.page-heading p{color:var(--muted);margin:0;overflow-wrap:anywhere}.date-control{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.date-control label,.date-control span{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:46px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);padding-bottom:14px}h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0}h3{font-size:15px;font-weight:650;margin:0 0 8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 10px;gap:16px}.metrics dt{color:var(--muted);font-size:13px}.metrics dd{margin:5px 0 0;font-size:32px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.metric-note{color:var(--muted);font-size:12px;margin:16px 0 28px}.activity{margin:0 0 35px}.hour-chart{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;height:115px;align-items:end;border-bottom:1px solid var(--rule);padding-top:15px}.hour-bar{background:#669a75;border-radius:2px 2px 0 0;min-height:2px}.chart-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.table-section{margin-bottom:32px}.table-section p{margin:0 0 12px}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}th{font-weight:500;color:var(--muted);text-align:left;padding:8px 0;border-bottom:1px solid var(--rule)}td{padding:10px 0;border-bottom:1px solid #e6e9e1;overflow-wrap:anywhere}th:last-child,td:last-child{width:68px;text-align:right;font-variant-numeric:tabular-nums}td:first-child{padding-right:15px}.empty-row td{color:var(--muted);text-align:left}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.live-panel{border-left:1px solid var(--rule);padding-left:30px;min-width:0}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection::before{content:"";width:7px;height:7px;border-radius:50%;background:#87918a}.connection.connected{color:var(--accent)}.connection.connected::before{background:var(--accent)}.live-toolbar{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;gap:16px;font-size:12px;color:var(--muted)}.live-toolbar button{font-size:12px}.feed{max-height:640px;overflow:auto;scrollbar-color:#a8b6a9 transparent;scrollbar-width:thin}.event-row{border-top:1px solid var(--rule);padding:16px 2px}.event-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:12px;margin-bottom:7px}.event-description{min-width:0;overflow-wrap:anywhere}.event-name{font-weight:650;color:var(--accent)}.event-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.event-page{overflow-wrap:anywhere;font-size:14px}.event-context{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.visitor-avatar{width:16px;height:16px;flex:0 0 16px;image-rendering:pixelated}details{font-size:13px;margin-top:10px}summary{cursor:pointer;color:var(--accent);width:fit-content}pre{font:12px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef1eb;border-radius:6px;padding:16px}.empty{padding:42px 14px 50px 0}.empty h3{font-size:18px}.empty p{color:var(--muted);max-width:38ch}.empty a{font-size:13px}.connect{border-top:1px solid var(--rule);padding:28px 0;max-width:75ch}.connect p{color:var(--muted)}code{font:13px ui-monospace,SFMono-Regular,monospace;color:var(--ink)}footer{border-top:1px solid var(--rule);padding:20px 0 30px;color:var(--muted);font-size:12px}.skip-link{position:absolute;left:10px;top:-100px;background:white;padding:10px}.skip-link:focus{top:10px}.login-body{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(100%,450px);padding:50px 28px}.login-panel h1{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:40px 0 12px}.login-panel>p{color:var(--muted)}.login-panel form{display:flex;flex-direction:column;margin:28px 0}.login-panel label{font-size:13px;font-weight:600;margin:16px 0 6px}.primary{background:var(--accent);color:white;border:0;margin-top:24px;padding:12px}.primary:hover{background:#1b5137}
@media(max-width:960px){.workspace{grid-template-columns:1fr;gap:20px}.live-panel{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:24px;margin-bottom:30px}.feed{max-height:420px}.page-heading{align-items:flex-start}.page-heading h1{max-width:20ch}.topbar,main{padding-left:24px;padding-right:24px}}
@media(max-width:560px){.topbar{padding:18px 20px}.topbar .account{display:none}.brand{font-size:16px}main{padding:0 20px}.page-heading{flex-direction:column;gap:20px;padding:30px 0}.date-control{align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr);row-gap:22px}.breakdowns{grid-template-columns:1fr;gap:0}.section-heading{align-items:flex-start}.section-heading #updated{font-size:11px}.hour-chart{gap:2px}.live-toolbar{gap:8px}.event-page{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}