:root{--ink:#f0f1ea;--muted:#929b98;--line:#aacdc829;--panel:#1b2022d1;--field:#00000047;--acid:#c8f169;--acid-ink:#16200a;--amber:#e0a054;--danger:#e8806a;--canvas:#111416;--sans:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);font-family:var(--sans);background-color:#0000;background-image:radial-gradient(circle at 79% 0,#9fc25024,#0000 26rem),linear-gradient(135deg,#111416 0%,#1b2022 54%,#0d1011 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0;line-height:1.5}h1{text-wrap:balance;margin:0;font-size:clamp(26px,4vw,34px);font-weight:600;line-height:1.15}h2{margin:0 0 14px;font-size:17px;font-weight:600}p{margin:0 0 10px}a{color:var(--acid)}code{font-family:var(--mono);background:var(--field);border-radius:4px;padding:1px 6px;font-size:.9em}ol{flex-direction:column;gap:6px;margin:0 0 14px;padding-left:22px;display:flex}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acid);font-size:13px;text-decoration:none}.topbar{padding:14px max(16px, env(safe-area-inset-right,0px)) 14px max(16px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111416b3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar nav{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.who{overflow-wrap:anywhere;font-size:14px}.page{width:min(100%,960px);padding:32px max(16px, env(safe-area-inset-right,0px)) 72px max(16px, env(safe-area-inset-left,0px));flex-direction:column;gap:22px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head p{margin:6px 0 0}.center{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.back{width:fit-content;font-size:14px;text-decoration:none}.back:before{content:"← "}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:22px}.card.narrow{flex-direction:column;gap:14px;width:min(100%,420px);padding:32px 28px;display:flex}.card.narrow p{margin:0}.google-button{min-height:44px}.chip{font-family:var(--mono);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.chip.ok{color:var(--acid);border-color:#c8f16966}.chip.wait{color:var(--amber);border-color:#e0a05466}.chip.paused{color:var(--muted)}.chip.plan{color:var(--ink)}.site-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.site-row{color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:grid}.site-row:hover{border-color:var(--muted)}.site-row:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.site-main{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.site-seen{font-size:14px}label{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}input[type=text]{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:10px 12px}input[type=text]:focus-visible{outline:2px solid var(--acid);outline-offset:1px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row input{flex:220px}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.btn{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:10px 16px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--acid);color:var(--acid-ink);border-color:var(--acid);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.danger{color:var(--danger);border-color:#e8806a66}.btn.small{padding:6px 12px;font-size:14px}.status{color:var(--muted);min-height:1.4em;margin:0;font-size:14px}.status.error{color:var(--danger)}.link{font:inherit;color:var(--acid);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.demo-banner{padding:10px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));text-align:center;color:var(--acid-ink);background:var(--acid);margin:0;font-size:14px}.demo-banner .link{color:inherit;font-weight:600}.notice{color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:14px 16px}.code{margin:0 0 14px;position:relative}.code pre{font-family:var(--mono);white-space:pre;background:var(--field);border:1px solid var(--line);border-radius:8px;margin:0;padding:16px 84px 16px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.code pre:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.code .btn{background:#1b2022f2;position:absolute;top:10px;right:10px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px}.tab:hover{color:var(--ink)}.tab.active{color:var(--acid);border-bottom-color:var(--acid)}.ok-line,.wait-line{align-items:flex-start;gap:10px;margin:0;display:flex}.dot{background:var(--amber);border-radius:50%;flex:none;width:10px;height:10px;margin-top:7px}.dot.ok{background:var(--acid)}.dot.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.dot.pulse{animation:none}}.setting{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.setting p{margin:4px 0 0;font-size:14px}.setting>div{flex:260px;min-width:0}.setting input{max-width:360px;margin-top:10px}.panel>.row{margin-bottom:4px}.danger-zone strong{color:var(--danger)}@media (width<=560px){.site-row{grid-template-columns:1fr auto}.site-seen{grid-area:2/1/auto/-1}.card,.panel{padding:18px}}.head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}a.btn{text-decoration:none;display:inline-block}.range{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.range .tab{margin-bottom:-1px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:16px 18px;display:flex}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-variant-numeric:tabular-nums;font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2}.kpi-note{font-size:13px}.delta.up{color:var(--acid)}.delta.down{color:var(--danger)}.delta.flat{color:var(--muted)}.chart{--views:#78a52d;--visitors:#3b8fdc;position:relative}.chart svg{touch-action:pan-y;max-width:100%;display:block}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--muted);font-family:var(--mono);font-size:11px}.chart .area{fill:var(--views);opacity:.16}.chart .line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .line.views{stroke:var(--views)}.chart .line.visitors{stroke:var(--visitors)}.chart .cursor{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.chart .dot{stroke:var(--canvas);stroke-width:2px}.chart .dot.views{fill:var(--views)}.chart .dot.visitors{fill:var(--visitors)}.swatch{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.swatch.views{background:var(--views)}.swatch.visitors{background:var(--visitors)}.legend{color:var(--muted);gap:18px;margin-top:8px;font-size:13px;display:flex}.tip{pointer-events:none;white-space:nowrap;border:1px solid var(--line);background:#0f1213;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:4px;transform:translate(-50%)}.table-view{margin-top:10px;font-size:14px}.table-view summary{cursor:pointer;color:var(--muted)}.table-scroll{max-height:320px;margin-top:8px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);padding:6px 10px}th[scope=row],thead th:first-child{text-align:left;font-weight:400}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.bars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bars li{border-radius:4px;justify-content:space-between;gap:12px;padding:5px 10px;font-size:14px;display:flex;position:relative;overflow:hidden}.bar-fill{background:#c8f16924;border-radius:4px;position:absolute;inset:0 auto 0 0}.bar-name{overflow-wrap:anywhere;min-width:0;position:relative}.bar-value{font-family:var(--mono);font-variant-numeric:tabular-nums;position:relative}.realtime{flex-direction:column;gap:14px;display:flex}.pulse-bars{align-items:flex-end;gap:3px;height:48px;display:flex}.pulse-bars .bar{background:var(--line);border-radius:2px 2px 0 0;flex:1;min-width:0}.pulse-bars .bar.on{background:var(--acid)}@media (width<=700px){.kpis,.grid2{grid-template-columns:1fr}}.reports{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:22px;display:grid}.report-list{flex-direction:column;gap:4px;max-height:70vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.report-item{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;padding:8px 12px;display:flex}.report-item:hover{border-color:var(--line)}.report-item.active{background:var(--panel);border-color:#c8f16966}.report-item:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.report-head{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.suggestion{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 0;display:flex}.suggestion p{color:var(--muted);margin:0}.suggestion.highlight{border:1px solid #c8f1694d;border-radius:8px;margin-bottom:8px;padding:14px 16px}h3{margin:18px 0 0;font-size:15px}@media (width<=700px){.reports{grid-template-columns:1fr}.report-list{flex-direction:row;max-height:none;padding-bottom:6px;overflow-x:auto}.report-item{white-space:nowrap}.report-head{grid-template-columns:1fr}}