.speed-shell{--speed-bg:#f1f5f3;--speed-panel:#fff;--speed-ink:#101820;--speed-muted:#52645a;--speed-line:rgba(16,24,32,.14);--speed-green:#258945;--speed-blue:#1a73d1;min-height:100vh;position:relative;overflow:hidden;padding:7rem 1rem 3rem;color:var(--speed-ink);background:var(--speed-bg)}.dark .speed-shell{--speed-bg:#070b10;--speed-panel:#0d141c;--speed-ink:#eff8f2;--speed-muted:#98ab9f;--speed-line:rgba(159,192,171,.16);--speed-green:#79eca2;--speed-blue:#71b7ff}.speed-ambient{position:absolute;inset:0 0 auto;height:38rem;pointer-events:none;background:radial-gradient(circle at 12% 5%,rgba(65,181,107,.17),transparent 31%),radial-gradient(circle at 85% 8%,rgba(26,115,209,.12),transparent 27%);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.speed-wrap{position:relative;width:min(1180px,100%);margin:auto}.speed-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.speed-header h1{max-width:none;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.speed-header p{max-width:62ch;margin:.45rem 0 0;color:var(--speed-muted);font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.5}.speed-status{display:flex;align-items:center;gap:.65rem;flex:none;padding:.7rem .9rem;border:1px solid var(--speed-line);border-radius:8px;color:var(--speed-muted);background:color-mix(in srgb,var(--speed-panel) 88%,transparent);font-size:.76rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.speed-status i{width:.5rem;height:.5rem;border-radius:50%;background:#6b7280}.speed-status--live{color:var(--speed-green);border-color:color-mix(in srgb,var(--speed-green) 40%,transparent)}.speed-status--live i{background:#41b56b;box-shadow:0 0 14px #41b56bbf;animation:speed-pulse 1.8s ease-out infinite}.speed-recorder{overflow:hidden;border:1px solid var(--speed-line);border-radius:16px;background:var(--speed-panel);box-shadow:0 24px 60px -34px #08140d6b}.speed-instrument-bar{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--speed-line);color:var(--speed-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.speed-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.speed-readout{padding:1.8rem 2rem 1.5rem;border-bottom:1px solid var(--speed-line)}.speed-readout--download{border-right:1px solid var(--speed-line)}.speed-readout>span{display:flex;align-items:center;gap:.55rem;color:var(--speed-muted);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.speed-readout svg{width:1rem;height:1rem;color:var(--speed-green)}.speed-readout--upload svg{color:var(--speed-blue)}.speed-readout strong{display:flex;align-items:baseline;gap:.65rem;margin-top:.55rem;font-size:clamp(3.2rem,8vw,6.8rem);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.speed-readout small{color:var(--speed-muted);font-size:clamp(.8rem,2vw,1.05rem);font-weight:600;letter-spacing:0}.speed-chart{grid-column:1/-1;position:relative;height:clamp(15rem,34vw,25rem);overflow:hidden;background-image:linear-gradient(var(--speed-line) 1px,transparent 1px);background-size:100% 25%}.speed-chart:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 72%,color-mix(in srgb,var(--speed-green) 5%,transparent))}.speed-chart svg{position:absolute;top:2.5rem;right:1.2rem;bottom:1rem;left:3.5rem;width:calc(100% - 4.7rem);height:calc(100% - 3.5rem);overflow:visible}.speed-trace{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.speed-trace--idle{stroke:#e8cc00}.speed-trace--download{stroke:var(--speed-green);filter:drop-shadow(0 5px 7px rgba(37,137,69,.22))}.speed-trace--upload{stroke:var(--speed-blue);filter:drop-shadow(0 5px 7px rgba(26,115,209,.18))}.speed-chart-legend{position:absolute;z-index:4;top:.8rem;right:1rem;display:flex;gap:1rem;color:var(--speed-muted);font-size:.68rem;font-weight:700}.speed-chart-legend span{display:flex;align-items:center;gap:.35rem}.speed-key{width:1.1rem;height:2px;background:#e8cc00}.speed-key--download{background:var(--speed-green)}.speed-key--upload{background:var(--speed-blue)}.speed-chart-scale{position:absolute;z-index:2;inset:2.5rem auto .85rem 1rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--speed-muted);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.speed-chart-empty{position:absolute;top:2rem;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.7rem;color:var(--speed-muted);font-size:.82rem}.speed-chart-empty svg{position:static;width:1.6rem;height:1.6rem;color:var(--speed-green)}.speed-scanhead{position:absolute;z-index:3;inset:0 auto 0 0;width:12%;background:linear-gradient(90deg,transparent,rgba(65,181,107,.12),rgba(65,181,107,.38),transparent);mix-blend-mode:screen;animation:speed-scan 2.8s linear infinite}.speed-console{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;border-top:1px solid var(--speed-line)}.speed-console dl{display:grid;grid-template-columns:repeat(5,minmax(5.5rem,1fr));flex:1;gap:1.25rem;margin:0}.speed-console dl>div{min-width:0}.speed-console dt{display:flex;align-items:center;gap:.4rem;color:var(--speed-muted);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.speed-console dt svg{flex:none;width:.85rem}.speed-console dd{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.speed-console dd small{color:var(--speed-muted);font-size:.72rem}.speed-console button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:8rem;min-height:3.2rem;padding:0 1.4rem;border-radius:8px;color:#fff;background:#41b56b;box-shadow:0 12px 24px -14px #258945cc;font-weight:700;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.speed-console button:hover{transform:translateY(-2px);background:#258945;box-shadow:0 18px 30px -15px #258945e6}.speed-console button:focus-visible{outline:3px solid #1a73d1;outline-offset:3px}.speed-console button svg{width:1.05rem}.speed-error{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;color:#dc2626;border-top:1px solid var(--speed-line);font-size:.82rem;font-weight:600}.speed-error svg{flex:none;width:1rem}.speed-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem .25rem 0;color:var(--speed-muted);font-size:.72rem}.speed-footer a{color:var(--speed-green);font-weight:700;text-underline-offset:3px}@keyframes speed-scan{0%{transform:translate(-100%)}to{transform:translate(930%)}}@keyframes speed-pulse{0%{box-shadow:0 0 #41b56b73}to{box-shadow:0 0 0 8px transparent}}@keyframes speed-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.speed-shell{padding-top:5.9rem}.speed-header{display:grid;grid-template-columns:1fr auto;gap:.7rem 1rem;margin-bottom:1rem}.speed-header h1{font-size:1.75rem}.speed-header p{grid-column:1/-1;grid-row:2;margin:0}.speed-status{grid-column:2;grid-row:1;width:-moz-fit-content;width:fit-content;padding:.55rem .65rem}.speed-status span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.speed-readout{padding:1.25rem}.speed-readout strong{display:block;font-size:clamp(2.8rem,14vw,4.5rem)}.speed-readout small{display:block;margin-top:.3rem}.speed-chart{height:15rem}.speed-chart-legend{left:1rem;right:auto;gap:.65rem;font-size:.6rem}.speed-chart-legend span{gap:.25rem}.speed-console{align-items:stretch;flex-direction:column}.speed-console dl{grid-template-columns:repeat(2,1fr);gap:1rem}.speed-console dl>div:last-child{grid-column:1/-1}.speed-console button{width:100%}.speed-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.speed-status--live i,.speed-scanhead,.speed-button-pulse{animation:none}.speed-scanhead{display:none}.speed-console button{transition:none}}