:root{--bg:#0b0f17;--bg-elev:#111826;--bg-elev-2:#16202f;--border-strong:#2a3750;--text:#e6ecf5;--text-dim:#93a2ba;--text-faint:#5c6b85;--accent:#4f8cff;--accent-2:#22c55e;--danger:#ef4444;--radius:10px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600}code{background:#1c2536;border-radius:4px;padding:1px 5px;font-size:.9em}.brand{display:flex;align-items: center;gap:12px}.brand-dot{background:radial-gradient(circle at 30% 30%,#7cb3ff,var(--accent));box-shadow:0 0 12px var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.brand h1{font-size:19px}.subtitle{color:var(--text-dim);margin:2px 0 0;font-size:12.5px}.access-info{text-align:right}.access-host{color:var(--text);background:var(--bg-elev-2);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 14px;font-size:15px;font-weight:600}.access-sub{color:var(--text-dim);margin-top:4px;font-size:11.5px}.hint{color:var(--text-dim);max-width:900px;margin:6px 0 0;font-size:12.5px}.table-wrap{overflow-x:auto;border:1px solid var(--border-strong);border-radius:8px}table{border-collapse:collapse;width:100%;min-width:420px}th,td{text-align:left;border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:9px 12px}thead th{background:var(--bg-elev-2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff06}.btn{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 16px;transition:filter .12s,opacity .12s;font-size:13px;font-weight:500}.btn:hover{filter:brightness(1.15)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-track{background:0 0}.phase-screen{display:flex;flex-direction:column;align-items: center;gap:32px;min-height:100vh;padding:40px 24px}.phase-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:16px;width:100%;max-width:760px}.stepper{display:flex;position:relative;justify-content:space-between;width:100%;max-width:760px}.stepper:before{content:"";position:absolute;background:var(--border-strong);z-index:0;height:2px;top:6px;left:6px;right:6px}.step{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;align-items: center;gap:8px}.step-dot{background:var(--bg-elev-2);border:2px solid var(--border-strong);border-radius:50%;width:13px;height:13px;transition:background .2s,border-color .2s,transform .2s}.step-label{color:var(--text-faint);text-align:center;font-size:11px}.step.active .step-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.3)}.step.active .step-label{color:var(--text);font-weight:600}.step.done .step-dot{background:var(--accent-2);border-color:var(--accent-2)}.step.done .step-label{color:var(--text-dim)}.phase-stage{background:var(--bg-elev);border:1px solid var(--border-strong);display:flex;text-align:center;border-radius:16px;flex-direction:column;align-items: center;gap:14px;width:100%;max-width:760px;min-height:320px;padding:32px}.phase-stage h2{font-size:20px}.phase-visual{display:flex;flex-direction:column;align-items: center;gap:14px;width:100%;margin-top:12px}.big-spinner{border:3px solid var(--border-strong);border-top-color:var(--accent);animation:.8s linear infinite spin;border-radius:50%;width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.connect-result{display:flex;flex-direction:column;align-items: center;gap:6px}.connect-total{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.connect-proto{color:var(--text-dim);font-size:13px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}.chip{background:var(--bg-elev-2);border:1px solid var(--border-strong);display:flex;border-radius:8px;justify-content:space-between;align-items: center;padding:10px 12px;transition:border-color .2s,background .2s;font-size:12.5px}.chip.pending{opacity:.6}.chip.done{border-color:var(--accent-2)}.chip.error{border-color:var(--danger)}.chip-status{font-variant-numeric:tabular-nums;color:var(--text-dim)}.chip.done .chip-status{color:var(--accent-2)}.chip.error .chip-status{color:var(--danger)}.image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.img-slot{aspect-ratio:4/3;overflow:hidden;position:relative;background:var(--bg-elev-2);border:1px solid var(--border-strong);display:flex;border-radius:10px;justify-content:center;align-items: center}.img-slot.skeleton{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.9}}.img-slot img{object-fit:cover;animation:.3s fadein;width:100%;height:100%}@keyframes fadein{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.img-caption{position:absolute;color:#fff;text-align:right;background:linear-gradient(#0000,#000c);padding:12px 8px 6px;font-size:10.5px;bottom:0;left:0;right:0}.img-error{color:var(--danger);font-size:12px}@media (max-width:560px){.image-gallery{grid-template-columns:repeat(2,1fr)}}.progress-big{background:var(--bg-elev-2);border:1px solid var(--border-strong);overflow:hidden;border-radius:999px;width:100%;height:14px}.progress-big-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));height:100%;transition:width .15s}.progress-readout{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.chunk-row{display:flex;flex-wrap:wrap;align-items: flex-end;gap:4px;width:100%;min-height:40px}.chunk-bar{background:var(--accent);animation:.25s popup;border-radius:3px;width:14px;height:28px}.chunk-bar.sse{background:#c084fc}.chunk-bar.ws{background:#34d399;height:18px}@keyframes popup{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%}.video-slot{display:flex;flex-direction:column;gap:6px}.video-slot video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%}.video-slot.error{color:var(--danger);border:1px dashed var(--border-strong);border-radius:10px;justify-content:center;align-items: center;padding:24px;font-size:12px}.video-caption{color:var(--text-dim);font-size:11.5px}.latency-cols{display:flex;justify-content:center;gap:40px}.latency-col-title{color:var(--text-dim);margin-bottom:4px;font-size:12px}.live-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.report-screen{--bg:#f7f8fb;--bg-elev:#fff;--bg-elev-2:#f1f3f8;--border-strong:#e3e7f0;--text:#12172a;--text-dim:#5b6478;--text-faint:#8891a3;--accent:#3b6fe0;--accent-2:#16a34a;background:var(--bg);color:var(--text);min-height:100vh;padding:40px 24px 64px}.report-inner{display:flex;flex-direction:column;gap:28px;max-width:1080px;margin:0 auto}.report-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;gap:16px}.report-kicker{letter-spacing:.6px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.report-host{margin-top:4px;font-size:28px}.report-sub{color:var(--text-dim);margin-top:4px;font-size:13px}.btn-light-primary{background:var(--accent);border-color:var(--accent);color:#fff}.score-hero{display:flex;border:1px solid var(--border-strong);background:linear-gradient(135deg,#eef2ff,#fff);border-radius:24px;flex-wrap:wrap;align-items: center;gap:36px;padding:36px 40px;box-shadow:0 10px 30px -18px #141e3c40}.score-ring{--score-color:#16a34a;--score-pct:0%;background:conic-gradient(var(--score-color)var(--score-pct),#e3e7f0 0);display:flex;position:relative;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items: center;width:180px;height:180px;transition:background .4s}.score-ring:before{content:"";position:absolute;background:var(--bg-elev);border-radius:50%;inset:12px}.score-number{position:relative;font-variant-numeric:tabular-nums;font-size:46px;font-weight:800}.score-outof{position:relative;color:var(--text-dim);margin-top:-4px;font-size:12px}.score-side{flex:1;min-width:280px}.score-label{margin-bottom:6px;font-size:22px;font-weight:700}.score-explain{color:var(--text-dim);max-width:560px;margin:0;font-size:13px}.score-bars{display:flex;flex-direction:column;gap:8px;margin-top:16px}.score-bar-row{display:grid;grid-template-columns:160px 1fr 56px;align-items: center;gap:10px;font-size:12px}.score-bar-label{color:var(--text-dim)}.score-bar-track{background:var(--bg-elev-2);overflow:hidden;border-radius:999px;height:8px}.score-bar-fill{background:var(--accent);border-radius:999px;height:100%}.score-bar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric-card{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:12px;padding:16px 18px;box-shadow:0 6px 18px -14px #141e3c4d}.metric-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.metric-label{color:var(--text-dim);margin-top:4px;font-size:11.5px}.report-section{background:var(--bg-elev);border:1px solid var(--border-strong);display:flex;border-radius:16px;flex-direction:column;gap:16px;padding:28px;box-shadow:0 6px 18px -14px #141e3c40}.report-section h2{font-size:19px}.section-text{color:var(--text-dim);max-width:820px;margin:0;font-size:13.5px}.subsection-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin:4px 0 -4px;font-size:12.5px}.report-gallery{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.report-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:760px){.report-charts{grid-template-columns:1fr}}.chart-box{background:var(--bg-elev-2);border:1px solid var(--border-strong);display:flex;border-radius:12px;flex-direction:column;height:280px;padding:16px;box-shadow:0 6px 18px -14px #141e3c40}.chart-box h3{color:var(--text-dim);flex-shrink:0;margin-bottom:10px;font-size:12.5px;font-weight:600}.chart-box .chart-canvas-wrap{position:relative;flex:1;min-height:0}.chart-box.wide{grid-column:1/-1}.report-footnote{color:var(--text-faint);text-align:center;max-width:760px;margin:8px auto 0;font-size:12px}.route-info{display:flex;flex-direction:column;gap:12px}.route-badge{display:inline-block;color:#15803d;background:#eaf7ee;border:1px solid #bbe8c8;border-radius:10px;padding:10px 14px;font-size:13px}.route-badge.muted{background:var(--bg-elev-2);color:var(--text-dim);border-color:var(--border-strong)}