.wto-latency-page>main{margin:clamp(1.35rem,3vw,2.5rem) auto 3.5rem!important}.wto-latency{width:min(100%,1120px);margin:auto;padding:clamp(1rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--wto-muted) 42%,transparent);border-radius:18px;background:color-mix(in srgb,var(--wto-bg) 88%,#000);box-shadow:0 1.5rem 3rem #0002;outline:0}.wto-latency:focus-visible{outline:3px solid color-mix(in srgb,var(--wto-accent) 45%,transparent);outline-offset:4px}.wto-latency__layout{display:grid;grid-template-columns:minmax(0,1fr) 14.5rem;gap:1rem}.wto-latency__top{text-align:center;margin-bottom:.6rem}.wto-latency__top .wto-eyebrow{margin:0 0 .3rem}.wto-latency h2{margin:0;color:var(--wto-text);font-size:clamp(1.2rem,2.3vw,1.65rem)}.wto-latency__modes{display:flex;justify-content:center;gap:.4rem;margin:0 0 .65rem}.wto-latency__modes button{padding:.38rem .65rem;border:1px solid color-mix(in srgb,var(--wto-muted) 45%,transparent);border-radius:7px;background:transparent;color:var(--wto-muted);font:inherit;font-size:.76rem;cursor:pointer}.wto-latency__modes button.is-active{border-color:var(--wto-accent);background:color-mix(in srgb,var(--wto-accent) 15%,transparent);color:var(--wto-text)}.wto-latency__stage{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:9rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--wto-muted) 46%,transparent);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--wto-bg) 68%,#000),color-mix(in srgb,var(--wto-bg) 82%,#000));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 17%,transparent),0 .65rem 1.2rem #0001}.wto-latency__stage>div{display:grid;gap:.35rem}.wto-latency__stage strong{color:var(--wto-text);font-size:clamp(1rem,2vw,1.22rem)}.wto-latency__stage span:not(.wto-latency__key){color:var(--wto-muted);font-size:.85rem}.wto-latency__key{display:grid;place-items:center;width:4.8rem;height:4.8rem;border:1px solid color-mix(in srgb,var(--wto-muted) 52%,transparent);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--wto-bg) 95%,#fff),color-mix(in srgb,var(--wto-bg) 76%,#000));box-shadow:0 3px 0 color-mix(in srgb,var(--wto-muted) 38%,transparent),0 6px 10px #0002;color:var(--wto-text);font-size:1.6rem;font-weight:700}.wto-latency.is-pulsing .wto-latency__key{border-color:var(--wto-accent);background:var(--wto-accent);color:var(--wto-bg);transform:translateY(3px)}.wto-latency__trace{display:flex;align-items:end;gap:.3rem;height:4.2rem;margin:.9rem 0;padding:.6rem .8rem;border:1px solid color-mix(in srgb,var(--wto-muted) 28%,transparent);border-radius:10px;background:color-mix(in srgb,var(--wto-bg) 86%,#000)}.wto-latency__trace i{display:block;flex:1;min-width:3px;height:14%;border-radius:4px 4px 1px 1px;background:color-mix(in srgb,var(--wto-muted) 45%,transparent);transition:height .14s ease}.wto-latency__trace i.is-live{background:var(--wto-accent)}.wto-latency__notice{padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--wto-accent) 44%,transparent);border-radius:9px;background:color-mix(in srgb,var(--wto-accent) 16%,var(--wto-bg));color:var(--wto-text);font-size:.84rem}.wto-latency__help{max-width:44rem;margin:.7rem auto 0!important;color:var(--wto-muted);font-size:.84rem;text-align:center}.wto-latency__sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--wto-muted) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--wto-bg) 80%,#000)}.wto-latency__stats{display:grid;gap:.5rem}.wto-latency__stats div{display:flex;justify-content:space-between;gap:.75rem;padding:.72rem .8rem;border:1px solid color-mix(in srgb,var(--wto-muted) 32%,transparent);border-radius:10px;background:color-mix(in srgb,var(--wto-bg) 82%,#000)}.wto-latency__stats span{color:var(--wto-muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.wto-latency__stats strong{color:var(--wto-text);font-size:.92rem}.wto-latency__actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.wto-latency__actions button{display:grid;place-items:center;min-height:2.35rem;border:1px solid color-mix(in srgb,var(--wto-muted) 48%,transparent);border-radius:7px;background:transparent;color:var(--wto-text);font:1.05rem/1 system-ui,sans-serif;cursor:pointer}.wto-latency__actions button:disabled{opacity:.48;cursor:not-allowed}.wto-latency__log-head{display:flex;justify-content:space-between;margin-top:1.1rem}.wto-latency__log-head h2{font-size:1.05rem}.wto-latency__log-head span,.wto-latency__log{color:var(--wto-muted);font-size:.76rem}.wto-latency__log{display:grid;gap:.35rem;max-height:10rem;margin:.55rem 0 0;padding:0;overflow:auto;list-style:none}.wto-latency__log li{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.75rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--wto-muted) 23%,transparent);border-radius:8px;background:color-mix(in srgb,var(--wto-bg) 92%,#000)}.wto-latency__log li b{color:var(--wto-text)}.wto-latency__log li.is-empty{display:block;text-align:center}@media(max-width:820px){.wto-latency__layout{grid-template-columns:1fr}.wto-latency__sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.wto-latency__actions{width:10rem}}@media(max-width:700px){.wto-latency-page>main{margin:1.25rem auto 2.5rem!important}.wto-latency__sidebar{display:block}.wto-latency__actions{width:100%;margin-top:.8rem}.wto-latency__help{text-align:left}}