*{box-sizing:border-box}body{color:#fff;background:#111827;margin:0;font-family:Arial,Helvetica,sans-serif}.container{max-width:1400px;margin:auto;padding:24px}h1{text-align:center;margin-bottom:30px}.card{background:#1f2937;border-radius:12px;margin-bottom:20px;padding:20px}.waiting{text-align:center;background:#1f2937;border-radius:12px;padding:50px;font-size:20px}.info-row{word-break:break-all;justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.rumble-btn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;padding:10px 20px}.rumble-btn:hover{opacity:.9}.buttons-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;display:grid}.button-box{text-align:center;background:#374151;border-radius:10px;padding:15px;transition:all .15s}.button-box.active{color:#000;background:#22c55e;transform:scale(1.05)}.axes-grid{flex-direction:column;gap:20px;display:flex}.axis-item{width:100%}.axis-header{justify-content:space-between;margin-bottom:8px;display:flex}.axis-bar{background:#374151;border-radius:10px;height:14px;position:relative}.axis-fill{background:#3b82f6;border-radius:50%;width:20px;height:20px;position:absolute;top:-3px;transform:translate(-50%)}.sticks{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.stick-container{flex-direction:column;align-items:center;gap:15px;display:flex}.stick-area{background:#0f1419;border-radius:50%;width:220px;height:220px;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.stick-svg{width:100%;height:100%}.stick-dot{background:#22c55e;border-radius:50%;width:30px;height:30px;transition:transform 20ms linear;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}.metrics-grid{background:#0f1419;border:1px solid #374151;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:300px;padding:15px;display:grid}.metric{background:#1f2937;border-left:3px solid #3b82f6;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.metric.in-deadzone{background:#1a3a3a;border-left-color:#4ecdc4}.metric.has-error{background:#3a1a1a;border-left-color:#ff6b6b}.metric-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.metric-value{color:#e5e7eb;font-family:Courier New,monospace;font-size:13px;font-weight:700}.coords{margin-top:10px}.button-row{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.danger{background:#dc2626}.danger:hover{background:#b91c1c}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:100%}.report-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.report-box{background:#111827;border:1px solid #374151;border-radius:10px;padding:20px}.report-box h3{margin-top:0;margin-bottom:15px}.report-box p{margin:8px 0;font-size:15px}.stick-area{border:1px solid #374151}.stick-svg{background:#0b1220}.stick-svg circle{transition:all 50ms linear}.metric-value{line-height:1.4}.metric-value.polling-good{color:#22c55e}.metric-value.polling-medium{color:#facc15}.metric-value.polling-low{color:#ef4444}.grade-a-plus{color:#22c55e;font-weight:700}.grade-a{color:#4ade80;font-weight:700}.grade-b{color:#facc15;font-weight:700}.grade-c{color:#ef4444;font-weight:700}.active-test{border:2px solid #22c55e;box-shadow:0 0 10px #22c55e80}@media (width<=768px){.sticks{flex-direction:column;align-items:center}.metrics-grid{grid-template-columns:1fr;max-width:100%}.button-row{flex-direction:column}.rumble-btn{width:100%}.report-grid{grid-template-columns:1fr}}