:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f4f5f2;--c-surface:#fff;--c-surface-muted:#eceeea;--c-track:#e6e9e3;--c-text:#14171a;--c-text-muted:#59626c;--c-text-faint:#8a9099;--c-border:#dde1da;--c-border-strong:#c9cec6;--c-link:#1d4ed8;--c-link-hover:#1e3a8a;--c-google:#1d4ed8;--c-meta:#d9822b;--c-ok:#1e8a4c;--c-better:#17663a;--c-better-bg:#e7f4ec;--c-worse:#9a4a06;--c-critical:#a51d12;--c-critical-bg:#fdecea;--c-critical-on:#ffe3df;--c-inactive:#8a9099;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:14px;--fs-base:15px;--fs-lg:18px;--fs-kpi:26px;--fs-h1:30px;--r-card:14px;--r-control:10px;--r-badge:6px;--r-pill:999px;--tap:44px;--gap:16px;--pad-x:16px;--max-width:1240px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;background:var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4}a{color:var(--c-link)}a:hover{color:var(--c-link-hover)}button,input,select{font:inherit;color:inherit}.app{gap:var(--gap);width:100%;max-width:var(--max-width);padding:max(8px, env(safe-area-inset-top)) max(var(--pad-x), env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(var(--pad-x), env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}@media (min-width:900px){:root{--pad-x:32px;--gap:20px}}.back{min-height:var(--tap);align-items:center;gap:2px;font-weight:500;text-decoration:none;display:inline-flex}.page-title{font-size:var(--fs-h1);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.muted{color:var(--c-text-muted);font-size:var(--fs-md)}.stand{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);padding:14px}.section-title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin:0 0 10px;font-weight:600}.num{font-variant-numeric:tabular-nums}.tone-better{color:var(--c-better)}.tone-worse{color:var(--c-worse)}.notice{border-radius:var(--r-control);font-size:var(--fs-md);padding:12px 14px}.notice-error{background:var(--c-critical-bg);color:var(--c-critical)}.raw{font-family:var(--font-mono);font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.field{font-size:var(--fs-sm);color:var(--c-text-muted);flex-direction:column;gap:4px;display:flex}.field input{min-height:var(--tap);border:1px solid var(--c-border-strong);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-text);padding:0 12px;font-size:16px}.btn{min-height:var(--tap);border:1px solid var(--c-text);border-radius:var(--r-control);background:var(--c-text);color:#fff;cursor:pointer;padding:0 16px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-head{flex-direction:column;gap:6px;padding:0 4px;display:flex}.page-head p{margin:0}.form{gap:12px;max-width:420px;display:grid}.btn-quiet:disabled{opacity:.6;cursor:default}.btn-quiet{min-height:var(--tap);border:1px solid var(--c-border-strong);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-link);font-size:var(--fs-md);cursor:pointer;padding:0 12px;font-weight:500}.list-head{justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 0;display:flex}.client-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.client-row{min-height:var(--tap);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);color:var(--c-text);grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"dot main chevron"".kpis kpis";align-items:center;gap:12px;padding:14px 14px 14px 16px;text-decoration:none;display:grid}.client-row:hover{color:var(--c-text);border-color:var(--c-border-strong)}.dot{border-radius:50%;grid-area:dot;width:10px;height:10px}.dot-ok{background:var(--c-ok)}.dot-critical{background:var(--c-critical);box-shadow:0 0 0 3px var(--c-critical-bg)}.client-main{flex-direction:column;grid-area:main;gap:2px;min-width:0;display:flex}.client-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.chevron{color:var(--c-text-faint);grid-area:chevron}.client-kpis{border-top:1px solid var(--c-surface-muted);grid-area:kpis;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.kpi{flex-direction:column;gap:2px;display:flex}.kpi-label{font-size:var(--fs-xs);color:var(--c-text-muted)}.kpi-value{font-size:16px;font-weight:600}.kpi-sub{font-size:var(--fs-sm);color:var(--c-text-muted)}@media (min-width:900px){.client-row{grid-template-columns:10px minmax(0,1fr) minmax(0,320px) auto;grid-template-areas:"dot main kpis chevron"}.client-kpis{border-top:0;padding-top:0}}.tone-neutral{color:var(--c-text-muted)}.range{flex-direction:column;gap:10px;min-width:0;display:flex}.range-pills{flex-wrap:wrap;gap:8px;display:flex}.pill{min-height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md);white-space:nowrap;cursor:pointer;flex-shrink:0;padding:0 14px;font-weight:500}.pill-on{border-color:var(--c-text);background:var(--c-text);color:#fff;font-weight:600}.range-custom{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.range-custom .btn,.range-error{grid-column:1/-1;margin:0}.field input[type=date]{width:100%;min-width:0}.period-line{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0;padding:0 4px}.view-body{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.view-body.is-stale{opacity:.55;transition:opacity .15s}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{flex-direction:column;gap:6px;min-width:0;display:flex}.tile-wide{grid-column:span 2;gap:8px}.tile-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tile-label{font-size:var(--fs-sm);color:var(--c-text-muted)}.tile-value{font-size:var(--fs-kpi);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:700}.tile-value-sm{font-size:20px}.tile-sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.tile-sub.tone-better{color:var(--c-better)}.tile-sub.tone-worse{color:var(--c-worse)}.tile-trend{font-weight:600}.tile-prev{font-size:var(--fs-xs);margin-top:-4px}.notice-retry{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.notice-retry .btn-quiet{flex-shrink:0}.seg-other{fill:var(--c-text-faint)}.swatch-other{background:var(--c-text-faint)}.split,.mtd{border-radius:4px;width:100%;height:8px;display:block;overflow:hidden}.mtd{border-radius:0;height:10px}.track{fill:var(--c-track)}.seg{fill:var(--c-text-faint)}.seg-google{fill:var(--c-google)}.seg-meta{fill:var(--c-meta)}.mtd .fill{fill:var(--c-text)}.mtd .target{fill:var(--c-worse)}.legend{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.swatch{background:var(--c-text-faint);border-radius:2px;width:8px;height:8px;display:inline-block}.swatch-google{background:var(--c-google)}.swatch-meta{background:var(--c-meta)}.section{padding:16px}.section-title-out{margin:4px 4px 10px}.bars{align-items:stretch;gap:10px;height:136px;margin:0;padding:0;list-style:none;display:flex}.bar{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bar-value{font-size:var(--fs-sm);font-weight:600}.bar-svg{flex:1;width:100%;min-height:0;display:block}.bar-fill{fill:var(--c-google)}.bar-day{font-size:var(--fs-xs);color:var(--c-text-muted)}.channels{flex-direction:column;display:flex}.channel-grid{gap:10px;display:grid}.channel{flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.channel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-name{font-size:17px;font-weight:600}.badge{font-size:var(--fs-sm);border-radius:var(--r-pill);padding:4px 10px;font-weight:600}.badge-ok{color:var(--c-better);background:var(--c-better-bg)}.badge-stopped{color:var(--c-critical);background:var(--c-critical-bg)}.metrics{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;display:grid}.metric .kpi-value{overflow-wrap:anywhere}.metric{flex-direction:column;gap:2px;min-width:0;display:flex}.btn-link{min-height:var(--tap);border:1px solid var(--c-border-strong);border-radius:var(--r-control);font-size:var(--fs-base);justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.link-hint{text-align:center;margin-top:-4px}.camp-list{margin:0;padding:0;list-style:none}.camp-row{border-top:1px solid var(--c-surface-muted);font-size:var(--fs-md);grid-template-columns:minmax(0,1fr) 60px 40px 52px;align-items:center;gap:8px;padding:10px 0;display:grid}.camp-head{font-size:var(--fs-xs);color:var(--c-text-muted);border-top:0;padding:6px 0}.camp-num{text-align:right;white-space:nowrap}.camp-main{align-items:center;gap:8px;min-width:0;display:flex}.camp-text{flex-direction:column;min-width:0;display:flex}.camp-name{overflow-wrap:break-word;min-width:0;font-weight:500}.camp-list .camp-main{grid-column:1/-1}.camp-list .camp-num:nth-child(2){grid-column:2}.camp-list .camp-num:nth-child(3){grid-column:3}.camp-list .camp-num:nth-child(4){grid-column:4}.camp-list .camp-row{row-gap:4px}.camp-sub{font-size:var(--fs-xs);color:var(--c-text-muted)}.dot-sm{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-inactive{background:var(--c-inactive)}@media (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-wide{grid-column:span 1}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-custom{grid-template-columns:200px 200px auto;justify-content:start}.range-custom .btn{grid-column:auto}.camp-row{grid-template-columns:minmax(0,1fr) 100px 70px 90px}.camp-list .camp-main{grid-column:1}}