@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--color-background: #000000;--color-foreground: #fafafa;--color-card: #0c0c0c;--color-surface: #18181b;--color-muted-foreground: #a1a1aa;--color-border: #27272a;--color-border-strong: #3f3f46;--color-accent: #fafafa;--color-on-accent: #0a0a0a;--color-ring: #fafafa;--color-data: #fafafa;--shadow-tap: 0 2px 8px rgb(0 0 0 / .6), 0 24px 48px -20px rgb(255 255 255 / .12);--shadow-tap-hover: 0 2px 8px rgb(0 0 0 / .6), 0 32px 64px -20px rgb(255 255 255 / .2);--shadow-card: 0 1px 2px rgb(0 0 0 / .6), 0 16px 40px -24px rgb(0 0 0 / .9);--radius-card: 14px;--radius-control: 10px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.25rem;--space-5: 3.5rem;--space-6: 5rem;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .7, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-ui);font-size:1rem;line-height:1.5;font-feature-settings:"cv05" 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgb(255 255 255 / .055),transparent 70%)}#auth,#app,#stats,.topbar{display:none}[data-view=auth] #auth{display:block}[data-view=counter] #app{display:grid}[data-view=stats] #stats{display:block}[data-view=counter] .topbar,[data-view=stats] .topbar{display:flex}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:max(var(--space-2),env(safe-area-inset-top)) var(--space-3) max(var(--space-3),env(safe-area-inset-bottom))}.topbar{grid-row:1}main{grid-row:2;display:grid;place-items:center}.label{font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--color-muted-foreground)}.topbar{align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:.5rem}.brand__mark{inline-size:7px;block-size:7px;border-radius:50%;background:var(--color-foreground)}.brand__name{font-size:.8125rem;font-weight:600;letter-spacing:.14em}.account{display:flex;align-items:center;gap:var(--space-1);min-width:0}.account__email{font-size:.8125rem;color:var(--color-muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-1);border:0;background:none;color:var(--color-muted-foreground);font:inherit;font-size:.8125rem;cursor:pointer;transition:color .18s var(--ease)}.btn-ghost:hover{color:var(--color-foreground)}.tap{position:relative;display:grid;place-items:center;inline-size:clamp(10.5rem,52vw,14rem);aspect-ratio:1;margin-block:var(--space-4) var(--space-3);border:0;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-tap);font-family:var(--font-ui);font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}@media(hover:hover){.tap:hover{transform:translateY(-2px);box-shadow:var(--shadow-tap-hover)}}.tap:active{transform:scale(.97);box-shadow:var(--shadow-tap);transition-duration:80ms}.tap__ring{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .09),transparent 78%);pointer-events:none}:where(button,a):focus-visible{outline:2px solid var(--color-ring);outline-offset:4px}.counter{justify-items:center;text-align:center}.counter__value{display:block;font-weight:700;font-size:clamp(4rem,22vw,7.5rem);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.counter__label{margin:var(--space-1) 0 0}.status{display:inline-flex;align-items:center;gap:.5rem;min-height:1.875rem;margin:0;padding:0 .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);font-size:.75rem;font-weight:500;color:var(--color-muted-foreground)}.status__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--color-foreground)}.status[data-state=pending] .status__dot{animation:pulse 1.6s ease-in-out infinite}.status[data-state=offline] .status__dot{background:var(--color-border-strong)}@keyframes pulse{50%{opacity:.25}}.statslink{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-2);color:var(--color-muted-foreground);font-size:.8125rem;text-decoration:none;border-bottom:1px solid transparent;transition:color .18s var(--ease),border-color .18s var(--ease)}.statslink:hover{color:var(--color-foreground);border-bottom-color:var(--color-border-strong)}.auth{inline-size:min(22rem,100%);padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);text-align:center}.auth .brand{justify-content:center;margin-bottom:var(--space-3)}.auth__title{margin:0 0 var(--space-1);font-weight:600;font-size:1.4375rem;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.auth__sub{margin:0 0 var(--space-3);color:var(--color-muted-foreground);font-size:.875rem;text-wrap:pretty}.gsi{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:44px;overflow:hidden;border-radius:var(--radius-control)}.gsi iframe{clip-path:inset(3px round 8px)}.stats{inline-size:min(32rem,100%);align-self:start;padding-block:var(--space-3)}.stats__head{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}.iconbtn{display:grid;place-items:center;inline-size:44px;block-size:44px;margin-inline-start:-.625rem;border:0;border-radius:var(--radius-control);background:none;color:var(--color-muted-foreground);cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease)}.iconbtn:hover{color:var(--color-foreground);background:var(--color-surface)}.stats__title{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.015em}.stats__state{margin:0;padding:var(--space-4) 0;color:var(--color-muted-foreground);font-size:.875rem;text-align:center}.stats__since{margin:var(--space-3) 0 0;text-align:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;margin:0 0 var(--space-2);background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.tile{padding:var(--space-2);background:var(--color-card)}.tile__value{margin:.375rem 0 0;font-size:1.5rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tile__value small{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;letter-spacing:0;color:var(--color-muted-foreground)}.chart{margin:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card)}.chart__caption{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-2)}.chart__plot{position:relative}#chart{display:block;inline-size:100%;block-size:auto}.bar{fill:var(--color-data);fill-opacity:.82;transition:fill-opacity .16s var(--ease)}.bar--empty{fill:var(--color-border);fill-opacity:1}.bar__hit{fill:transparent}.bar__hit:hover+.bar,.bar__group.is-active .bar{fill-opacity:1}.chart__axis{stroke:var(--color-border);stroke-width:1}.chart__value{fill:var(--color-foreground);font-size:9px;font-weight:600}.chart__tick{fill:var(--color-muted-foreground);font-size:8px}.tip{position:absolute;z-index:1;transform:translate(-50%,-100%);padding:.3125rem .5rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);color:var(--color-foreground);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.chart__data{margin-top:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.chart__data summary{color:var(--color-muted-foreground);font-size:.8125rem;cursor:pointer}.chart__data summary:focus-visible{outline:2px solid var(--color-ring);outline-offset:4px}.chart__data table{inline-size:100%;margin-top:var(--space-2);border-collapse:collapse;font-size:.8125rem}.chart__data th,.chart__data td{padding:.375rem 0;text-align:left;border-bottom:1px solid var(--color-border);font-weight:400}.chart__data th{color:var(--color-muted-foreground)}.chart__data td:last-child,.chart__data th:last-child{text-align:right;font-variant-numeric:tabular-nums}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tap:hover,.tap:active{transform:none}.status[data-state=pending] .status__dot{animation:none;opacity:.5}}