*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;margin:0;font-family:system-ui,sans-serif}.center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:16px}button.danger{background:#dc2626}.videos{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tile{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.tile figcaption{color:#94a3b8;font-size:13px}video{object-fit:cover;background:#1e293b;border-radius:12px;width:320px;height:240px}.quality{background:#1e293b;border-radius:999px;padding:4px 10px;font-size:14px}.quality-excellent{color:#bbf7d0;background:#14532d}.quality-good{color:#dcfce7;background:#166534}.quality-medium{color:#fef08a;background:#854d0e}.quality-poor{color:#fecaca;background:#991b1b}.quality-reconnecting,.quality-connecting{color:#bfdbfe;background:#1e3a8a}.quality-disconnected{color:#cbd5e1;background:#334155}