@font-face{font-family:plexSans;src:url(../media/ibm_plex_sans_regular-s.p.2fy8sprmoxvwk.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:plexSans;src:url(../media/ibm_plex_sans_semibold-s.p.3vsz7z9bh56bx.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:plexSans Fallback;src:local(Arial);ascent-override:101.35%;descent-override:27.19%;line-gap-override:0.0%;size-adjust:101.13%}.plexsans_e0f2cfe0-module__yqGrlq__className{font-family:plexSans,plexSans Fallback}.plexsans_e0f2cfe0-module__yqGrlq__variable{--font-plex-sans:"plexSans", "plexSans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;font-family:var(--font-plex-sans), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#151515;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#faf9f7}*{box-sizing:border-box}body{margin:0}::selection{color:#000;background:#e5e5e5}.terse-brand{color:#151515;min-height:64px;font-family:var(--font-mono);letter-spacing:-.04em;align-self:flex-start;align-items:center;gap:16px;margin-bottom:32px;font-size:clamp(40px,4vw,56px);font-weight:600;line-height:1.05;text-decoration:none;display:inline-flex}.terse-brand img{flex:none;width:clamp(64px,6vw,88px);height:auto;display:block}.terse-brand:hover{opacity:.75}.terse-brand:focus-visible{outline-offset:5px;outline:2px solid #151515}main{place-items:center;min-height:100svh;padding:120px clamp(24px,5vw,72px) 64px;display:grid;position:relative}.counter{flex-direction:column;justify-content:center;width:min(100%,960px);min-height:55svh;display:flex}p{flex-wrap:wrap;align-items:baseline;gap:24px;margin:0;display:flex}.count-row{font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(56px,8vw,112px);font-weight:600;line-height:1.2}.count-row output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-weight:600}.latency-row{font-family:var(--font-mono);color:#666;gap:16px;margin-top:32px;font-size:clamp(26px,3.4vw,48px);line-height:1.5}.latency-value{color:#151515;font-variant-numeric:tabular-nums;align-items:baseline;gap:.55ch;min-width:8ch;transition:opacity .14s;display:inline-flex}.latency-value[data-pending=true]{opacity:.55}.latency-note{color:#666;margin-top:14px;font-size:clamp(16px,1.6vw,20px);line-height:1.65;display:block}.badge{text-align:center;letter-spacing:.04em;border-radius:4px;align-self:center;min-width:calc(4ch + 28px);padding:8px 14px;font-size:clamp(14px,1.5vw,20px);font-weight:600;line-height:1.4;transition:color .18s,background-color .18s}.badge[data-empty=true]{visibility:hidden}.badge--hot{color:#93420e;background:#ffebdc}.badge--cold{color:#245991;background:#e5effc}.controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}button{appearance:none;color:#faf9f7;min-width:0;min-height:clamp(64px,7vw,88px);font:inherit;cursor:pointer;background:#151515;border:1px solid #151515;border-radius:4px;flex:1;padding:16px 24px;font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.4;transition:opacity .14s}button:hover:not(:disabled){background:#333;border-color:#333}button.secondary{color:#151515;background:0 0;border-color:#151515}button.secondary:hover:not(:disabled){background:#f1f1f1;border-color:#333}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible{outline-offset:4px;outline:2px solid #151515}.arrow-button{place-items:center;display:grid}@media (max-width:600px){.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.animated-number{vertical-align:baseline;font-variant-numeric:tabular-nums;display:inline-block}.number-digits{vertical-align:baseline;display:inline-flex}.number-digit{width:1ch;line-height:1.2;display:inline-grid;position:relative;overflow:clip}.digit-current{grid-area:1/1}.digit-outgoing{animation:.22s cubic-bezier(.16,1,.3,1) both digit-out;position:absolute;inset:0}.digit-incoming{animation:.32s cubic-bezier(.16,1,.3,1) both digit-in}@keyframes digit-in{0%{transform:translateY(calc(var(--roll-direction) * 85%));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes digit-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(calc(var(--roll-direction) * -85%));opacity:0}}@media (prefers-reduced-motion:reduce){.digit-incoming{animation:.1s both digit-fade-in}.digit-outgoing{animation:.1s both digit-fade-out}button:active:not(:disabled){transform:none}}@keyframes digit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes digit-fade-out{0%{opacity:1}to{opacity:0}}.transport-bar{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:28px;right:clamp(24px,5vw,72px)}.transport-switch{gap:8px;display:inline-flex}.mode-button{flex:none;min-height:44px;padding:8px 16px;font-size:16px}.connection-state{color:#666;font-variant-numeric:tabular-nums;font-size:14px}.controls{margin-top:28px}.request-error{color:#93420e;margin-top:16px;font-size:16px;line-height:1.5;display:block}.latency-location{color:#666;font-family:var(--font-plex-sans), sans-serif;letter-spacing:0;white-space:nowrap;align-self:center;font-size:clamp(14px,1.3vw,18px)}
