#wifi-speed-check-root{--wsc-accent:var(--color-accent,#ff7a00);--wsc-accent-bright:var(--color-accent-bright,#ff8a1f);--wsc-upload:#ffb020}.wsc-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 30px -18px #00000073}.wsc-card:hover{border-color:color-mix(in srgb, var(--wsc-accent) 35%, var(--color-hairline))}.wsc-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-body);background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.68rem;font-weight:600;display:inline-flex}.wsc-btn-primary{color:#0b0b0b;background:var(--wsc-accent);box-shadow:0 8px 24px -8px color-mix(in srgb, var(--wsc-accent) 60%, transparent);border-radius:.9rem;padding:.85rem 2rem;font-size:.9rem;font-weight:800;transition:transform .12s,background .15s,box-shadow .15s}.wsc-btn-primary:hover{background:var(--wsc-accent-bright);transform:translateY(-1px)}.wsc-btn-primary:active{transform:translateY(0)scale(.98)}.wsc-btn-stop{color:#fff;background:var(--color-error);border-radius:.9rem;padding:.85rem 2rem;font-size:.9rem;font-weight:800;transition:transform .12s,filter .15s}.wsc-btn-stop:hover{filter:brightness(1.08);transform:translateY(-1px)}.wsc-btn-ghost{color:var(--color-ink);background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.7rem;padding:.5rem 1.1rem;font-size:.78rem;font-weight:700;transition:border-color .15s;display:inline-flex}.wsc-btn-ghost:hover{border-color:var(--wsc-accent)}.wsc-btn-primary:focus-visible,.wsc-btn-stop:focus-visible,.wsc-btn-ghost:focus-visible,.wsc-tab:focus-visible,.wsc-related:focus-visible{outline:2px solid var(--wsc-accent);outline-offset:2px}.wsc-step{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.75rem;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .35rem;transition:background .2s,border-color .2s;display:flex}.wsc-step-dot{background:var(--color-hairline);width:1.5rem;height:1.5rem;color:var(--color-mute);border-radius:999px;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700;transition:background .2s,color .2s;display:flex}.wsc-step-label{color:var(--color-mute);text-align:center;font-size:.66rem;font-weight:600;line-height:1.1}@media (width>=640px){.wsc-step{flex-direction:row;gap:.5rem;padding:.6rem .75rem}.wsc-step-label{font-size:.72rem}}.wsc-step.is-active{background:color-mix(in srgb, var(--wsc-accent) 14%, transparent);border-color:color-mix(in srgb, var(--wsc-accent) 45%, transparent)}.wsc-step.is-active .wsc-step-dot{background:var(--wsc-accent);color:#0b0b0b;animation:1.2s ease-in-out infinite wsc-pulse}.wsc-step.is-active .wsc-step-label{color:var(--wsc-accent)}.wsc-step.is-done{background:color-mix(in srgb, var(--color-success) 12%, transparent);border-color:color-mix(in srgb, var(--color-success) 35%, transparent)}.wsc-step.is-done .wsc-step-dot{background:var(--color-success);color:#fff}.wsc-step.is-done .wsc-step-label{color:var(--color-success-deep)}@keyframes wsc-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--wsc-accent) 55%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--wsc-accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.wsc-step.is-active .wsc-step-dot{animation:none}}.wsc-metric{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.9rem;padding:.9rem 1rem}.wsc-metric-head{color:var(--color-mute);align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.wsc-metric-value{color:var(--color-ink);font-variant-numeric:tabular-nums;margin-top:.25rem;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:800;line-height:1.1}.wsc-metric-value.is-accent{color:var(--wsc-accent)}.wsc-metric-value.is-unavailable{color:var(--color-warning-deep);font-size:.85rem}.wsc-metric-sub{color:var(--color-mute);font-family:ui-monospace,monospace;font-size:.65rem}.sc-gauge-svg{filter:drop-shadow(0 10px 22px #00000047)}.sc-gauge-track{stroke:var(--color-hairline)}.sc-gauge-arc{stroke:var(--wsc-accent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--wsc-accent) 55%, transparent));transition:stroke-dashoffset .2s ease-out}.sc-gauge-tick{fill:var(--color-mute);font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.wsc-graph-area{background:var(--color-canvas-soft)}.sc-graph-grid{stroke:var(--color-hairline);stroke-width:1px}.sc-graph-grid-base{stroke:var(--color-hairline-strong)}.sc-graph-path-down{stroke:var(--wsc-accent);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--wsc-accent) 50%, transparent))}.sc-graph-path-up{stroke:var(--wsc-upload);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--wsc-upload) 50%, transparent))}.wsc-tab{color:var(--color-mute);background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.55rem;padding:.25rem .7rem;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.wsc-tab:hover{color:var(--color-ink)}.wsc-tab-active{color:var(--wsc-accent);background:color-mix(in srgb, var(--wsc-accent) 14%, transparent);border-color:color-mix(in srgb, var(--wsc-accent) 40%, transparent);font-weight:700}.wsc-howto{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.75rem;padding:1rem}.wsc-howto-num{color:var(--wsc-accent);margin-bottom:.4rem;font-family:ui-monospace,monospace;font-size:.85rem;font-weight:700}.wsc-related{color:var(--color-ink);background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:.7rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.wsc-related:hover{border-color:var(--wsc-accent);color:var(--wsc-accent)}