@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.page{min-height:100dvh;color:var(--color-foreground);background:var(--color-background);position:relative;overflow:hidden}.scene-wrap,.scene-fallback{z-index:0;position:fixed;inset:0}.scene-fallback{background:radial-gradient(70% 50% at 50% 40%,#1e3a5f8c,#0000 70%),#0b1224}.hud{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh;padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:relative}.hud-header,.hud-panel,.start-btn{pointer-events:auto}.hud-header{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:min(560px,100%);box-shadow:var(--shadow-xl), 0 0 40px #38bdf814;background:#0f172a8c;border:1px solid #38bdf847;border-radius:1rem;padding:1.1rem 1.25rem 1rem;position:relative}.hud-kicker{letter-spacing:.22em;color:#7dd3fc;margin:0;font-size:.72rem;font-weight:600}.hud-header h1{letter-spacing:-.02em;margin:.35rem 0 .25rem;font-size:clamp(1.6rem,4vw,2.15rem);font-weight:700}.hud-status{letter-spacing:.08em;color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;margin:0;font-size:.8rem}.hud-status[data-phase=done]{color:#86efac}.hud-status[data-phase=error]{color:#fca5a5}.hud-panel{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);width:min(560px,100%);box-shadow:var(--shadow-xl);background:#192134b8;border:1px solid #ffffff1a;border-radius:1.15rem;margin-top:auto;padding:1.35rem 1.25rem 1.25rem;position:relative}.url-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.url-label{letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.72rem}.url-field input{color:#f8fafc;background:#10192ef2;border:1px solid #38bdf847;border-radius:.75rem;outline:none;width:100%;min-height:44px;padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s}.url-field input::placeholder{color:#64748b}.url-field input:focus{border-color:#38bdf8b3;box-shadow:0 0 0 3px #38bdf82e}.url-field input:disabled{opacity:.65;cursor:not-allowed}.probe-card{background:#10192eeb;border:1px solid #ffffff1a;border-radius:.85rem;margin:0 0 1rem;padding:.85rem .95rem;font-size:.875rem}.probe-card.ok{border-color:#22c55e73}.probe-card.bad{border-color:#f8717173}.probe-title{letter-spacing:.1em;color:var(--color-muted-foreground);margin-bottom:.55rem;font-size:.72rem}.probe-row{justify-content:space-between;gap:.75rem;margin-top:.35rem;display:flex}.probe-row span{color:var(--color-muted-foreground);flex-shrink:0}.probe-row strong{text-align:right;word-break:break-all;font-weight:600}.probe-url strong{color:#bae6fd;font-size:.78rem}.probe-card.china{border-color:#a78bfa73}.china-list{gap:.3rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.china-list li{justify-content:space-between;gap:.75rem;font-size:.82rem;display:flex}.china-list span{color:var(--color-muted-foreground)}.china-note{color:#94a3b8;margin:.7rem 0 0;font-size:.72rem;line-height:1.45}@media (width<=420px){.china-list{gap:.4rem}}.hud-corner{opacity:.85;pointer-events:none;border-style:solid;border-color:#38bdf8;width:14px;height:14px;position:absolute}.hud-corner.tl{border-width:2px 0 0 2px;top:8px;left:8px}.hud-corner.tr{border-width:2px 2px 0 0;top:8px;right:8px}.hud-corner.bl{border-width:0 0 2px 2px;bottom:8px;left:8px}.hud-corner.br{border-width:0 2px 2px 0;bottom:8px;right:8px}.hero-metric{flex-direction:column;align-items:center;margin-bottom:.85rem;display:flex}.hero-value{letter-spacing:-.03em;text-shadow:0 0 24px #22c55e59;font-size:clamp(2.2rem,8vw,3rem);font-weight:700;line-height:1}.hero-unit{letter-spacing:.16em;color:var(--color-muted-foreground);margin-top:.35rem;font-size:.72rem}.grade-badge{text-align:center;letter-spacing:.04em;border-radius:999px;margin:0 0 1rem;padding:.55rem 1rem;font-size:1.02rem;font-weight:700;transition:transform .2s,box-shadow .2s}.grade-very-slow{color:#fecaca;background:#dc262629;border:1px solid #f8717173}.grade-slow{color:#fde68a;background:#f59e0b29;border:1px solid #fbbf2473}.grade-fast{color:#bbf7d0;background:#22c55e24;border:1px solid #4ade8073}.grade-very-fast{color:#a5f3fc;background:#06b6d429;border:1px solid #22d3ee80}.metrics{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.1rem;display:grid}.metric{background:#10192ee6;border:1px solid #ffffff14;border-radius:.85rem;padding:.85rem .95rem;transition:border-color .2s,box-shadow .2s,transform .2s}.metric.active{border-color:#38bdf88c;transform:translateY(-1px);box-shadow:0 0 0 1px #38bdf82e,0 0 24px #38bdf81f}.metric.down.active{border-color:#22c55e8c;box-shadow:0 0 0 1px #22c55e2e,0 0 24px #22c55e1f}.metric.up.active{border-color:#fbbf248c;box-shadow:0 0 0 1px #fbbf242e,0 0 24px #fbbf241f}.metric-label{letter-spacing:.08em;color:var(--color-muted-foreground);margin-bottom:.2rem;font-size:.72rem;display:block}.metric-value{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:650}.metric-value small{color:var(--color-muted-foreground);margin-left:.3rem;font-size:.72rem;font-weight:500}.error{color:#fecaca;background:#dc26261f;border:1px solid #dc262666;border-radius:.65rem;margin:0 0 1rem;padding:.75rem .9rem;font-size:.875rem}.start-btn{letter-spacing:.04em;width:100%;min-height:48px;color:var(--color-on-accent);cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);border:none;border-radius:999px;padding:.95rem 1.25rem;font-size:1rem;font-weight:700;transition:transform .2s,filter .2s,opacity .2s,box-shadow .2s;box-shadow:0 10px 30px #22c55e40}.start-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.start-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.start-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=420px){.metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.metric,.start-btn,.grade-badge{transition:none}}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#1e3a5f;--color-on-primary:#fff;--color-secondary:#334155;--color-on-secondary:#fff;--color-accent:#22c55e;--color-on-accent:#0f172a;--color-background:#0f172a;--color-foreground:#fff;--color-card:#192134;--color-card-foreground:#fff;--color-muted:#10192e;--color-muted-foreground:#94a3b8;--color-border:#ffffff14;--color-destructive:#dc2626;--color-on-destructive:#fff;--color-ring:#fff;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #00000040;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 40px #00000073;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:var(--color-background);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input{font:inherit}