:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5f2;--surface:#fcfcfb;--border:#dddbd5;--text:#1a1a19;--text-2:#52514e;--muted:#77756f;--accent:#2a78d6;--series-1:#2a78d6;--track:#ebe9e4;--good:#137a3e;--warning:#a86200;--serious:#c2491b;--critical:#c42b2b;--good-bg:#e2f3e8;--warning-bg:#fbefd9;--critical-bg:#fbe3e3;--radius:8px;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121211;--surface:#1a1a19;--border:#34332f;--text:#f4f3ef;--text-2:#c3c2b7;--muted:#9a988f;--accent:#3987e5;--series-1:#3987e5;--track:#2a2a27;--good:#4cc27a;--warning:#e0a03a;--serious:#e8743f;--critical:#ef6a6a;--good-bg:#183a25;--warning-bg:#3d2e12;--critical-bg:#432020}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121211;--surface:#1a1a19;--border:#34332f;--text:#f4f3ef;--text-2:#c3c2b7;--muted:#9a988f;--accent:#3987e5;--series-1:#3987e5;--track:#2a2a27;--good:#4cc27a;--warning:#e0a03a;--serious:#e8743f;--critical:#ef6a6a;--good-bg:#183a25;--warning-bg:#3d2e12;--critical-bg:#432020}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{max-width:1280px;margin:0 auto;padding:0 16px 48px}header{align-items:center;gap:12px;padding:16px 0 8px;display:flex}header .brand{font-size:16px}header .link{margin-left:auto}.mode{background:var(--track);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:12px}.mode.live{background:var(--critical-bg);color:var(--critical);font-weight:600}nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}nav a{color:var(--text-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;text-decoration:none}nav a:hover{color:var(--text)}nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}h1{margin:0 0 16px;font-size:20px}h2{margin:0 0 10px;font-size:15px}h3{color:var(--text-2);margin:14px 0 6px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;margin-bottom:16px;padding:14px 16px}.toolbar{align-items:center;gap:12px;margin-bottom:10px;display:flex}.toolbar h2{margin:0}.toolbar>:last-child:not(h2){margin-left:auto}.tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.tiles.small{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.tiles.small .tile{padding:8px 10px}.tile-label{color:var(--text-2);font-size:12px}.tile-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.tiles.small .tile-value{font-size:18px}.tile-sub{color:var(--muted);font-size:12px}.grid2,.grid3{gap:16px;display:grid}.grid2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}table{border-collapse:collapse;width:100%;font-size:13px}.card,.scroll{overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}th{color:var(--text-2);white-space:nowrap;font-weight:500}table.num td{font-variant-numeric:tabular-nums}table.calls td{white-space:nowrap}.clip{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:360px;display:inline-block;overflow:hidden}.jp{font-size:14px}.muted{color:var(--muted)}.notice{color:var(--text-2);background:var(--track);border-radius:var(--radius);padding:8px 12px}.error{color:var(--critical);background:var(--critical-bg);border-radius:var(--radius);padding:8px 12px}.warn-text{color:var(--warning);font-weight:600}.pill{background:var(--track);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warning{background:var(--warning-bg);color:var(--warning)}.pill.critical{background:var(--critical-bg);color:var(--critical)}button,input,select{font:inherit;color:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:6px 14px}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;padding:2px 4px}input,select{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;padding:5px 8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filters input[type=search]{flex:260px}.pager{align-items:center;gap:12px;margin-top:10px;display:flex}.actions{gap:4px;display:inline-flex}.detail{background:var(--surface);border-left:1px solid var(--border);z-index:10;width:min(460px,100vw);padding:16px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-8px 0 24px #0000001f}.detail pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:6px;max-height:260px;padding:8px;font-size:12px;overflow:auto}.kv{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0 0 10px;display:grid}.kv dt{color:var(--text-2)}.kv dd{word-break:break-word;margin:0}.form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:10px 14px;display:grid}.form label{color:var(--text-2);gap:4px;font-size:12px;display:grid}.form label.wide{grid-column:1/-1}.form>button{justify-self:start}.form>div{grid-column:1/-1}.login{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;max-width:340px;margin:12vh auto 0;padding:24px;display:grid}.login label{gap:4px;display:grid}.chart{position:relative}.daily-chart{width:100%;height:160px;display:block}.chart-peak,.chart-x{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-x{justify-content:space-between;margin-top:4px;display:flex}.daily-chart .axis{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.daily-chart .bar{fill:var(--series-1)}.daily-chart .hit{fill:#0000}.daily-chart .col:hover .bar,.daily-chart .col:focus .bar{opacity:.8}.daily-chart .col:focus{outline:none}.tooltip{background:var(--text);color:var(--surface);pointer-events:none;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:0;right:0}.barlist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.barlist li{grid-template-columns:minmax(80px,34%) 1fr auto;align-items:center;gap:8px;display:grid}.barlist .k{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barlist .track{background:var(--track);border-radius:4px;height:8px;overflow:hidden}.barlist .fill{background:var(--series-1);border-radius:4px;height:100%;display:block}.barlist .v{font-variant-numeric:tabular-nums;color:var(--text-2)}.meter{background:var(--track);border-radius:7px;height:14px;margin:4px 0 10px;position:relative}.meter .fill{background:var(--good);border-radius:7px;position:absolute;inset:0 auto 0 0}.meter.warning .fill{background:var(--warning)}.meter.serious .fill{background:var(--serious)}.meter.critical .fill{background:var(--critical)}.meter .tick{background:var(--text-2);width:2px;position:absolute;top:-3px;bottom:-3px}